.bg-primary-50 {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 244, var(--bg-opacity));
}
.dark .dark\:bg-primary-50 {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 244, var(--bg-opacity));
}
.bg-primary-50-important {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 244, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-50-important {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 244, var(--bg-opacity)) !important;
}
.focus\:bg-primary-50:focus {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 244, var(--bg-opacity));
}
.hover\:bg-primary-50:hover {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 244, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-50 {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 244, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-50:focus {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 244, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-50:hover {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 244, var(--bg-opacity));
}
.bg-primary-100 {
    --bg-opacity: 1;
    background-color: rgba(199, 247, 241, var(--bg-opacity));
}
.dark .dark\:bg-primary-100 {
    --bg-opacity: 1;
    background-color: rgba(199, 247, 241, var(--bg-opacity));
}
.bg-primary-100-important {
    --bg-opacity: 1;
    background-color: rgba(199, 247, 241, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-100-important {
    --bg-opacity: 1;
    background-color: rgba(199, 247, 241, var(--bg-opacity)) !important;
}
.focus\:bg-primary-100:focus {
    --bg-opacity: 1;
    background-color: rgba(199, 247, 241, var(--bg-opacity));
}
.hover\:bg-primary-100:hover {
    --bg-opacity: 1;
    background-color: rgba(199, 247, 241, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-100 {
    --bg-opacity: 1;
    background-color: rgba(199, 247, 241, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-100:focus {
    --bg-opacity: 1;
    background-color: rgba(199, 247, 241, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-100:hover {
    --bg-opacity: 1;
    background-color: rgba(199, 247, 241, var(--bg-opacity));
}
.bg-primary-200 {
    --bg-opacity: 1;
    background-color: rgba(147, 242, 231, var(--bg-opacity));
}
.dark .dark\:bg-primary-200 {
    --bg-opacity: 1;
    background-color: rgba(147, 242, 231, var(--bg-opacity));
}
.bg-primary-200-important {
    --bg-opacity: 1;
    background-color: rgba(147, 242, 231, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-200-important {
    --bg-opacity: 1;
    background-color: rgba(147, 242, 231, var(--bg-opacity)) !important;
}
.focus\:bg-primary-200:focus {
    --bg-opacity: 1;
    background-color: rgba(147, 242, 231, var(--bg-opacity));
}
.hover\:bg-primary-200:hover {
    --bg-opacity: 1;
    background-color: rgba(147, 242, 231, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-200 {
    --bg-opacity: 1;
    background-color: rgba(147, 242, 231, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-200:focus {
    --bg-opacity: 1;
    background-color: rgba(147, 242, 231, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-200:hover {
    --bg-opacity: 1;
    background-color: rgba(147, 242, 231, var(--bg-opacity));
}
.bg-primary-300 {
    --bg-opacity: 1;
    background-color: rgba(89, 239, 222, var(--bg-opacity));
}
.dark .dark\:bg-primary-300 {
    --bg-opacity: 1;
    background-color: rgba(89, 239, 222, var(--bg-opacity));
}
.bg-primary-300-important {
    --bg-opacity: 1;
    background-color: rgba(89, 239, 222, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-300-important {
    --bg-opacity: 1;
    background-color: rgba(89, 239, 222, var(--bg-opacity)) !important;
}
.focus\:bg-primary-300:focus {
    --bg-opacity: 1;
    background-color: rgba(89, 239, 222, var(--bg-opacity));
}
.hover\:bg-primary-300:hover {
    --bg-opacity: 1;
    background-color: rgba(89, 239, 222, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-300 {
    --bg-opacity: 1;
    background-color: rgba(89, 239, 222, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-300:focus {
    --bg-opacity: 1;
    background-color: rgba(89, 239, 222, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-300:hover {
    --bg-opacity: 1;
    background-color: rgba(89, 239, 222, var(--bg-opacity));
}
.bg-primary-400 {
    --bg-opacity: 1;
    background-color: rgba(22, 239, 215, var(--bg-opacity));
}
.dark .dark\:bg-primary-400 {
    --bg-opacity: 1;
    background-color: rgba(22, 239, 215, var(--bg-opacity));
}
.bg-primary-400-important {
    --bg-opacity: 1;
    background-color: rgba(22, 239, 215, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-400-important {
    --bg-opacity: 1;
    background-color: rgba(22, 239, 215, var(--bg-opacity)) !important;
}
.focus\:bg-primary-400:focus {
    --bg-opacity: 1;
    background-color: rgba(22, 239, 215, var(--bg-opacity));
}
.hover\:bg-primary-400:hover {
    --bg-opacity: 1;
    background-color: rgba(22, 239, 215, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-400 {
    --bg-opacity: 1;
    background-color: rgba(22, 239, 215, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-400:focus {
    --bg-opacity: 1;
    background-color: rgba(22, 239, 215, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-400:hover {
    --bg-opacity: 1;
    background-color: rgba(22, 239, 215, var(--bg-opacity));
}
.bg-primary-500 {
    --bg-opacity: 1;
    background-color: rgba(7, 163, 146, var(--bg-opacity));
}
.dark .dark\:bg-primary-500 {
    --bg-opacity: 1;
    background-color: rgba(7, 163, 146, var(--bg-opacity));
}
.bg-primary-500-important {
    --bg-opacity: 1;
    background-color: rgba(7, 163, 146, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-500-important {
    --bg-opacity: 1;
    background-color: rgba(7, 163, 146, var(--bg-opacity)) !important;
}
.focus\:bg-primary-500:focus {
    --bg-opacity: 1;
    background-color: rgba(7, 163, 146, var(--bg-opacity));
}
.hover\:bg-primary-500:hover {
    --bg-opacity: 1;
    background-color: rgba(7, 163, 146, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-500 {
    --bg-opacity: 1;
    background-color: rgba(7, 163, 146, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-500:focus {
    --bg-opacity: 1;
    background-color: rgba(7, 163, 146, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-500:hover {
    --bg-opacity: 1;
    background-color: rgba(7, 163, 146, var(--bg-opacity));
}
.bg-primary-600 {
    --bg-opacity: 1;
    background-color: rgba(7, 145, 129, var(--bg-opacity));
}
.dark .dark\:bg-primary-600 {
    --bg-opacity: 1;
    background-color: rgba(7, 138, 123, var(--bg-opacity));
}
.bg-primary-600-important {
    --bg-opacity: 1;
    background-color: rgba(7, 145, 129, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-600-important {
    --bg-opacity: 1;
    background-color: rgba(7, 138, 123, var(--bg-opacity)) !important;
}
.focus\:bg-primary-600:focus {
    --bg-opacity: 1;
    background-color: rgba(7, 145, 129, var(--bg-opacity));
}
.hover\:bg-primary-600:hover {
    --bg-opacity: 1;
    background-color: rgba(7, 145, 129, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-600 {
    --bg-opacity: 1;
    background-color: rgba(7, 145, 129, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-600:focus {
    --bg-opacity: 1;
    background-color: rgba(7, 138, 123, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-600:hover {
    --bg-opacity: 1;
    background-color: rgba(7, 138, 123, var(--bg-opacity));
}
.bg-primary-700 {
    --bg-opacity: 1;
    background-color: rgba(6, 119, 106, var(--bg-opacity));
}
.dark .dark\:bg-primary-700 {
    --bg-opacity: 1;
    background-color: rgba(5, 103, 92, var(--bg-opacity));
}
.bg-primary-700-important {
    --bg-opacity: 1;
    background-color: rgba(6, 119, 106, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-700-important {
    --bg-opacity: 1;
    background-color: rgba(5, 103, 92, var(--bg-opacity)) !important;
}
.focus\:bg-primary-700:focus {
    --bg-opacity: 1;
    background-color: rgba(6, 119, 106, var(--bg-opacity));
}
.hover\:bg-primary-700:hover {
    --bg-opacity: 1;
    background-color: rgba(6, 119, 106, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-700 {
    --bg-opacity: 1;
    background-color: rgba(6, 119, 106, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-700:focus {
    --bg-opacity: 1;
    background-color: rgba(5, 103, 92, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-700:hover {
    --bg-opacity: 1;
    background-color: rgba(5, 103, 92, var(--bg-opacity));
}
.bg-primary-800 {
    --bg-opacity: 1;
    background-color: rgba(1, 93, 83, var(--bg-opacity));
}
.dark .dark\:bg-primary-800 {
    --bg-opacity: 1;
    background-color: rgba(1, 71, 63, var(--bg-opacity));
}
.bg-primary-800-important {
    --bg-opacity: 1;
    background-color: rgba(1, 93, 83, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-800-important {
    --bg-opacity: 1;
    background-color: rgba(1, 71, 63, var(--bg-opacity)) !important;
}
.focus\:bg-primary-800:focus {
    --bg-opacity: 1;
    background-color: rgba(1, 93, 83, var(--bg-opacity));
}
.hover\:bg-primary-800:hover {
    --bg-opacity: 1;
    background-color: rgba(1, 93, 83, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-800 {
    --bg-opacity: 1;
    background-color: rgba(1, 93, 83, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-800:focus {
    --bg-opacity: 1;
    background-color: rgba(1, 71, 63, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-800:hover {
    --bg-opacity: 1;
    background-color: rgba(1, 71, 63, var(--bg-opacity));
}
.bg-primary-900 {
    --bg-opacity: 1;
    background-color: rgba(1, 58, 52, var(--bg-opacity));
}
.dark .dark\:bg-primary-900 {
    --bg-opacity: 1;
    background-color: rgba(1, 37, 33, var(--bg-opacity));
}
.bg-primary-900-important {
    --bg-opacity: 1;
    background-color: rgba(1, 58, 52, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-900-important {
    --bg-opacity: 1;
    background-color: rgba(1, 37, 33, var(--bg-opacity)) !important;
}
.focus\:bg-primary-900:focus {
    --bg-opacity: 1;
    background-color: rgba(1, 58, 52, var(--bg-opacity));
}
.hover\:bg-primary-900:hover {
    --bg-opacity: 1;
    background-color: rgba(1, 58, 52, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-900 {
    --bg-opacity: 1;
    background-color: rgba(1, 58, 52, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-900:focus {
    --bg-opacity: 1;
    background-color: rgba(1, 37, 33, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-900:hover {
    --bg-opacity: 1;
    background-color: rgba(1, 37, 33, var(--bg-opacity));
}
.bg-primary-20-50 {
    background-color: rgba(227, 246, 244, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-50 {
    background-color: rgba(227, 246, 244, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
}
.bg-primary-20-50-important {
    background-color: rgba(227, 246, 244, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-50-important {
    background-color: rgba(227, 246, 244, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 20%, transparent) !important;
    }
}
.bg-primary-20-100 {
    background-color: rgba(199, 247, 241, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-100 {
    background-color: rgba(199, 247, 241, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
}
.bg-primary-20-100-important {
    background-color: rgba(199, 247, 241, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-100-important {
    background-color: rgba(199, 247, 241, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 20%, transparent) !important;
    }
}
.bg-primary-20-200 {
    background-color: rgba(147, 242, 231, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-200 {
    background-color: rgba(147, 242, 231, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
}
.bg-primary-20-200-important {
    background-color: rgba(147, 242, 231, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-200-important {
    background-color: rgba(147, 242, 231, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 20%, transparent) !important;
    }
}
.bg-primary-20-300 {
    background-color: rgba(89, 239, 222, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-300 {
    background-color: rgba(89, 239, 222, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 20%, transparent);
    }
}
.bg-primary-20-300-important {
    background-color: rgba(89, 239, 222, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-300-important {
    background-color: rgba(89, 239, 222, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 20%, transparent) !important;
    }
}
.bg-primary-20-400 {
    background-color: rgba(22, 239, 215, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-400 {
    background-color: rgba(22, 239, 215, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
}
.bg-primary-20-400-important {
    background-color: rgba(22, 239, 215, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-400-important {
    background-color: rgba(22, 239, 215, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 20%, transparent) !important;
    }
}
.bg-primary-20-500 {
    background-color: rgba(7, 163, 146, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-500 {
    background-color: rgba(7, 163, 146, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.bg-primary-20-500-important {
    background-color: rgba(7, 163, 146, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-500-important {
    background-color: rgba(7, 163, 146, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 20%, transparent) !important;
    }
}
.bg-primary-20-600 {
    background-color: rgba(7, 145, 129, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-600 {
    background-color: rgba(7, 138, 123, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 20%, transparent);
    }
}
.bg-primary-20-600-important {
    background-color: rgba(7, 145, 129, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-600-important {
    background-color: rgba(7, 138, 123, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 20%, transparent) !important;
    }
}
.bg-primary-20-700 {
    background-color: rgba(6, 119, 106, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-700 {
    background-color: rgba(5, 103, 92, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 20%, transparent);
    }
}
.bg-primary-20-700-important {
    background-color: rgba(6, 119, 106, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-700-important {
    background-color: rgba(5, 103, 92, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 20%, transparent) !important;
    }
}
.bg-primary-20-800 {
    background-color: rgba(1, 93, 83, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-800 {
    background-color: rgba(1, 71, 63, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 20%, transparent);
    }
}
.bg-primary-20-800-important {
    background-color: rgba(1, 93, 83, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-800-important {
    background-color: rgba(1, 71, 63, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 20%, transparent) !important;
    }
}
.bg-primary-20-900 {
    background-color: rgba(1, 58, 52, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-900 {
    background-color: rgba(1, 37, 33, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 20%, transparent);
    }
}
.bg-primary-20-900-important {
    background-color: rgba(1, 58, 52, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-900-important {
    background-color: rgba(1, 37, 33, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 20%, transparent) !important;
    }
}
.focus\:bg-primary-20-50:focus {
    background-color: rgba(227, 246, 244, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
}
.hover\:bg-primary-20-50:hover {
    background-color: rgba(227, 246, 244, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-50 {
    background-color: rgba(227, 246, 244, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-50:focus {
    background-color: rgba(227, 246, 244, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-50:hover {
    background-color: rgba(227, 246, 244, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
}
.focus\:bg-primary-20-100:focus {
    background-color: rgba(199, 247, 241, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
}
.hover\:bg-primary-20-100:hover {
    background-color: rgba(199, 247, 241, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-100 {
    background-color: rgba(199, 247, 241, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-100:focus {
    background-color: rgba(199, 247, 241, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-100:hover {
    background-color: rgba(199, 247, 241, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
}
.focus\:bg-primary-20-200:focus {
    background-color: rgba(147, 242, 231, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
}
.hover\:bg-primary-20-200:hover {
    background-color: rgba(147, 242, 231, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-200 {
    background-color: rgba(147, 242, 231, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-200:focus {
    background-color: rgba(147, 242, 231, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-200:hover {
    background-color: rgba(147, 242, 231, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
}
.focus\:bg-primary-20-300:focus {
    background-color: rgba(89, 239, 222, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 20%, transparent);
    }
}
.hover\:bg-primary-20-300:hover {
    background-color: rgba(89, 239, 222, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-300 {
    background-color: rgba(89, 239, 222, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-300:focus {
    background-color: rgba(89, 239, 222, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-300:hover {
    background-color: rgba(89, 239, 222, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 20%, transparent);
    }
}
.focus\:bg-primary-20-400:focus {
    background-color: rgba(22, 239, 215, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
}
.hover\:bg-primary-20-400:hover {
    background-color: rgba(22, 239, 215, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-400 {
    background-color: rgba(22, 239, 215, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-400:focus {
    background-color: rgba(22, 239, 215, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-400:hover {
    background-color: rgba(22, 239, 215, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
}
.focus\:bg-primary-20-500:focus {
    background-color: rgba(7, 163, 146, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.hover\:bg-primary-20-500:hover {
    background-color: rgba(7, 163, 146, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-500 {
    background-color: rgba(7, 163, 146, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-500:focus {
    background-color: rgba(7, 163, 146, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-500:hover {
    background-color: rgba(7, 163, 146, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.focus\:bg-primary-20-600:focus {
    background-color: rgba(7, 145, 129, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 20%, transparent);
    }
}
.hover\:bg-primary-20-600:hover {
    background-color: rgba(7, 145, 129, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-600 {
    background-color: rgba(7, 145, 129, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-600:focus {
    background-color: rgba(7, 138, 123, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-600:hover {
    background-color: rgba(7, 138, 123, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 20%, transparent);
    }
}
.focus\:bg-primary-20-700:focus {
    background-color: rgba(6, 119, 106, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 20%, transparent);
    }
}
.hover\:bg-primary-20-700:hover {
    background-color: rgba(6, 119, 106, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-700 {
    background-color: rgba(6, 119, 106, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-700:focus {
    background-color: rgba(5, 103, 92, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-700:hover {
    background-color: rgba(5, 103, 92, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 20%, transparent);
    }
}
.focus\:bg-primary-20-800:focus {
    background-color: rgba(1, 93, 83, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 20%, transparent);
    }
}
.hover\:bg-primary-20-800:hover {
    background-color: rgba(1, 93, 83, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-800 {
    background-color: rgba(1, 93, 83, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-800:focus {
    background-color: rgba(1, 71, 63, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-800:hover {
    background-color: rgba(1, 71, 63, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 20%, transparent);
    }
}
.focus\:bg-primary-20-900:focus {
    background-color: rgba(1, 58, 52, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 20%, transparent);
    }
}
.hover\:bg-primary-20-900:hover {
    background-color: rgba(1, 58, 52, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-900 {
    background-color: rgba(1, 58, 52, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-900:focus {
    background-color: rgba(1, 37, 33, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-900:hover {
    background-color: rgba(1, 37, 33, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 20%, transparent);
    }
}
.bg-primary-25-50 {
    background-color: rgba(227, 246, 244, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-50 {
    background-color: rgba(227, 246, 244, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
}
.bg-primary-25-50-important {
    background-color: rgba(227, 246, 244, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-50-important {
    background-color: rgba(227, 246, 244, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 25%, transparent) !important;
    }
}
.bg-primary-25-100 {
    background-color: rgba(199, 247, 241, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-100 {
    background-color: rgba(199, 247, 241, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
}
.bg-primary-25-100-important {
    background-color: rgba(199, 247, 241, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-100-important {
    background-color: rgba(199, 247, 241, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 25%, transparent) !important;
    }
}
.bg-primary-25-200 {
    background-color: rgba(147, 242, 231, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-200 {
    background-color: rgba(147, 242, 231, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
}
.bg-primary-25-200-important {
    background-color: rgba(147, 242, 231, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-200-important {
    background-color: rgba(147, 242, 231, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 25%, transparent) !important;
    }
}
.bg-primary-25-300 {
    background-color: rgba(89, 239, 222, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-300 {
    background-color: rgba(89, 239, 222, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 25%, transparent);
    }
}
.bg-primary-25-300-important {
    background-color: rgba(89, 239, 222, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-300-important {
    background-color: rgba(89, 239, 222, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 25%, transparent) !important;
    }
}
.bg-primary-25-400 {
    background-color: rgba(22, 239, 215, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-400 {
    background-color: rgba(22, 239, 215, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
}
.bg-primary-25-400-important {
    background-color: rgba(22, 239, 215, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-400-important {
    background-color: rgba(22, 239, 215, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 25%, transparent) !important;
    }
}
.bg-primary-25-500 {
    background-color: rgba(7, 163, 146, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-500 {
    background-color: rgba(7, 163, 146, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.bg-primary-25-500-important {
    background-color: rgba(7, 163, 146, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-500-important {
    background-color: rgba(7, 163, 146, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 25%, transparent) !important;
    }
}
.bg-primary-25-600 {
    background-color: rgba(7, 145, 129, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-600 {
    background-color: rgba(7, 138, 123, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 25%, transparent);
    }
}
.bg-primary-25-600-important {
    background-color: rgba(7, 145, 129, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-600-important {
    background-color: rgba(7, 138, 123, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 25%, transparent) !important;
    }
}
.bg-primary-25-700 {
    background-color: rgba(6, 119, 106, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-700 {
    background-color: rgba(5, 103, 92, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 25%, transparent);
    }
}
.bg-primary-25-700-important {
    background-color: rgba(6, 119, 106, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-700-important {
    background-color: rgba(5, 103, 92, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 25%, transparent) !important;
    }
}
.bg-primary-25-800 {
    background-color: rgba(1, 93, 83, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-800 {
    background-color: rgba(1, 71, 63, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 25%, transparent);
    }
}
.bg-primary-25-800-important {
    background-color: rgba(1, 93, 83, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-800-important {
    background-color: rgba(1, 71, 63, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 25%, transparent) !important;
    }
}
.bg-primary-25-900 {
    background-color: rgba(1, 58, 52, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-900 {
    background-color: rgba(1, 37, 33, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 25%, transparent);
    }
}
.bg-primary-25-900-important {
    background-color: rgba(1, 58, 52, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-900-important {
    background-color: rgba(1, 37, 33, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 25%, transparent) !important;
    }
}
.focus\:bg-primary-25-50:focus {
    background-color: rgba(227, 246, 244, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
}
.hover\:bg-primary-25-50:hover {
    background-color: rgba(227, 246, 244, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-50 {
    background-color: rgba(227, 246, 244, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-50:focus {
    background-color: rgba(227, 246, 244, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-50:hover {
    background-color: rgba(227, 246, 244, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
}
.focus\:bg-primary-25-100:focus {
    background-color: rgba(199, 247, 241, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
}
.hover\:bg-primary-25-100:hover {
    background-color: rgba(199, 247, 241, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-100 {
    background-color: rgba(199, 247, 241, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-100:focus {
    background-color: rgba(199, 247, 241, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-100:hover {
    background-color: rgba(199, 247, 241, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
}
.focus\:bg-primary-25-200:focus {
    background-color: rgba(147, 242, 231, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
}
.hover\:bg-primary-25-200:hover {
    background-color: rgba(147, 242, 231, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-200 {
    background-color: rgba(147, 242, 231, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-200:focus {
    background-color: rgba(147, 242, 231, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-200:hover {
    background-color: rgba(147, 242, 231, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
}
.focus\:bg-primary-25-300:focus {
    background-color: rgba(89, 239, 222, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 25%, transparent);
    }
}
.hover\:bg-primary-25-300:hover {
    background-color: rgba(89, 239, 222, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-300 {
    background-color: rgba(89, 239, 222, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-300:focus {
    background-color: rgba(89, 239, 222, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-300:hover {
    background-color: rgba(89, 239, 222, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 25%, transparent);
    }
}
.focus\:bg-primary-25-400:focus {
    background-color: rgba(22, 239, 215, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
}
.hover\:bg-primary-25-400:hover {
    background-color: rgba(22, 239, 215, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-400 {
    background-color: rgba(22, 239, 215, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-400:focus {
    background-color: rgba(22, 239, 215, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-400:hover {
    background-color: rgba(22, 239, 215, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
}
.focus\:bg-primary-25-500:focus {
    background-color: rgba(7, 163, 146, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.hover\:bg-primary-25-500:hover {
    background-color: rgba(7, 163, 146, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-500 {
    background-color: rgba(7, 163, 146, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-500:focus {
    background-color: rgba(7, 163, 146, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-500:hover {
    background-color: rgba(7, 163, 146, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.focus\:bg-primary-25-600:focus {
    background-color: rgba(7, 145, 129, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 25%, transparent);
    }
}
.hover\:bg-primary-25-600:hover {
    background-color: rgba(7, 145, 129, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-600 {
    background-color: rgba(7, 145, 129, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-600:focus {
    background-color: rgba(7, 138, 123, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-600:hover {
    background-color: rgba(7, 138, 123, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 25%, transparent);
    }
}
.focus\:bg-primary-25-700:focus {
    background-color: rgba(6, 119, 106, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 25%, transparent);
    }
}
.hover\:bg-primary-25-700:hover {
    background-color: rgba(6, 119, 106, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-700 {
    background-color: rgba(6, 119, 106, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-700:focus {
    background-color: rgba(5, 103, 92, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-700:hover {
    background-color: rgba(5, 103, 92, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 25%, transparent);
    }
}
.focus\:bg-primary-25-800:focus {
    background-color: rgba(1, 93, 83, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 25%, transparent);
    }
}
.hover\:bg-primary-25-800:hover {
    background-color: rgba(1, 93, 83, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-800 {
    background-color: rgba(1, 93, 83, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-800:focus {
    background-color: rgba(1, 71, 63, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-800:hover {
    background-color: rgba(1, 71, 63, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 25%, transparent);
    }
}
.focus\:bg-primary-25-900:focus {
    background-color: rgba(1, 58, 52, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 25%, transparent);
    }
}
.hover\:bg-primary-25-900:hover {
    background-color: rgba(1, 58, 52, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-900 {
    background-color: rgba(1, 58, 52, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-900:focus {
    background-color: rgba(1, 37, 33, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-900:hover {
    background-color: rgba(1, 37, 33, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 25%, transparent);
    }
}
.bg-primary-30-50 {
    background-color: rgba(227, 246, 244, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-50 {
    background-color: rgba(227, 246, 244, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
}
.bg-primary-30-50-important {
    background-color: rgba(227, 246, 244, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-50-important {
    background-color: rgba(227, 246, 244, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 30%, transparent) !important;
    }
}
.bg-primary-30-100 {
    background-color: rgba(199, 247, 241, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-100 {
    background-color: rgba(199, 247, 241, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
}
.bg-primary-30-100-important {
    background-color: rgba(199, 247, 241, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-100-important {
    background-color: rgba(199, 247, 241, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 30%, transparent) !important;
    }
}
.bg-primary-30-200 {
    background-color: rgba(147, 242, 231, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-200 {
    background-color: rgba(147, 242, 231, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
}
.bg-primary-30-200-important {
    background-color: rgba(147, 242, 231, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-200-important {
    background-color: rgba(147, 242, 231, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 30%, transparent) !important;
    }
}
.bg-primary-30-300 {
    background-color: rgba(89, 239, 222, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-300 {
    background-color: rgba(89, 239, 222, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 30%, transparent);
    }
}
.bg-primary-30-300-important {
    background-color: rgba(89, 239, 222, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-300-important {
    background-color: rgba(89, 239, 222, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 30%, transparent) !important;
    }
}
.bg-primary-30-400 {
    background-color: rgba(22, 239, 215, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-400 {
    background-color: rgba(22, 239, 215, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
}
.bg-primary-30-400-important {
    background-color: rgba(22, 239, 215, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-400-important {
    background-color: rgba(22, 239, 215, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 30%, transparent) !important;
    }
}
.bg-primary-30-500 {
    background-color: rgba(7, 163, 146, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-500 {
    background-color: rgba(7, 163, 146, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.bg-primary-30-500-important {
    background-color: rgba(7, 163, 146, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-500-important {
    background-color: rgba(7, 163, 146, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 30%, transparent) !important;
    }
}
.bg-primary-30-600 {
    background-color: rgba(7, 145, 129, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-600 {
    background-color: rgba(7, 138, 123, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 30%, transparent);
    }
}
.bg-primary-30-600-important {
    background-color: rgba(7, 145, 129, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-600-important {
    background-color: rgba(7, 138, 123, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 30%, transparent) !important;
    }
}
.bg-primary-30-700 {
    background-color: rgba(6, 119, 106, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-700 {
    background-color: rgba(5, 103, 92, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 30%, transparent);
    }
}
.bg-primary-30-700-important {
    background-color: rgba(6, 119, 106, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-700-important {
    background-color: rgba(5, 103, 92, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 30%, transparent) !important;
    }
}
.bg-primary-30-800 {
    background-color: rgba(1, 93, 83, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-800 {
    background-color: rgba(1, 71, 63, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 30%, transparent);
    }
}
.bg-primary-30-800-important {
    background-color: rgba(1, 93, 83, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-800-important {
    background-color: rgba(1, 71, 63, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 30%, transparent) !important;
    }
}
.bg-primary-30-900 {
    background-color: rgba(1, 58, 52, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-900 {
    background-color: rgba(1, 37, 33, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 30%, transparent);
    }
}
.bg-primary-30-900-important {
    background-color: rgba(1, 58, 52, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-900-important {
    background-color: rgba(1, 37, 33, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 30%, transparent) !important;
    }
}
.focus\:bg-primary-30-50:focus {
    background-color: rgba(227, 246, 244, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
}
.hover\:bg-primary-30-50:hover {
    background-color: rgba(227, 246, 244, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-50 {
    background-color: rgba(227, 246, 244, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-50:focus {
    background-color: rgba(227, 246, 244, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-50:hover {
    background-color: rgba(227, 246, 244, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
}
.focus\:bg-primary-30-100:focus {
    background-color: rgba(199, 247, 241, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
}
.hover\:bg-primary-30-100:hover {
    background-color: rgba(199, 247, 241, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-100 {
    background-color: rgba(199, 247, 241, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-100:focus {
    background-color: rgba(199, 247, 241, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-100:hover {
    background-color: rgba(199, 247, 241, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
}
.focus\:bg-primary-30-200:focus {
    background-color: rgba(147, 242, 231, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
}
.hover\:bg-primary-30-200:hover {
    background-color: rgba(147, 242, 231, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-200 {
    background-color: rgba(147, 242, 231, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-200:focus {
    background-color: rgba(147, 242, 231, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-200:hover {
    background-color: rgba(147, 242, 231, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
}
.focus\:bg-primary-30-300:focus {
    background-color: rgba(89, 239, 222, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 30%, transparent);
    }
}
.hover\:bg-primary-30-300:hover {
    background-color: rgba(89, 239, 222, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-300 {
    background-color: rgba(89, 239, 222, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-300:focus {
    background-color: rgba(89, 239, 222, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-300:hover {
    background-color: rgba(89, 239, 222, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 30%, transparent);
    }
}
.focus\:bg-primary-30-400:focus {
    background-color: rgba(22, 239, 215, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
}
.hover\:bg-primary-30-400:hover {
    background-color: rgba(22, 239, 215, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-400 {
    background-color: rgba(22, 239, 215, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-400:focus {
    background-color: rgba(22, 239, 215, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-400:hover {
    background-color: rgba(22, 239, 215, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
}
.focus\:bg-primary-30-500:focus {
    background-color: rgba(7, 163, 146, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.hover\:bg-primary-30-500:hover {
    background-color: rgba(7, 163, 146, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-500 {
    background-color: rgba(7, 163, 146, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-500:focus {
    background-color: rgba(7, 163, 146, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-500:hover {
    background-color: rgba(7, 163, 146, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.focus\:bg-primary-30-600:focus {
    background-color: rgba(7, 145, 129, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 30%, transparent);
    }
}
.hover\:bg-primary-30-600:hover {
    background-color: rgba(7, 145, 129, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-600 {
    background-color: rgba(7, 145, 129, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-600:focus {
    background-color: rgba(7, 138, 123, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-600:hover {
    background-color: rgba(7, 138, 123, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 30%, transparent);
    }
}
.focus\:bg-primary-30-700:focus {
    background-color: rgba(6, 119, 106, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 30%, transparent);
    }
}
.hover\:bg-primary-30-700:hover {
    background-color: rgba(6, 119, 106, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-700 {
    background-color: rgba(6, 119, 106, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-700:focus {
    background-color: rgba(5, 103, 92, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-700:hover {
    background-color: rgba(5, 103, 92, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 30%, transparent);
    }
}
.focus\:bg-primary-30-800:focus {
    background-color: rgba(1, 93, 83, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 30%, transparent);
    }
}
.hover\:bg-primary-30-800:hover {
    background-color: rgba(1, 93, 83, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-800 {
    background-color: rgba(1, 93, 83, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-800:focus {
    background-color: rgba(1, 71, 63, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-800:hover {
    background-color: rgba(1, 71, 63, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 30%, transparent);
    }
}
.focus\:bg-primary-30-900:focus {
    background-color: rgba(1, 58, 52, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 30%, transparent);
    }
}
.hover\:bg-primary-30-900:hover {
    background-color: rgba(1, 58, 52, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-900 {
    background-color: rgba(1, 58, 52, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-900:focus {
    background-color: rgba(1, 37, 33, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-900:hover {
    background-color: rgba(1, 37, 33, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 30%, transparent);
    }
}
.bg-primary-40-50 {
    background-color: rgba(227, 246, 244, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-50 {
    background-color: rgba(227, 246, 244, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
}
.bg-primary-40-50-important {
    background-color: rgba(227, 246, 244, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-50-important {
    background-color: rgba(227, 246, 244, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 40%, transparent) !important;
    }
}
.bg-primary-40-100 {
    background-color: rgba(199, 247, 241, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-100 {
    background-color: rgba(199, 247, 241, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
}
.bg-primary-40-100-important {
    background-color: rgba(199, 247, 241, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-100-important {
    background-color: rgba(199, 247, 241, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 40%, transparent) !important;
    }
}
.bg-primary-40-200 {
    background-color: rgba(147, 242, 231, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-200 {
    background-color: rgba(147, 242, 231, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
}
.bg-primary-40-200-important {
    background-color: rgba(147, 242, 231, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-200-important {
    background-color: rgba(147, 242, 231, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 40%, transparent) !important;
    }
}
.bg-primary-40-300 {
    background-color: rgba(89, 239, 222, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-300 {
    background-color: rgba(89, 239, 222, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 40%, transparent);
    }
}
.bg-primary-40-300-important {
    background-color: rgba(89, 239, 222, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-300-important {
    background-color: rgba(89, 239, 222, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 40%, transparent) !important;
    }
}
.bg-primary-40-400 {
    background-color: rgba(22, 239, 215, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-400 {
    background-color: rgba(22, 239, 215, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
}
.bg-primary-40-400-important {
    background-color: rgba(22, 239, 215, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-400-important {
    background-color: rgba(22, 239, 215, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 40%, transparent) !important;
    }
}
.bg-primary-40-500 {
    background-color: rgba(7, 163, 146, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-500 {
    background-color: rgba(7, 163, 146, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.bg-primary-40-500-important {
    background-color: rgba(7, 163, 146, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-500-important {
    background-color: rgba(7, 163, 146, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 40%, transparent) !important;
    }
}
.bg-primary-40-600 {
    background-color: rgba(7, 145, 129, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-600 {
    background-color: rgba(7, 138, 123, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 40%, transparent);
    }
}
.bg-primary-40-600-important {
    background-color: rgba(7, 145, 129, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-600-important {
    background-color: rgba(7, 138, 123, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 40%, transparent) !important;
    }
}
.bg-primary-40-700 {
    background-color: rgba(6, 119, 106, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-700 {
    background-color: rgba(5, 103, 92, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 40%, transparent);
    }
}
.bg-primary-40-700-important {
    background-color: rgba(6, 119, 106, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-700-important {
    background-color: rgba(5, 103, 92, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 40%, transparent) !important;
    }
}
.bg-primary-40-800 {
    background-color: rgba(1, 93, 83, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-800 {
    background-color: rgba(1, 71, 63, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 40%, transparent);
    }
}
.bg-primary-40-800-important {
    background-color: rgba(1, 93, 83, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-800-important {
    background-color: rgba(1, 71, 63, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 40%, transparent) !important;
    }
}
.bg-primary-40-900 {
    background-color: rgba(1, 58, 52, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-900 {
    background-color: rgba(1, 37, 33, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 40%, transparent);
    }
}
.bg-primary-40-900-important {
    background-color: rgba(1, 58, 52, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-900-important {
    background-color: rgba(1, 37, 33, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 40%, transparent) !important;
    }
}
.focus\:bg-primary-40-50:focus {
    background-color: rgba(227, 246, 244, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
}
.hover\:bg-primary-40-50:hover {
    background-color: rgba(227, 246, 244, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-50 {
    background-color: rgba(227, 246, 244, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-50:focus {
    background-color: rgba(227, 246, 244, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-50:hover {
    background-color: rgba(227, 246, 244, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
}
.focus\:bg-primary-40-100:focus {
    background-color: rgba(199, 247, 241, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
}
.hover\:bg-primary-40-100:hover {
    background-color: rgba(199, 247, 241, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-100 {
    background-color: rgba(199, 247, 241, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-100:focus {
    background-color: rgba(199, 247, 241, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-100:hover {
    background-color: rgba(199, 247, 241, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
}
.focus\:bg-primary-40-200:focus {
    background-color: rgba(147, 242, 231, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
}
.hover\:bg-primary-40-200:hover {
    background-color: rgba(147, 242, 231, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-200 {
    background-color: rgba(147, 242, 231, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-200:focus {
    background-color: rgba(147, 242, 231, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-200:hover {
    background-color: rgba(147, 242, 231, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
}
.focus\:bg-primary-40-300:focus {
    background-color: rgba(89, 239, 222, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 40%, transparent);
    }
}
.hover\:bg-primary-40-300:hover {
    background-color: rgba(89, 239, 222, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-300 {
    background-color: rgba(89, 239, 222, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-300:focus {
    background-color: rgba(89, 239, 222, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-300:hover {
    background-color: rgba(89, 239, 222, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 40%, transparent);
    }
}
.focus\:bg-primary-40-400:focus {
    background-color: rgba(22, 239, 215, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
}
.hover\:bg-primary-40-400:hover {
    background-color: rgba(22, 239, 215, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-400 {
    background-color: rgba(22, 239, 215, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-400:focus {
    background-color: rgba(22, 239, 215, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-400:hover {
    background-color: rgba(22, 239, 215, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
}
.focus\:bg-primary-40-500:focus {
    background-color: rgba(7, 163, 146, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.hover\:bg-primary-40-500:hover {
    background-color: rgba(7, 163, 146, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-500 {
    background-color: rgba(7, 163, 146, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-500:focus {
    background-color: rgba(7, 163, 146, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-500:hover {
    background-color: rgba(7, 163, 146, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.focus\:bg-primary-40-600:focus {
    background-color: rgba(7, 145, 129, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 40%, transparent);
    }
}
.hover\:bg-primary-40-600:hover {
    background-color: rgba(7, 145, 129, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-600 {
    background-color: rgba(7, 145, 129, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-600:focus {
    background-color: rgba(7, 138, 123, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-600:hover {
    background-color: rgba(7, 138, 123, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 40%, transparent);
    }
}
.focus\:bg-primary-40-700:focus {
    background-color: rgba(6, 119, 106, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 40%, transparent);
    }
}
.hover\:bg-primary-40-700:hover {
    background-color: rgba(6, 119, 106, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-700 {
    background-color: rgba(6, 119, 106, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-700:focus {
    background-color: rgba(5, 103, 92, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-700:hover {
    background-color: rgba(5, 103, 92, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 40%, transparent);
    }
}
.focus\:bg-primary-40-800:focus {
    background-color: rgba(1, 93, 83, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 40%, transparent);
    }
}
.hover\:bg-primary-40-800:hover {
    background-color: rgba(1, 93, 83, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-800 {
    background-color: rgba(1, 93, 83, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-800:focus {
    background-color: rgba(1, 71, 63, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-800:hover {
    background-color: rgba(1, 71, 63, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 40%, transparent);
    }
}
.focus\:bg-primary-40-900:focus {
    background-color: rgba(1, 58, 52, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 40%, transparent);
    }
}
.hover\:bg-primary-40-900:hover {
    background-color: rgba(1, 58, 52, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-900 {
    background-color: rgba(1, 58, 52, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-900:focus {
    background-color: rgba(1, 37, 33, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-900:hover {
    background-color: rgba(1, 37, 33, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 40%, transparent);
    }
}
.bg-primary-50-50 {
    background-color: rgba(227, 246, 244, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-50 {
    background-color: rgba(227, 246, 244, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
}
.bg-primary-50-50-important {
    background-color: rgba(227, 246, 244, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-50-important {
    background-color: rgba(227, 246, 244, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 50%, transparent) !important;
    }
}
.bg-primary-50-100 {
    background-color: rgba(199, 247, 241, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-100 {
    background-color: rgba(199, 247, 241, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
}
.bg-primary-50-100-important {
    background-color: rgba(199, 247, 241, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-100-important {
    background-color: rgba(199, 247, 241, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 50%, transparent) !important;
    }
}
.bg-primary-50-200 {
    background-color: rgba(147, 242, 231, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-200 {
    background-color: rgba(147, 242, 231, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
}
.bg-primary-50-200-important {
    background-color: rgba(147, 242, 231, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-200-important {
    background-color: rgba(147, 242, 231, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 50%, transparent) !important;
    }
}
.bg-primary-50-300 {
    background-color: rgba(89, 239, 222, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-300 {
    background-color: rgba(89, 239, 222, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 50%, transparent);
    }
}
.bg-primary-50-300-important {
    background-color: rgba(89, 239, 222, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-300-important {
    background-color: rgba(89, 239, 222, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 50%, transparent) !important;
    }
}
.bg-primary-50-400 {
    background-color: rgba(22, 239, 215, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-400 {
    background-color: rgba(22, 239, 215, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
}
.bg-primary-50-400-important {
    background-color: rgba(22, 239, 215, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-400-important {
    background-color: rgba(22, 239, 215, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 50%, transparent) !important;
    }
}
.bg-primary-50-500 {
    background-color: rgba(7, 163, 146, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-500 {
    background-color: rgba(7, 163, 146, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.bg-primary-50-500-important {
    background-color: rgba(7, 163, 146, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-500-important {
    background-color: rgba(7, 163, 146, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 50%, transparent) !important;
    }
}
.bg-primary-50-600 {
    background-color: rgba(7, 145, 129, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-600 {
    background-color: rgba(7, 138, 123, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 50%, transparent);
    }
}
.bg-primary-50-600-important {
    background-color: rgba(7, 145, 129, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-600-important {
    background-color: rgba(7, 138, 123, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 50%, transparent) !important;
    }
}
.bg-primary-50-700 {
    background-color: rgba(6, 119, 106, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-700 {
    background-color: rgba(5, 103, 92, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 50%, transparent);
    }
}
.bg-primary-50-700-important {
    background-color: rgba(6, 119, 106, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-700-important {
    background-color: rgba(5, 103, 92, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 50%, transparent) !important;
    }
}
.bg-primary-50-800 {
    background-color: rgba(1, 93, 83, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-800 {
    background-color: rgba(1, 71, 63, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 50%, transparent);
    }
}
.bg-primary-50-800-important {
    background-color: rgba(1, 93, 83, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-800-important {
    background-color: rgba(1, 71, 63, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 50%, transparent) !important;
    }
}
.bg-primary-50-900 {
    background-color: rgba(1, 58, 52, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-900 {
    background-color: rgba(1, 37, 33, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 50%, transparent);
    }
}
.bg-primary-50-900-important {
    background-color: rgba(1, 58, 52, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-900-important {
    background-color: rgba(1, 37, 33, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 50%, transparent) !important;
    }
}
.focus\:bg-primary-50-50:focus {
    background-color: rgba(227, 246, 244, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
}
.hover\:bg-primary-50-50:hover {
    background-color: rgba(227, 246, 244, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-50 {
    background-color: rgba(227, 246, 244, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-50:focus {
    background-color: rgba(227, 246, 244, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-50:hover {
    background-color: rgba(227, 246, 244, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
}
.focus\:bg-primary-50-100:focus {
    background-color: rgba(199, 247, 241, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
}
.hover\:bg-primary-50-100:hover {
    background-color: rgba(199, 247, 241, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-100 {
    background-color: rgba(199, 247, 241, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-100:focus {
    background-color: rgba(199, 247, 241, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-100:hover {
    background-color: rgba(199, 247, 241, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
}
.focus\:bg-primary-50-200:focus {
    background-color: rgba(147, 242, 231, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
}
.hover\:bg-primary-50-200:hover {
    background-color: rgba(147, 242, 231, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-200 {
    background-color: rgba(147, 242, 231, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-200:focus {
    background-color: rgba(147, 242, 231, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-200:hover {
    background-color: rgba(147, 242, 231, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
}
.focus\:bg-primary-50-300:focus {
    background-color: rgba(89, 239, 222, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 50%, transparent);
    }
}
.hover\:bg-primary-50-300:hover {
    background-color: rgba(89, 239, 222, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-300 {
    background-color: rgba(89, 239, 222, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-300:focus {
    background-color: rgba(89, 239, 222, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-300:hover {
    background-color: rgba(89, 239, 222, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 50%, transparent);
    }
}
.focus\:bg-primary-50-400:focus {
    background-color: rgba(22, 239, 215, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
}
.hover\:bg-primary-50-400:hover {
    background-color: rgba(22, 239, 215, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-400 {
    background-color: rgba(22, 239, 215, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-400:focus {
    background-color: rgba(22, 239, 215, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-400:hover {
    background-color: rgba(22, 239, 215, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
}
.focus\:bg-primary-50-500:focus {
    background-color: rgba(7, 163, 146, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.hover\:bg-primary-50-500:hover {
    background-color: rgba(7, 163, 146, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-500 {
    background-color: rgba(7, 163, 146, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-500:focus {
    background-color: rgba(7, 163, 146, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-500:hover {
    background-color: rgba(7, 163, 146, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.focus\:bg-primary-50-600:focus {
    background-color: rgba(7, 145, 129, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 50%, transparent);
    }
}
.hover\:bg-primary-50-600:hover {
    background-color: rgba(7, 145, 129, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-600 {
    background-color: rgba(7, 145, 129, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-600:focus {
    background-color: rgba(7, 138, 123, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-600:hover {
    background-color: rgba(7, 138, 123, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 50%, transparent);
    }
}
.focus\:bg-primary-50-700:focus {
    background-color: rgba(6, 119, 106, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 50%, transparent);
    }
}
.hover\:bg-primary-50-700:hover {
    background-color: rgba(6, 119, 106, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-700 {
    background-color: rgba(6, 119, 106, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-700:focus {
    background-color: rgba(5, 103, 92, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-700:hover {
    background-color: rgba(5, 103, 92, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 50%, transparent);
    }
}
.focus\:bg-primary-50-800:focus {
    background-color: rgba(1, 93, 83, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 50%, transparent);
    }
}
.hover\:bg-primary-50-800:hover {
    background-color: rgba(1, 93, 83, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-800 {
    background-color: rgba(1, 93, 83, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-800:focus {
    background-color: rgba(1, 71, 63, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-800:hover {
    background-color: rgba(1, 71, 63, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 50%, transparent);
    }
}
.focus\:bg-primary-50-900:focus {
    background-color: rgba(1, 58, 52, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 50%, transparent);
    }
}
.hover\:bg-primary-50-900:hover {
    background-color: rgba(1, 58, 52, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-900 {
    background-color: rgba(1, 58, 52, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-900:focus {
    background-color: rgba(1, 37, 33, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-900:hover {
    background-color: rgba(1, 37, 33, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 50%, transparent);
    }
}
.bg-primary-60-50 {
    background-color: rgba(227, 246, 244, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-50 {
    background-color: rgba(227, 246, 244, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
}
.bg-primary-60-50-important {
    background-color: rgba(227, 246, 244, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-50-important {
    background-color: rgba(227, 246, 244, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 60%, transparent) !important;
    }
}
.bg-primary-60-100 {
    background-color: rgba(199, 247, 241, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-100 {
    background-color: rgba(199, 247, 241, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
}
.bg-primary-60-100-important {
    background-color: rgba(199, 247, 241, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-100-important {
    background-color: rgba(199, 247, 241, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 60%, transparent) !important;
    }
}
.bg-primary-60-200 {
    background-color: rgba(147, 242, 231, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-200 {
    background-color: rgba(147, 242, 231, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
}
.bg-primary-60-200-important {
    background-color: rgba(147, 242, 231, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-200-important {
    background-color: rgba(147, 242, 231, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 60%, transparent) !important;
    }
}
.bg-primary-60-300 {
    background-color: rgba(89, 239, 222, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-300 {
    background-color: rgba(89, 239, 222, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 60%, transparent);
    }
}
.bg-primary-60-300-important {
    background-color: rgba(89, 239, 222, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-300-important {
    background-color: rgba(89, 239, 222, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 60%, transparent) !important;
    }
}
.bg-primary-60-400 {
    background-color: rgba(22, 239, 215, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-400 {
    background-color: rgba(22, 239, 215, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
}
.bg-primary-60-400-important {
    background-color: rgba(22, 239, 215, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-400-important {
    background-color: rgba(22, 239, 215, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 60%, transparent) !important;
    }
}
.bg-primary-60-500 {
    background-color: rgba(7, 163, 146, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-500 {
    background-color: rgba(7, 163, 146, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.bg-primary-60-500-important {
    background-color: rgba(7, 163, 146, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-500-important {
    background-color: rgba(7, 163, 146, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 60%, transparent) !important;
    }
}
.bg-primary-60-600 {
    background-color: rgba(7, 145, 129, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-600 {
    background-color: rgba(7, 138, 123, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 60%, transparent);
    }
}
.bg-primary-60-600-important {
    background-color: rgba(7, 145, 129, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-600-important {
    background-color: rgba(7, 138, 123, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 60%, transparent) !important;
    }
}
.bg-primary-60-700 {
    background-color: rgba(6, 119, 106, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-700 {
    background-color: rgba(5, 103, 92, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 60%, transparent);
    }
}
.bg-primary-60-700-important {
    background-color: rgba(6, 119, 106, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-700-important {
    background-color: rgba(5, 103, 92, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 60%, transparent) !important;
    }
}
.bg-primary-60-800 {
    background-color: rgba(1, 93, 83, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-800 {
    background-color: rgba(1, 71, 63, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 60%, transparent);
    }
}
.bg-primary-60-800-important {
    background-color: rgba(1, 93, 83, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-800-important {
    background-color: rgba(1, 71, 63, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 60%, transparent) !important;
    }
}
.bg-primary-60-900 {
    background-color: rgba(1, 58, 52, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-900 {
    background-color: rgba(1, 37, 33, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 60%, transparent);
    }
}
.bg-primary-60-900-important {
    background-color: rgba(1, 58, 52, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-900-important {
    background-color: rgba(1, 37, 33, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 60%, transparent) !important;
    }
}
.focus\:bg-primary-60-50:focus {
    background-color: rgba(227, 246, 244, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
}
.hover\:bg-primary-60-50:hover {
    background-color: rgba(227, 246, 244, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-50 {
    background-color: rgba(227, 246, 244, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-50:focus {
    background-color: rgba(227, 246, 244, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-50:hover {
    background-color: rgba(227, 246, 244, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
}
.focus\:bg-primary-60-100:focus {
    background-color: rgba(199, 247, 241, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
}
.hover\:bg-primary-60-100:hover {
    background-color: rgba(199, 247, 241, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-100 {
    background-color: rgba(199, 247, 241, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-100:focus {
    background-color: rgba(199, 247, 241, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-100:hover {
    background-color: rgba(199, 247, 241, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
}
.focus\:bg-primary-60-200:focus {
    background-color: rgba(147, 242, 231, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
}
.hover\:bg-primary-60-200:hover {
    background-color: rgba(147, 242, 231, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-200 {
    background-color: rgba(147, 242, 231, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-200:focus {
    background-color: rgba(147, 242, 231, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-200:hover {
    background-color: rgba(147, 242, 231, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
}
.focus\:bg-primary-60-300:focus {
    background-color: rgba(89, 239, 222, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 60%, transparent);
    }
}
.hover\:bg-primary-60-300:hover {
    background-color: rgba(89, 239, 222, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-300 {
    background-color: rgba(89, 239, 222, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-300:focus {
    background-color: rgba(89, 239, 222, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-300:hover {
    background-color: rgba(89, 239, 222, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 60%, transparent);
    }
}
.focus\:bg-primary-60-400:focus {
    background-color: rgba(22, 239, 215, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
}
.hover\:bg-primary-60-400:hover {
    background-color: rgba(22, 239, 215, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-400 {
    background-color: rgba(22, 239, 215, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-400:focus {
    background-color: rgba(22, 239, 215, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-400:hover {
    background-color: rgba(22, 239, 215, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
}
.focus\:bg-primary-60-500:focus {
    background-color: rgba(7, 163, 146, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.hover\:bg-primary-60-500:hover {
    background-color: rgba(7, 163, 146, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-500 {
    background-color: rgba(7, 163, 146, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-500:focus {
    background-color: rgba(7, 163, 146, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-500:hover {
    background-color: rgba(7, 163, 146, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.focus\:bg-primary-60-600:focus {
    background-color: rgba(7, 145, 129, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 60%, transparent);
    }
}
.hover\:bg-primary-60-600:hover {
    background-color: rgba(7, 145, 129, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-600 {
    background-color: rgba(7, 145, 129, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-600:focus {
    background-color: rgba(7, 138, 123, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-600:hover {
    background-color: rgba(7, 138, 123, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 60%, transparent);
    }
}
.focus\:bg-primary-60-700:focus {
    background-color: rgba(6, 119, 106, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 60%, transparent);
    }
}
.hover\:bg-primary-60-700:hover {
    background-color: rgba(6, 119, 106, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-700 {
    background-color: rgba(6, 119, 106, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-700:focus {
    background-color: rgba(5, 103, 92, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-700:hover {
    background-color: rgba(5, 103, 92, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 60%, transparent);
    }
}
.focus\:bg-primary-60-800:focus {
    background-color: rgba(1, 93, 83, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 60%, transparent);
    }
}
.hover\:bg-primary-60-800:hover {
    background-color: rgba(1, 93, 83, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-800 {
    background-color: rgba(1, 93, 83, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-800:focus {
    background-color: rgba(1, 71, 63, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-800:hover {
    background-color: rgba(1, 71, 63, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 60%, transparent);
    }
}
.focus\:bg-primary-60-900:focus {
    background-color: rgba(1, 58, 52, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 60%, transparent);
    }
}
.hover\:bg-primary-60-900:hover {
    background-color: rgba(1, 58, 52, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-900 {
    background-color: rgba(1, 58, 52, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-900:focus {
    background-color: rgba(1, 37, 33, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-900:hover {
    background-color: rgba(1, 37, 33, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 60%, transparent);
    }
}
.bg-primary-70-50 {
    background-color: rgba(227, 246, 244, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-50 {
    background-color: rgba(227, 246, 244, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
}
.bg-primary-70-50-important {
    background-color: rgba(227, 246, 244, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-50-important {
    background-color: rgba(227, 246, 244, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 70%, transparent) !important;
    }
}
.bg-primary-70-100 {
    background-color: rgba(199, 247, 241, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-100 {
    background-color: rgba(199, 247, 241, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
}
.bg-primary-70-100-important {
    background-color: rgba(199, 247, 241, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-100-important {
    background-color: rgba(199, 247, 241, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 70%, transparent) !important;
    }
}
.bg-primary-70-200 {
    background-color: rgba(147, 242, 231, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-200 {
    background-color: rgba(147, 242, 231, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
}
.bg-primary-70-200-important {
    background-color: rgba(147, 242, 231, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-200-important {
    background-color: rgba(147, 242, 231, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 70%, transparent) !important;
    }
}
.bg-primary-70-300 {
    background-color: rgba(89, 239, 222, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-300 {
    background-color: rgba(89, 239, 222, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 70%, transparent);
    }
}
.bg-primary-70-300-important {
    background-color: rgba(89, 239, 222, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-300-important {
    background-color: rgba(89, 239, 222, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 70%, transparent) !important;
    }
}
.bg-primary-70-400 {
    background-color: rgba(22, 239, 215, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-400 {
    background-color: rgba(22, 239, 215, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
}
.bg-primary-70-400-important {
    background-color: rgba(22, 239, 215, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-400-important {
    background-color: rgba(22, 239, 215, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 70%, transparent) !important;
    }
}
.bg-primary-70-500 {
    background-color: rgba(7, 163, 146, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-500 {
    background-color: rgba(7, 163, 146, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.bg-primary-70-500-important {
    background-color: rgba(7, 163, 146, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-500-important {
    background-color: rgba(7, 163, 146, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 70%, transparent) !important;
    }
}
.bg-primary-70-600 {
    background-color: rgba(7, 145, 129, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-600 {
    background-color: rgba(7, 138, 123, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 70%, transparent);
    }
}
.bg-primary-70-600-important {
    background-color: rgba(7, 145, 129, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-600-important {
    background-color: rgba(7, 138, 123, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 70%, transparent) !important;
    }
}
.bg-primary-70-700 {
    background-color: rgba(6, 119, 106, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-700 {
    background-color: rgba(5, 103, 92, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 70%, transparent);
    }
}
.bg-primary-70-700-important {
    background-color: rgba(6, 119, 106, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-700-important {
    background-color: rgba(5, 103, 92, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 70%, transparent) !important;
    }
}
.bg-primary-70-800 {
    background-color: rgba(1, 93, 83, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-800 {
    background-color: rgba(1, 71, 63, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 70%, transparent);
    }
}
.bg-primary-70-800-important {
    background-color: rgba(1, 93, 83, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-800-important {
    background-color: rgba(1, 71, 63, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 70%, transparent) !important;
    }
}
.bg-primary-70-900 {
    background-color: rgba(1, 58, 52, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-900 {
    background-color: rgba(1, 37, 33, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 70%, transparent);
    }
}
.bg-primary-70-900-important {
    background-color: rgba(1, 58, 52, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-900-important {
    background-color: rgba(1, 37, 33, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 70%, transparent) !important;
    }
}
.focus\:bg-primary-70-50:focus {
    background-color: rgba(227, 246, 244, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
}
.hover\:bg-primary-70-50:hover {
    background-color: rgba(227, 246, 244, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-50 {
    background-color: rgba(227, 246, 244, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-50:focus {
    background-color: rgba(227, 246, 244, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-50:hover {
    background-color: rgba(227, 246, 244, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
}
.focus\:bg-primary-70-100:focus {
    background-color: rgba(199, 247, 241, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
}
.hover\:bg-primary-70-100:hover {
    background-color: rgba(199, 247, 241, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-100 {
    background-color: rgba(199, 247, 241, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-100:focus {
    background-color: rgba(199, 247, 241, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-100:hover {
    background-color: rgba(199, 247, 241, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
}
.focus\:bg-primary-70-200:focus {
    background-color: rgba(147, 242, 231, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
}
.hover\:bg-primary-70-200:hover {
    background-color: rgba(147, 242, 231, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-200 {
    background-color: rgba(147, 242, 231, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-200:focus {
    background-color: rgba(147, 242, 231, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-200:hover {
    background-color: rgba(147, 242, 231, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
}
.focus\:bg-primary-70-300:focus {
    background-color: rgba(89, 239, 222, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 70%, transparent);
    }
}
.hover\:bg-primary-70-300:hover {
    background-color: rgba(89, 239, 222, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-300 {
    background-color: rgba(89, 239, 222, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-300:focus {
    background-color: rgba(89, 239, 222, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-300:hover {
    background-color: rgba(89, 239, 222, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 70%, transparent);
    }
}
.focus\:bg-primary-70-400:focus {
    background-color: rgba(22, 239, 215, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
}
.hover\:bg-primary-70-400:hover {
    background-color: rgba(22, 239, 215, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-400 {
    background-color: rgba(22, 239, 215, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-400:focus {
    background-color: rgba(22, 239, 215, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-400:hover {
    background-color: rgba(22, 239, 215, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
}
.focus\:bg-primary-70-500:focus {
    background-color: rgba(7, 163, 146, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.hover\:bg-primary-70-500:hover {
    background-color: rgba(7, 163, 146, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-500 {
    background-color: rgba(7, 163, 146, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-500:focus {
    background-color: rgba(7, 163, 146, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-500:hover {
    background-color: rgba(7, 163, 146, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.focus\:bg-primary-70-600:focus {
    background-color: rgba(7, 145, 129, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 70%, transparent);
    }
}
.hover\:bg-primary-70-600:hover {
    background-color: rgba(7, 145, 129, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-600 {
    background-color: rgba(7, 145, 129, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-600:focus {
    background-color: rgba(7, 138, 123, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-600:hover {
    background-color: rgba(7, 138, 123, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 70%, transparent);
    }
}
.focus\:bg-primary-70-700:focus {
    background-color: rgba(6, 119, 106, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 70%, transparent);
    }
}
.hover\:bg-primary-70-700:hover {
    background-color: rgba(6, 119, 106, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-700 {
    background-color: rgba(6, 119, 106, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-700:focus {
    background-color: rgba(5, 103, 92, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-700:hover {
    background-color: rgba(5, 103, 92, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 70%, transparent);
    }
}
.focus\:bg-primary-70-800:focus {
    background-color: rgba(1, 93, 83, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 70%, transparent);
    }
}
.hover\:bg-primary-70-800:hover {
    background-color: rgba(1, 93, 83, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-800 {
    background-color: rgba(1, 93, 83, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-800:focus {
    background-color: rgba(1, 71, 63, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-800:hover {
    background-color: rgba(1, 71, 63, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 70%, transparent);
    }
}
.focus\:bg-primary-70-900:focus {
    background-color: rgba(1, 58, 52, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 70%, transparent);
    }
}
.hover\:bg-primary-70-900:hover {
    background-color: rgba(1, 58, 52, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-900 {
    background-color: rgba(1, 58, 52, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-900:focus {
    background-color: rgba(1, 37, 33, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-900:hover {
    background-color: rgba(1, 37, 33, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 70%, transparent);
    }
}
.bg-primary-80-50 {
    background-color: rgba(227, 246, 244, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-50 {
    background-color: rgba(227, 246, 244, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
}
.bg-primary-80-50-important {
    background-color: rgba(227, 246, 244, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-50-important {
    background-color: rgba(227, 246, 244, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 80%, transparent) !important;
    }
}
.bg-primary-80-100 {
    background-color: rgba(199, 247, 241, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-100 {
    background-color: rgba(199, 247, 241, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
}
.bg-primary-80-100-important {
    background-color: rgba(199, 247, 241, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-100-important {
    background-color: rgba(199, 247, 241, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 80%, transparent) !important;
    }
}
.bg-primary-80-200 {
    background-color: rgba(147, 242, 231, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-200 {
    background-color: rgba(147, 242, 231, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
}
.bg-primary-80-200-important {
    background-color: rgba(147, 242, 231, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-200-important {
    background-color: rgba(147, 242, 231, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 80%, transparent) !important;
    }
}
.bg-primary-80-300 {
    background-color: rgba(89, 239, 222, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-300 {
    background-color: rgba(89, 239, 222, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 80%, transparent);
    }
}
.bg-primary-80-300-important {
    background-color: rgba(89, 239, 222, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-300-important {
    background-color: rgba(89, 239, 222, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 80%, transparent) !important;
    }
}
.bg-primary-80-400 {
    background-color: rgba(22, 239, 215, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-400 {
    background-color: rgba(22, 239, 215, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
}
.bg-primary-80-400-important {
    background-color: rgba(22, 239, 215, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-400-important {
    background-color: rgba(22, 239, 215, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 80%, transparent) !important;
    }
}
.bg-primary-80-500 {
    background-color: rgba(7, 163, 146, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-500 {
    background-color: rgba(7, 163, 146, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.bg-primary-80-500-important {
    background-color: rgba(7, 163, 146, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-500-important {
    background-color: rgba(7, 163, 146, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 80%, transparent) !important;
    }
}
.bg-primary-80-600 {
    background-color: rgba(7, 145, 129, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-600 {
    background-color: rgba(7, 138, 123, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 80%, transparent);
    }
}
.bg-primary-80-600-important {
    background-color: rgba(7, 145, 129, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-600-important {
    background-color: rgba(7, 138, 123, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 80%, transparent) !important;
    }
}
.bg-primary-80-700 {
    background-color: rgba(6, 119, 106, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-700 {
    background-color: rgba(5, 103, 92, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 80%, transparent);
    }
}
.bg-primary-80-700-important {
    background-color: rgba(6, 119, 106, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-700-important {
    background-color: rgba(5, 103, 92, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 80%, transparent) !important;
    }
}
.bg-primary-80-800 {
    background-color: rgba(1, 93, 83, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-800 {
    background-color: rgba(1, 71, 63, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 80%, transparent);
    }
}
.bg-primary-80-800-important {
    background-color: rgba(1, 93, 83, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-800-important {
    background-color: rgba(1, 71, 63, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 80%, transparent) !important;
    }
}
.bg-primary-80-900 {
    background-color: rgba(1, 58, 52, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-900 {
    background-color: rgba(1, 37, 33, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 80%, transparent);
    }
}
.bg-primary-80-900-important {
    background-color: rgba(1, 58, 52, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-900-important {
    background-color: rgba(1, 37, 33, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 80%, transparent) !important;
    }
}
.focus\:bg-primary-80-50:focus {
    background-color: rgba(227, 246, 244, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
}
.hover\:bg-primary-80-50:hover {
    background-color: rgba(227, 246, 244, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-50 {
    background-color: rgba(227, 246, 244, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-50:focus {
    background-color: rgba(227, 246, 244, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-50:hover {
    background-color: rgba(227, 246, 244, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
}
.focus\:bg-primary-80-100:focus {
    background-color: rgba(199, 247, 241, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
}
.hover\:bg-primary-80-100:hover {
    background-color: rgba(199, 247, 241, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-100 {
    background-color: rgba(199, 247, 241, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-100:focus {
    background-color: rgba(199, 247, 241, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-100:hover {
    background-color: rgba(199, 247, 241, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
}
.focus\:bg-primary-80-200:focus {
    background-color: rgba(147, 242, 231, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
}
.hover\:bg-primary-80-200:hover {
    background-color: rgba(147, 242, 231, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-200 {
    background-color: rgba(147, 242, 231, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-200:focus {
    background-color: rgba(147, 242, 231, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-200:hover {
    background-color: rgba(147, 242, 231, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
}
.focus\:bg-primary-80-300:focus {
    background-color: rgba(89, 239, 222, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 80%, transparent);
    }
}
.hover\:bg-primary-80-300:hover {
    background-color: rgba(89, 239, 222, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-300 {
    background-color: rgba(89, 239, 222, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-300:focus {
    background-color: rgba(89, 239, 222, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-300:hover {
    background-color: rgba(89, 239, 222, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 80%, transparent);
    }
}
.focus\:bg-primary-80-400:focus {
    background-color: rgba(22, 239, 215, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
}
.hover\:bg-primary-80-400:hover {
    background-color: rgba(22, 239, 215, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-400 {
    background-color: rgba(22, 239, 215, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-400:focus {
    background-color: rgba(22, 239, 215, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-400:hover {
    background-color: rgba(22, 239, 215, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
}
.focus\:bg-primary-80-500:focus {
    background-color: rgba(7, 163, 146, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.hover\:bg-primary-80-500:hover {
    background-color: rgba(7, 163, 146, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-500 {
    background-color: rgba(7, 163, 146, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-500:focus {
    background-color: rgba(7, 163, 146, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-500:hover {
    background-color: rgba(7, 163, 146, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.focus\:bg-primary-80-600:focus {
    background-color: rgba(7, 145, 129, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 80%, transparent);
    }
}
.hover\:bg-primary-80-600:hover {
    background-color: rgba(7, 145, 129, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-600 {
    background-color: rgba(7, 145, 129, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-600:focus {
    background-color: rgba(7, 138, 123, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-600:hover {
    background-color: rgba(7, 138, 123, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 80%, transparent);
    }
}
.focus\:bg-primary-80-700:focus {
    background-color: rgba(6, 119, 106, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 80%, transparent);
    }
}
.hover\:bg-primary-80-700:hover {
    background-color: rgba(6, 119, 106, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-700 {
    background-color: rgba(6, 119, 106, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-700:focus {
    background-color: rgba(5, 103, 92, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-700:hover {
    background-color: rgba(5, 103, 92, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 80%, transparent);
    }
}
.focus\:bg-primary-80-800:focus {
    background-color: rgba(1, 93, 83, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 80%, transparent);
    }
}
.hover\:bg-primary-80-800:hover {
    background-color: rgba(1, 93, 83, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-800 {
    background-color: rgba(1, 93, 83, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-800:focus {
    background-color: rgba(1, 71, 63, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-800:hover {
    background-color: rgba(1, 71, 63, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 80%, transparent);
    }
}
.focus\:bg-primary-80-900:focus {
    background-color: rgba(1, 58, 52, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 80%, transparent);
    }
}
.hover\:bg-primary-80-900:hover {
    background-color: rgba(1, 58, 52, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-900 {
    background-color: rgba(1, 58, 52, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-900:focus {
    background-color: rgba(1, 37, 33, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-900:hover {
    background-color: rgba(1, 37, 33, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 80%, transparent);
    }
}
.bg-primary-90-50 {
    background-color: rgba(227, 246, 244, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-50 {
    background-color: rgba(227, 246, 244, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
}
.bg-primary-90-50-important {
    background-color: rgba(227, 246, 244, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-50-important {
    background-color: rgba(227, 246, 244, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 90%, transparent) !important;
    }
}
.bg-primary-90-100 {
    background-color: rgba(199, 247, 241, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-100 {
    background-color: rgba(199, 247, 241, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
}
.bg-primary-90-100-important {
    background-color: rgba(199, 247, 241, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-100-important {
    background-color: rgba(199, 247, 241, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 90%, transparent) !important;
    }
}
.bg-primary-90-200 {
    background-color: rgba(147, 242, 231, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-200 {
    background-color: rgba(147, 242, 231, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
}
.bg-primary-90-200-important {
    background-color: rgba(147, 242, 231, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-200-important {
    background-color: rgba(147, 242, 231, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 90%, transparent) !important;
    }
}
.bg-primary-90-300 {
    background-color: rgba(89, 239, 222, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-300 {
    background-color: rgba(89, 239, 222, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 90%, transparent);
    }
}
.bg-primary-90-300-important {
    background-color: rgba(89, 239, 222, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-300-important {
    background-color: rgba(89, 239, 222, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 90%, transparent) !important;
    }
}
.bg-primary-90-400 {
    background-color: rgba(22, 239, 215, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-400 {
    background-color: rgba(22, 239, 215, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
}
.bg-primary-90-400-important {
    background-color: rgba(22, 239, 215, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-400-important {
    background-color: rgba(22, 239, 215, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 90%, transparent) !important;
    }
}
.bg-primary-90-500 {
    background-color: rgba(7, 163, 146, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-500 {
    background-color: rgba(7, 163, 146, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.bg-primary-90-500-important {
    background-color: rgba(7, 163, 146, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-500-important {
    background-color: rgba(7, 163, 146, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 90%, transparent) !important;
    }
}
.bg-primary-90-600 {
    background-color: rgba(7, 145, 129, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-600 {
    background-color: rgba(7, 138, 123, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 90%, transparent);
    }
}
.bg-primary-90-600-important {
    background-color: rgba(7, 145, 129, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-600-important {
    background-color: rgba(7, 138, 123, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 90%, transparent) !important;
    }
}
.bg-primary-90-700 {
    background-color: rgba(6, 119, 106, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-700 {
    background-color: rgba(5, 103, 92, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 90%, transparent);
    }
}
.bg-primary-90-700-important {
    background-color: rgba(6, 119, 106, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-700-important {
    background-color: rgba(5, 103, 92, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 90%, transparent) !important;
    }
}
.bg-primary-90-800 {
    background-color: rgba(1, 93, 83, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-800 {
    background-color: rgba(1, 71, 63, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 90%, transparent);
    }
}
.bg-primary-90-800-important {
    background-color: rgba(1, 93, 83, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-800-important {
    background-color: rgba(1, 71, 63, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 90%, transparent) !important;
    }
}
.bg-primary-90-900 {
    background-color: rgba(1, 58, 52, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-900 {
    background-color: rgba(1, 37, 33, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 90%, transparent);
    }
}
.bg-primary-90-900-important {
    background-color: rgba(1, 58, 52, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-900-important {
    background-color: rgba(1, 37, 33, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 90%, transparent) !important;
    }
}
.focus\:bg-primary-90-50:focus {
    background-color: rgba(227, 246, 244, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
}
.hover\:bg-primary-90-50:hover {
    background-color: rgba(227, 246, 244, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-50 {
    background-color: rgba(227, 246, 244, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-50:focus {
    background-color: rgba(227, 246, 244, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-50:hover {
    background-color: rgba(227, 246, 244, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
}
.focus\:bg-primary-90-100:focus {
    background-color: rgba(199, 247, 241, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
}
.hover\:bg-primary-90-100:hover {
    background-color: rgba(199, 247, 241, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-100 {
    background-color: rgba(199, 247, 241, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-100:focus {
    background-color: rgba(199, 247, 241, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-100:hover {
    background-color: rgba(199, 247, 241, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
}
.focus\:bg-primary-90-200:focus {
    background-color: rgba(147, 242, 231, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
}
.hover\:bg-primary-90-200:hover {
    background-color: rgba(147, 242, 231, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-200 {
    background-color: rgba(147, 242, 231, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-200:focus {
    background-color: rgba(147, 242, 231, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-200:hover {
    background-color: rgba(147, 242, 231, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
}
.focus\:bg-primary-90-300:focus {
    background-color: rgba(89, 239, 222, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 90%, transparent);
    }
}
.hover\:bg-primary-90-300:hover {
    background-color: rgba(89, 239, 222, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-300 {
    background-color: rgba(89, 239, 222, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-300:focus {
    background-color: rgba(89, 239, 222, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-300:hover {
    background-color: rgba(89, 239, 222, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 90%, transparent);
    }
}
.focus\:bg-primary-90-400:focus {
    background-color: rgba(22, 239, 215, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
}
.hover\:bg-primary-90-400:hover {
    background-color: rgba(22, 239, 215, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-400 {
    background-color: rgba(22, 239, 215, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-400:focus {
    background-color: rgba(22, 239, 215, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-400:hover {
    background-color: rgba(22, 239, 215, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
}
.focus\:bg-primary-90-500:focus {
    background-color: rgba(7, 163, 146, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.hover\:bg-primary-90-500:hover {
    background-color: rgba(7, 163, 146, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-500 {
    background-color: rgba(7, 163, 146, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-500:focus {
    background-color: rgba(7, 163, 146, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-500:hover {
    background-color: rgba(7, 163, 146, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.focus\:bg-primary-90-600:focus {
    background-color: rgba(7, 145, 129, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 90%, transparent);
    }
}
.hover\:bg-primary-90-600:hover {
    background-color: rgba(7, 145, 129, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-600 {
    background-color: rgba(7, 145, 129, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-600:focus {
    background-color: rgba(7, 138, 123, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-600:hover {
    background-color: rgba(7, 138, 123, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 90%, transparent);
    }
}
.focus\:bg-primary-90-700:focus {
    background-color: rgba(6, 119, 106, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 90%, transparent);
    }
}
.hover\:bg-primary-90-700:hover {
    background-color: rgba(6, 119, 106, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-700 {
    background-color: rgba(6, 119, 106, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-700:focus {
    background-color: rgba(5, 103, 92, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-700:hover {
    background-color: rgba(5, 103, 92, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 90%, transparent);
    }
}
.focus\:bg-primary-90-800:focus {
    background-color: rgba(1, 93, 83, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 90%, transparent);
    }
}
.hover\:bg-primary-90-800:hover {
    background-color: rgba(1, 93, 83, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-800 {
    background-color: rgba(1, 93, 83, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-800:focus {
    background-color: rgba(1, 71, 63, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-800:hover {
    background-color: rgba(1, 71, 63, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 90%, transparent);
    }
}
.focus\:bg-primary-90-900:focus {
    background-color: rgba(1, 58, 52, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 90%, transparent);
    }
}
.hover\:bg-primary-90-900:hover {
    background-color: rgba(1, 58, 52, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-900 {
    background-color: rgba(1, 58, 52, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-900:focus {
    background-color: rgba(1, 37, 33, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-900:hover {
    background-color: rgba(1, 37, 33, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 90%, transparent);
    }
}
.bg-primary-75-50 {
    background-color: rgba(227, 246, 244, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-50 {
    background-color: rgba(227, 246, 244, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
}
.bg-primary-75-50-important {
    background-color: rgba(227, 246, 244, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-50-important {
    background-color: rgba(227, 246, 244, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 75%, transparent) !important;
    }
}
.bg-primary-75-100 {
    background-color: rgba(199, 247, 241, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-100 {
    background-color: rgba(199, 247, 241, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
}
.bg-primary-75-100-important {
    background-color: rgba(199, 247, 241, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-100-important {
    background-color: rgba(199, 247, 241, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 75%, transparent) !important;
    }
}
.bg-primary-75-200 {
    background-color: rgba(147, 242, 231, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-200 {
    background-color: rgba(147, 242, 231, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
}
.bg-primary-75-200-important {
    background-color: rgba(147, 242, 231, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-200-important {
    background-color: rgba(147, 242, 231, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 75%, transparent) !important;
    }
}
.bg-primary-75-300 {
    background-color: rgba(89, 239, 222, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-300 {
    background-color: rgba(89, 239, 222, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 75%, transparent);
    }
}
.bg-primary-75-300-important {
    background-color: rgba(89, 239, 222, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-300-important {
    background-color: rgba(89, 239, 222, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 75%, transparent) !important;
    }
}
.bg-primary-75-400 {
    background-color: rgba(22, 239, 215, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-400 {
    background-color: rgba(22, 239, 215, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
}
.bg-primary-75-400-important {
    background-color: rgba(22, 239, 215, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-400-important {
    background-color: rgba(22, 239, 215, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 75%, transparent) !important;
    }
}
.bg-primary-75-500 {
    background-color: rgba(7, 163, 146, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-500 {
    background-color: rgba(7, 163, 146, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.bg-primary-75-500-important {
    background-color: rgba(7, 163, 146, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-500-important {
    background-color: rgba(7, 163, 146, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 75%, transparent) !important;
    }
}
.bg-primary-75-600 {
    background-color: rgba(7, 145, 129, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-600 {
    background-color: rgba(7, 138, 123, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 75%, transparent);
    }
}
.bg-primary-75-600-important {
    background-color: rgba(7, 145, 129, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-600-important {
    background-color: rgba(7, 138, 123, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 75%, transparent) !important;
    }
}
.bg-primary-75-700 {
    background-color: rgba(6, 119, 106, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-700 {
    background-color: rgba(5, 103, 92, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 75%, transparent);
    }
}
.bg-primary-75-700-important {
    background-color: rgba(6, 119, 106, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-700-important {
    background-color: rgba(5, 103, 92, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 75%, transparent) !important;
    }
}
.bg-primary-75-800 {
    background-color: rgba(1, 93, 83, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-800 {
    background-color: rgba(1, 71, 63, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 75%, transparent);
    }
}
.bg-primary-75-800-important {
    background-color: rgba(1, 93, 83, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-800-important {
    background-color: rgba(1, 71, 63, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 75%, transparent) !important;
    }
}
.bg-primary-75-900 {
    background-color: rgba(1, 58, 52, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-900 {
    background-color: rgba(1, 37, 33, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 75%, transparent);
    }
}
.bg-primary-75-900-important {
    background-color: rgba(1, 58, 52, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-900-important {
    background-color: rgba(1, 37, 33, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 75%, transparent) !important;
    }
}
.focus\:bg-primary-75-50:focus {
    background-color: rgba(227, 246, 244, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
}
.hover\:bg-primary-75-50:hover {
    background-color: rgba(227, 246, 244, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-50 {
    background-color: rgba(227, 246, 244, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-50:focus {
    background-color: rgba(227, 246, 244, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-50:hover {
    background-color: rgba(227, 246, 244, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
}
.focus\:bg-primary-75-100:focus {
    background-color: rgba(199, 247, 241, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
}
.hover\:bg-primary-75-100:hover {
    background-color: rgba(199, 247, 241, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-100 {
    background-color: rgba(199, 247, 241, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-100:focus {
    background-color: rgba(199, 247, 241, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-100:hover {
    background-color: rgba(199, 247, 241, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
}
.focus\:bg-primary-75-200:focus {
    background-color: rgba(147, 242, 231, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
}
.hover\:bg-primary-75-200:hover {
    background-color: rgba(147, 242, 231, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-200 {
    background-color: rgba(147, 242, 231, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-200:focus {
    background-color: rgba(147, 242, 231, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-200:hover {
    background-color: rgba(147, 242, 231, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
}
.focus\:bg-primary-75-300:focus {
    background-color: rgba(89, 239, 222, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 75%, transparent);
    }
}
.hover\:bg-primary-75-300:hover {
    background-color: rgba(89, 239, 222, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-300 {
    background-color: rgba(89, 239, 222, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-300:focus {
    background-color: rgba(89, 239, 222, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-300:hover {
    background-color: rgba(89, 239, 222, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #59efde 75%, transparent);
    }
}
.focus\:bg-primary-75-400:focus {
    background-color: rgba(22, 239, 215, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
}
.hover\:bg-primary-75-400:hover {
    background-color: rgba(22, 239, 215, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-400 {
    background-color: rgba(22, 239, 215, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-400:focus {
    background-color: rgba(22, 239, 215, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-400:hover {
    background-color: rgba(22, 239, 215, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
}
.focus\:bg-primary-75-500:focus {
    background-color: rgba(7, 163, 146, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.hover\:bg-primary-75-500:hover {
    background-color: rgba(7, 163, 146, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-500 {
    background-color: rgba(7, 163, 146, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-500:focus {
    background-color: rgba(7, 163, 146, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-500:hover {
    background-color: rgba(7, 163, 146, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.focus\:bg-primary-75-600:focus {
    background-color: rgba(7, 145, 129, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 75%, transparent);
    }
}
.hover\:bg-primary-75-600:hover {
    background-color: rgba(7, 145, 129, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-600 {
    background-color: rgba(7, 145, 129, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #079181 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-600:focus {
    background-color: rgba(7, 138, 123, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-600:hover {
    background-color: rgba(7, 138, 123, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #078a7b 75%, transparent);
    }
}
.focus\:bg-primary-75-700:focus {
    background-color: rgba(6, 119, 106, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 75%, transparent);
    }
}
.hover\:bg-primary-75-700:hover {
    background-color: rgba(6, 119, 106, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-700 {
    background-color: rgba(6, 119, 106, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06776a 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-700:focus {
    background-color: rgba(5, 103, 92, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-700:hover {
    background-color: rgba(5, 103, 92, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #05675c 75%, transparent);
    }
}
.focus\:bg-primary-75-800:focus {
    background-color: rgba(1, 93, 83, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 75%, transparent);
    }
}
.hover\:bg-primary-75-800:hover {
    background-color: rgba(1, 93, 83, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-800 {
    background-color: rgba(1, 93, 83, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #015d53 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-800:focus {
    background-color: rgba(1, 71, 63, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-800:hover {
    background-color: rgba(1, 71, 63, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01473f 75%, transparent);
    }
}
.focus\:bg-primary-75-900:focus {
    background-color: rgba(1, 58, 52, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 75%, transparent);
    }
}
.hover\:bg-primary-75-900:hover {
    background-color: rgba(1, 58, 52, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-900 {
    background-color: rgba(1, 58, 52, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #013a34 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-900:focus {
    background-color: rgba(1, 37, 33, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-900:hover {
    background-color: rgba(1, 37, 33, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012521 75%, transparent);
    }
}
.text-primary-50 {
    color: #e3f6f4;
}
.dark .dark\:text-primary-50 {
    color: #e3f6f4;
}
.text-primary-100 {
    color: #c7f7f1;
}
.dark .dark\:text-primary-100 {
    color: #c7f7f1;
}
.text-primary-200 {
    color: #93f2e7;
}
.dark .dark\:text-primary-200 {
    color: #93f2e7;
}
.text-primary-300 {
    color: #59efde;
}
.dark .dark\:text-primary-300 {
    color: #59efde;
}
.text-primary-400 {
    color: #16efd7;
}
.dark .dark\:text-primary-400 {
    color: #16efd7;
}
.text-primary-500 {
    color: #07a392;
}
.dark .dark\:text-primary-500 {
    color: #07a392;
}
.text-primary-600 {
    color: #079181;
}
.dark .dark\:text-primary-600 {
    color: #078a7b;
}
.text-primary-700 {
    color: #06776a;
}
.dark .dark\:text-primary-700 {
    color: #05675c;
}
.text-primary-800 {
    color: #015d53;
}
.dark .dark\:text-primary-800 {
    color: #01473f;
}
.text-primary-900 {
    color: #013a34;
}
.dark .dark\:text-primary-900 {
    color: #012521;
}
.text-primary-50-important {
    color: #e3f6f4 !important;
}
.dark .dark\:text-primary-50-important {
    color: #e3f6f4 !important;
}
.text-primary-100-important {
    color: #c7f7f1 !important;
}
.dark .dark\:text-primary-100-important {
    color: #c7f7f1 !important;
}
.text-primary-200-important {
    color: #93f2e7 !important;
}
.dark .dark\:text-primary-200-important {
    color: #93f2e7 !important;
}
.text-primary-300-important {
    color: #59efde !important;
}
.dark .dark\:text-primary-300-important {
    color: #59efde !important;
}
.text-primary-400-important {
    color: #16efd7 !important;
}
.dark .dark\:text-primary-400-important {
    color: #16efd7 !important;
}
.text-primary-500-important {
    color: #07a392 !important;
}
.dark .dark\:text-primary-500-important {
    color: #07a392 !important;
}
.text-primary-600-important {
    color: #079181 !important;
}
.dark .dark\:text-primary-600-important {
    color: #078a7b !important;
}
.text-primary-700-important {
    color: #06776a !important;
}
.dark .dark\:text-primary-700-important {
    color: #05675c !important;
}
.text-primary-800-important {
    color: #015d53 !important;
}
.dark .dark\:text-primary-800-important {
    color: #01473f !important;
}
.text-primary-900-important {
    color: #013a34 !important;
}
.dark .dark\:text-primary-900-important {
    color: #012521 !important;
}
.focus\:text-primary-50:focus {
    color: #e3f6f4;
}
.dark .dark\:focus\:text-primary-50:focus {
    color: #e3f6f4;
}
.focus\:text-primary-100:focus {
    color: #c7f7f1;
}
.dark .dark\:focus\:text-primary-100:focus {
    color: #c7f7f1;
}
.focus\:text-primary-200:focus {
    color: #93f2e7;
}
.dark .dark\:focus\:text-primary-200:focus {
    color: #93f2e7;
}
.focus\:text-primary-300:focus {
    color: #59efde;
}
.dark .dark\:focus\:text-primary-300:focus {
    color: #59efde;
}
.focus\:text-primary-400:focus {
    color: #16efd7;
}
.dark .dark\:focus\:text-primary-400:focus {
    color: #16efd7;
}
.focus\:text-primary-500:focus {
    color: #07a392;
}
.dark .dark\:focus\:text-primary-500:focus {
    color: #07a392;
}
.focus\:text-primary-600:focus {
    color: #079181;
}
.dark .dark\:focus\:text-primary-600:focus {
    color: #078a7b;
}
.focus\:text-primary-700:focus {
    color: #06776a;
}
.dark .dark\:focus\:text-primary-700:focus {
    color: #05675c;
}
.focus\:text-primary-800:focus {
    color: #015d53;
}
.dark .dark\:focus\:text-primary-800:focus {
    color: #01473f;
}
.focus\:text-primary-900:focus {
    color: #013a34;
}
.dark .dark\:focus\:text-primary-900:focus {
    color: #012521;
}
.focus\:text-primary-50-important:focus {
    color: #e3f6f4 !important;
}
.dark .dark\:focus\:text-primary-50-important:focus {
    color: #e3f6f4 !important;
}
.focus\:text-primary-100-important:focus {
    color: #c7f7f1 !important;
}
.dark .dark\:focus\:text-primary-100-important:focus {
    color: #c7f7f1 !important;
}
.focus\:text-primary-200-important:focus {
    color: #93f2e7 !important;
}
.dark .dark\:focus\:text-primary-200-important:focus {
    color: #93f2e7 !important;
}
.focus\:text-primary-300-important:focus {
    color: #59efde !important;
}
.dark .dark\:focus\:text-primary-300-important:focus {
    color: #59efde !important;
}
.focus\:text-primary-400-important:focus {
    color: #16efd7 !important;
}
.dark .dark\:focus\:text-primary-400-important:focus {
    color: #16efd7 !important;
}
.focus\:text-primary-500-important:focus {
    color: #07a392 !important;
}
.dark .dark\:focus\:text-primary-500-important:focus {
    color: #07a392 !important;
}
.focus\:text-primary-600-important:focus {
    color: #079181 !important;
}
.dark .dark\:focus\:text-primary-600-important:focus {
    color: #078a7b !important;
}
.focus\:text-primary-700-important:focus {
    color: #06776a !important;
}
.dark .dark\:focus\:text-primary-700-important:focus {
    color: #05675c !important;
}
.focus\:text-primary-800-important:focus {
    color: #015d53 !important;
}
.dark .dark\:focus\:text-primary-800-important:focus {
    color: #01473f !important;
}
.focus\:text-primary-900-important:focus {
    color: #013a34 !important;
}
.dark .dark\:focus\:text-primary-900-important:focus {
    color: #012521 !important;
}
.hover\:text-primary-50:hover {
    color: #e3f6f4;
}
.dark .dark\:hover\:text-primary-50:hover {
    color: #e3f6f4;
}
.group:hover .group-hover\:text-primary-50 {
    color: #e3f6f4;
}
.hover\:text-primary-100:hover {
    color: #c7f7f1;
}
.dark .dark\:hover\:text-primary-100:hover {
    color: #c7f7f1;
}
.group:hover .group-hover\:text-primary-100 {
    color: #c7f7f1;
}
.hover\:text-primary-200:hover {
    color: #93f2e7;
}
.dark .dark\:hover\:text-primary-200:hover {
    color: #93f2e7;
}
.group:hover .group-hover\:text-primary-200 {
    color: #93f2e7;
}
.hover\:text-primary-300:hover {
    color: #59efde;
}
.dark .dark\:hover\:text-primary-300:hover {
    color: #59efde;
}
.group:hover .group-hover\:text-primary-300 {
    color: #59efde;
}
.hover\:text-primary-400:hover {
    color: #16efd7;
}
.dark .dark\:hover\:text-primary-400:hover {
    color: #16efd7;
}
.group:hover .group-hover\:text-primary-400 {
    color: #16efd7;
}
.hover\:text-primary-500:hover {
    color: #07a392;
}
.dark .dark\:hover\:text-primary-500:hover {
    color: #07a392;
}
.group:hover .group-hover\:text-primary-500 {
    color: #07a392;
}
.hover\:text-primary-600:hover {
    color: #079181;
}
.dark .dark\:hover\:text-primary-600:hover {
    color: #078a7b;
}
.group:hover .group-hover\:text-primary-600 {
    color: #079181;
}
.hover\:text-primary-700:hover {
    color: #06776a;
}
.dark .dark\:hover\:text-primary-700:hover {
    color: #05675c;
}
.group:hover .group-hover\:text-primary-700 {
    color: #06776a;
}
.hover\:text-primary-800:hover {
    color: #015d53;
}
.dark .dark\:hover\:text-primary-800:hover {
    color: #01473f;
}
.group:hover .group-hover\:text-primary-800 {
    color: #015d53;
}
.hover\:text-primary-900:hover {
    color: #013a34;
}
.dark .dark\:hover\:text-primary-900:hover {
    color: #012521;
}
.group:hover .group-hover\:text-primary-900 {
    color: #013a34;
}
.hover\:text-primary-50-important:hover {
    color: #e3f6f4 !important;
}
.dark .dark\:hover\:text-primary-50-important:hover {
    color: #e3f6f4 !important;
}
.group:hover .group-hover\:text-primary-50-important {
    color: #e3f6f4 !important;
}
.hover\:text-primary-100-important:hover {
    color: #c7f7f1 !important;
}
.dark .dark\:hover\:text-primary-100-important:hover {
    color: #c7f7f1 !important;
}
.group:hover .group-hover\:text-primary-100-important {
    color: #c7f7f1 !important;
}
.hover\:text-primary-200-important:hover {
    color: #93f2e7 !important;
}
.dark .dark\:hover\:text-primary-200-important:hover {
    color: #93f2e7 !important;
}
.group:hover .group-hover\:text-primary-200-important {
    color: #93f2e7 !important;
}
.hover\:text-primary-300-important:hover {
    color: #59efde !important;
}
.dark .dark\:hover\:text-primary-300-important:hover {
    color: #59efde !important;
}
.group:hover .group-hover\:text-primary-300-important {
    color: #59efde !important;
}
.hover\:text-primary-400-important:hover {
    color: #16efd7 !important;
}
.dark .dark\:hover\:text-primary-400-important:hover {
    color: #16efd7 !important;
}
.group:hover .group-hover\:text-primary-400-important {
    color: #16efd7 !important;
}
.hover\:text-primary-500-important:hover {
    color: #07a392 !important;
}
.dark .dark\:hover\:text-primary-500-important:hover {
    color: #07a392 !important;
}
.group:hover .group-hover\:text-primary-500-important {
    color: #07a392 !important;
}
.hover\:text-primary-600-important:hover {
    color: #079181 !important;
}
.dark .dark\:hover\:text-primary-600-important:hover {
    color: #078a7b !important;
}
.group:hover .group-hover\:text-primary-600-important {
    color: #079181 !important;
}
.hover\:text-primary-700-important:hover {
    color: #06776a !important;
}
.dark .dark\:hover\:text-primary-700-important:hover {
    color: #05675c !important;
}
.group:hover .group-hover\:text-primary-700-important {
    color: #06776a !important;
}
.hover\:text-primary-800-important:hover {
    color: #015d53 !important;
}
.dark .dark\:hover\:text-primary-800-important:hover {
    color: #01473f !important;
}
.group:hover .group-hover\:text-primary-800-important {
    color: #015d53 !important;
}
.hover\:text-primary-900-important:hover {
    color: #013a34 !important;
}
.dark .dark\:hover\:text-primary-900-important:hover {
    color: #012521 !important;
}
.group:hover .group-hover\:text-primary-900-important {
    color: #013a34 !important;
}
.border-primary-50 {
    border-color: #e3f6f4;
}
.dark .dark\:border-primary-50 {
    border-color: #e3f6f4;
}
.border-primary-100 {
    border-color: #c7f7f1;
}
.dark .dark\:border-primary-100 {
    border-color: #c7f7f1;
}
.border-primary-200 {
    border-color: #93f2e7;
}
.dark .dark\:border-primary-200 {
    border-color: #93f2e7;
}
.border-primary-300 {
    border-color: #59efde;
}
.dark .dark\:border-primary-300 {
    border-color: #59efde;
}
.border-primary-400 {
    border-color: #16efd7;
}
.dark .dark\:border-primary-400 {
    border-color: #16efd7;
}
.border-primary-500 {
    border-color: #07a392;
}
.dark .dark\:border-primary-500 {
    border-color: #07a392;
}
.border-primary-600 {
    border-color: #079181;
}
.dark .dark\:border-primary-600 {
    border-color: #078a7b;
}
.border-primary-700 {
    border-color: #06776a;
}
.dark .dark\:border-primary-700 {
    border-color: #05675c;
}
.border-primary-800 {
    border-color: #015d53;
}
.dark .dark\:border-primary-800 {
    border-color: #01473f;
}
.border-primary-900 {
    border-color: #013a34;
}
.dark .dark\:border-primary-900 {
    border-color: #012521;
}
.border-primary-50-important {
    border-color: #e3f6f4 !important;
}
.dark .dark\:border-primary-50-important {
    border-color: #e3f6f4 !important;
}
.border-primary-100-important {
    border-color: #c7f7f1 !important;
}
.dark .dark\:border-primary-100-important {
    border-color: #c7f7f1 !important;
}
.border-primary-200-important {
    border-color: #93f2e7 !important;
}
.dark .dark\:border-primary-200-important {
    border-color: #93f2e7 !important;
}
.border-primary-300-important {
    border-color: #59efde !important;
}
.dark .dark\:border-primary-300-important {
    border-color: #59efde !important;
}
.border-primary-400-important {
    border-color: #16efd7 !important;
}
.dark .dark\:border-primary-400-important {
    border-color: #16efd7 !important;
}
.border-primary-500-important {
    border-color: #07a392 !important;
}
.dark .dark\:border-primary-500-important {
    border-color: #07a392 !important;
}
.border-primary-600-important {
    border-color: #079181 !important;
}
.dark .dark\:border-primary-600-important {
    border-color: #078a7b !important;
}
.border-primary-700-important {
    border-color: #06776a !important;
}
.dark .dark\:border-primary-700-important {
    border-color: #05675c !important;
}
.border-primary-800-important {
    border-color: #015d53 !important;
}
.dark .dark\:border-primary-800-important {
    border-color: #01473f !important;
}
.border-primary-900-important {
    border-color: #013a34 !important;
}
.dark .dark\:border-primary-900-important {
    border-color: #012521 !important;
}
.focus\:border-primary-50:focus {
    border-color: #e3f6f4;
}
.dark .dark\:focus\:border-primary-50:focus {
    border-color: #e3f6f4;
}
.focus\:border-primary-100:focus {
    border-color: #c7f7f1;
}
.dark .dark\:focus\:border-primary-100:focus {
    border-color: #c7f7f1;
}
.focus\:border-primary-200:focus {
    border-color: #93f2e7;
}
.dark .dark\:focus\:border-primary-200:focus {
    border-color: #93f2e7;
}
.focus\:border-primary-300:focus {
    border-color: #59efde;
}
.dark .dark\:focus\:border-primary-300:focus {
    border-color: #59efde;
}
.focus\:border-primary-400:focus {
    border-color: #16efd7;
}
.dark .dark\:focus\:border-primary-400:focus {
    border-color: #16efd7;
}
.focus\:border-primary-500:focus {
    border-color: #07a392;
}
.dark .dark\:focus\:border-primary-500:focus {
    border-color: #07a392;
}
.focus\:border-primary-600:focus {
    border-color: #079181;
}
.dark .dark\:focus\:border-primary-600:focus {
    border-color: #078a7b;
}
.focus\:border-primary-700:focus {
    border-color: #06776a;
}
.dark .dark\:focus\:border-primary-700:focus {
    border-color: #05675c;
}
.focus\:border-primary-800:focus {
    border-color: #015d53;
}
.dark .dark\:focus\:border-primary-800:focus {
    border-color: #01473f;
}
.focus\:border-primary-900:focus {
    border-color: #013a34;
}
.dark .dark\:focus\:border-primary-900:focus {
    border-color: #012521;
}
.focus\:border-primary-50-important:focus {
    border-color: #e3f6f4 !important;
}
.dark .dark\:focus\:border-primary-50-important:focus {
    border-color: #e3f6f4 !important;
}
.focus\:border-primary-100-important:focus {
    border-color: #c7f7f1 !important;
}
.dark .dark\:focus\:border-primary-100-important:focus {
    border-color: #c7f7f1 !important;
}
.focus\:border-primary-200-important:focus {
    border-color: #93f2e7 !important;
}
.dark .dark\:focus\:border-primary-200-important:focus {
    border-color: #93f2e7 !important;
}
.focus\:border-primary-300-important:focus {
    border-color: #59efde !important;
}
.dark .dark\:focus\:border-primary-300-important:focus {
    border-color: #59efde !important;
}
.focus\:border-primary-400-important:focus {
    border-color: #16efd7 !important;
}
.dark .dark\:focus\:border-primary-400-important:focus {
    border-color: #16efd7 !important;
}
.focus\:border-primary-500-important:focus {
    border-color: #07a392 !important;
}
.dark .dark\:focus\:border-primary-500-important:focus {
    border-color: #07a392 !important;
}
.focus\:border-primary-600-important:focus {
    border-color: #079181 !important;
}
.dark .dark\:focus\:border-primary-600-important:focus {
    border-color: #078a7b !important;
}
.focus\:border-primary-700-important:focus {
    border-color: #06776a !important;
}
.dark .dark\:focus\:border-primary-700-important:focus {
    border-color: #05675c !important;
}
.focus\:border-primary-800-important:focus {
    border-color: #015d53 !important;
}
.dark .dark\:focus\:border-primary-800-important:focus {
    border-color: #01473f !important;
}
.focus\:border-primary-900-important:focus {
    border-color: #013a34 !important;
}
.dark .dark\:focus\:border-primary-900-important:focus {
    border-color: #012521 !important;
}
.hover\:border-primary-50:hover {
    border-color: #e3f6f4;
}
.dark .dark\:hover\:border-primary-50:hover {
    border-color: #e3f6f4;
}
.group:hover .group-hover\:border-primary-50 {
    border-color: #e3f6f4;
}
.hover\:border-primary-100:hover {
    border-color: #c7f7f1;
}
.dark .dark\:hover\:border-primary-100:hover {
    border-color: #c7f7f1;
}
.group:hover .group-hover\:border-primary-100 {
    border-color: #c7f7f1;
}
.hover\:border-primary-200:hover {
    border-color: #93f2e7;
}
.dark .dark\:hover\:border-primary-200:hover {
    border-color: #93f2e7;
}
.group:hover .group-hover\:border-primary-200 {
    border-color: #93f2e7;
}
.hover\:border-primary-300:hover {
    border-color: #59efde;
}
.dark .dark\:hover\:border-primary-300:hover {
    border-color: #59efde;
}
.group:hover .group-hover\:border-primary-300 {
    border-color: #59efde;
}
.hover\:border-primary-400:hover {
    border-color: #16efd7;
}
.dark .dark\:hover\:border-primary-400:hover {
    border-color: #16efd7;
}
.group:hover .group-hover\:border-primary-400 {
    border-color: #16efd7;
}
.hover\:border-primary-500:hover {
    border-color: #07a392;
}
.dark .dark\:hover\:border-primary-500:hover {
    border-color: #07a392;
}
.group:hover .group-hover\:border-primary-500 {
    border-color: #07a392;
}
.hover\:border-primary-600:hover {
    border-color: #079181;
}
.dark .dark\:hover\:border-primary-600:hover {
    border-color: #078a7b;
}
.group:hover .group-hover\:border-primary-600 {
    border-color: #079181;
}
.hover\:border-primary-700:hover {
    border-color: #06776a;
}
.dark .dark\:hover\:border-primary-700:hover {
    border-color: #05675c;
}
.group:hover .group-hover\:border-primary-700 {
    border-color: #06776a;
}
.hover\:border-primary-800:hover {
    border-color: #015d53;
}
.dark .dark\:hover\:border-primary-800:hover {
    border-color: #01473f;
}
.group:hover .group-hover\:border-primary-800 {
    border-color: #015d53;
}
.hover\:border-primary-900:hover {
    border-color: #013a34;
}
.dark .dark\:hover\:border-primary-900:hover {
    border-color: #012521;
}
.group:hover .group-hover\:border-primary-900 {
    border-color: #013a34;
}
.hover\:border-primary-50-important:hover {
    border-color: #e3f6f4 !important;
}
.dark .dark\:hover\:border-primary-50-important:hover {
    border-color: #e3f6f4 !important;
}
.group:hover .group-hover\:border-primary-50-important {
    border-color: #e3f6f4 !important;
}
.hover\:border-primary-100-important:hover {
    border-color: #c7f7f1 !important;
}
.dark .dark\:hover\:border-primary-100-important:hover {
    border-color: #c7f7f1 !important;
}
.group:hover .group-hover\:border-primary-100-important {
    border-color: #c7f7f1 !important;
}
.hover\:border-primary-200-important:hover {
    border-color: #93f2e7 !important;
}
.dark .dark\:hover\:border-primary-200-important:hover {
    border-color: #93f2e7 !important;
}
.group:hover .group-hover\:border-primary-200-important {
    border-color: #93f2e7 !important;
}
.hover\:border-primary-300-important:hover {
    border-color: #59efde !important;
}
.dark .dark\:hover\:border-primary-300-important:hover {
    border-color: #59efde !important;
}
.group:hover .group-hover\:border-primary-300-important {
    border-color: #59efde !important;
}
.hover\:border-primary-400-important:hover {
    border-color: #16efd7 !important;
}
.dark .dark\:hover\:border-primary-400-important:hover {
    border-color: #16efd7 !important;
}
.group:hover .group-hover\:border-primary-400-important {
    border-color: #16efd7 !important;
}
.hover\:border-primary-500-important:hover {
    border-color: #07a392 !important;
}
.dark .dark\:hover\:border-primary-500-important:hover {
    border-color: #07a392 !important;
}
.group:hover .group-hover\:border-primary-500-important {
    border-color: #07a392 !important;
}
.hover\:border-primary-600-important:hover {
    border-color: #079181 !important;
}
.dark .dark\:hover\:border-primary-600-important:hover {
    border-color: #078a7b !important;
}
.group:hover .group-hover\:border-primary-600-important {
    border-color: #079181 !important;
}
.hover\:border-primary-700-important:hover {
    border-color: #06776a !important;
}
.dark .dark\:hover\:border-primary-700-important:hover {
    border-color: #05675c !important;
}
.group:hover .group-hover\:border-primary-700-important {
    border-color: #06776a !important;
}
.hover\:border-primary-800-important:hover {
    border-color: #015d53 !important;
}
.dark .dark\:hover\:border-primary-800-important:hover {
    border-color: #01473f !important;
}
.group:hover .group-hover\:border-primary-800-important {
    border-color: #015d53 !important;
}
.hover\:border-primary-900-important:hover {
    border-color: #013a34 !important;
}
.dark .dark\:hover\:border-primary-900-important:hover {
    border-color: #012521 !important;
}
.group:hover .group-hover\:border-primary-900-important {
    border-color: #013a34 !important;
}
.from-primary-50 {
    --tw-gradient-from: #e3f6f4;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f4;
    --tw-gradient-stops: var(--tw-gradient-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: #c7f7f1;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c7f7f1;
    --tw-gradient-stops: var(--tw-gradient-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: #93f2e7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #93f2e7;
    --tw-gradient-stops: var(--tw-gradient-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: #59efde;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #59efde;
    --tw-gradient-stops: var(--tw-gradient-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: #16efd7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #16efd7;
    --tw-gradient-stops: var(--tw-gradient-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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-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: #079181;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #078a7b;
    --tw-gradient-stops: var(--tw-gradient-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: #06776a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #05675c;
    --tw-gradient-stops: var(--tw-gradient-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: #015d53;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #01473f;
    --tw-gradient-stops: var(--tw-gradient-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: #013a34;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #012521;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f4 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f4 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #c7f7f1 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c7f7f1 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #93f2e7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #93f2e7 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #59efde !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #59efde !important;
    --tw-gradient-stops: var(--tw-gradient-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: #16efd7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #16efd7 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #07a392 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #07a392 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #079181 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #078a7b !important;
    --tw-gradient-stops: var(--tw-gradient-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: #06776a !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #05675c !important;
    --tw-gradient-stops: var(--tw-gradient-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: #015d53 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #01473f !important;
    --tw-gradient-stops: var(--tw-gradient-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: #013a34 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #012521 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f4;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f4;
    --tw-gradient-stops: var(--tw-gradient-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: #c7f7f1;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c7f7f1;
    --tw-gradient-stops: var(--tw-gradient-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: #93f2e7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #93f2e7;
    --tw-gradient-stops: var(--tw-gradient-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: #59efde;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #59efde;
    --tw-gradient-stops: var(--tw-gradient-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: #16efd7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #16efd7;
    --tw-gradient-stops: var(--tw-gradient-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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-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: #079181;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #078a7b;
    --tw-gradient-stops: var(--tw-gradient-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: #06776a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #05675c;
    --tw-gradient-stops: var(--tw-gradient-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: #015d53;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #01473f;
    --tw-gradient-stops: var(--tw-gradient-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: #013a34;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #012521;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f4 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f4 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #c7f7f1 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c7f7f1 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #93f2e7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #93f2e7 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #59efde !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #59efde !important;
    --tw-gradient-stops: var(--tw-gradient-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: #16efd7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #16efd7 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #07a392 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #07a392 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #079181 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #078a7b !important;
    --tw-gradient-stops: var(--tw-gradient-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: #06776a !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #05675c !important;
    --tw-gradient-stops: var(--tw-gradient-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: #015d53 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #01473f !important;
    --tw-gradient-stops: var(--tw-gradient-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: #013a34 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #012521 !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #e3f6f4;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f4;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #e3f6f4;
    --tw-gradient-stops: var(--tw-gradient-via-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: #c7f7f1;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c7f7f1;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #c7f7f1;
    --tw-gradient-stops: var(--tw-gradient-via-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: #93f2e7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #93f2e7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #93f2e7;
    --tw-gradient-stops: var(--tw-gradient-via-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: #59efde;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #59efde;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #59efde;
    --tw-gradient-stops: var(--tw-gradient-via-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: #16efd7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #16efd7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #16efd7;
    --tw-gradient-stops: var(--tw-gradient-via-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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-via-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: #079181;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #078a7b;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #079181;
    --tw-gradient-stops: var(--tw-gradient-via-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: #06776a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #05675c;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #06776a;
    --tw-gradient-stops: var(--tw-gradient-via-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: #015d53;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #01473f;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #015d53;
    --tw-gradient-stops: var(--tw-gradient-via-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: #013a34;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #012521;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #013a34;
    --tw-gradient-stops: var(--tw-gradient-via-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: #e3f6f4 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f4 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #e3f6f4 !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #c7f7f1 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c7f7f1 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #c7f7f1 !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #93f2e7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #93f2e7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #93f2e7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #59efde !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #59efde !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #59efde !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #16efd7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #16efd7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #16efd7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #07a392 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #07a392 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #07a392 !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #079181 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #078a7b !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #079181 !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #06776a !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #05675c !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #06776a !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #015d53 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #01473f !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #015d53 !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #013a34 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #012521 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #013a34 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f4;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f4;
    --tw-gradient-stops: var(--tw-gradient-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: #c7f7f1;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c7f7f1;
    --tw-gradient-stops: var(--tw-gradient-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: #93f2e7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #93f2e7;
    --tw-gradient-stops: var(--tw-gradient-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: #59efde;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #59efde;
    --tw-gradient-stops: var(--tw-gradient-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: #16efd7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #16efd7;
    --tw-gradient-stops: var(--tw-gradient-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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-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: #079181;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #078a7b;
    --tw-gradient-stops: var(--tw-gradient-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: #06776a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #05675c;
    --tw-gradient-stops: var(--tw-gradient-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: #015d53;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #01473f;
    --tw-gradient-stops: var(--tw-gradient-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: #013a34;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #012521;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f4 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f4 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #c7f7f1 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c7f7f1 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #93f2e7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #93f2e7 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #59efde !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #59efde !important;
    --tw-gradient-stops: var(--tw-gradient-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: #16efd7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #16efd7 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #07a392 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #07a392 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #079181 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #078a7b !important;
    --tw-gradient-stops: var(--tw-gradient-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: #06776a !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #05675c !important;
    --tw-gradient-stops: var(--tw-gradient-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: #015d53 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #01473f !important;
    --tw-gradient-stops: var(--tw-gradient-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: #013a34 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #012521 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f4;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f4;
    --tw-gradient-stops: var(--tw-gradient-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: #c7f7f1;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c7f7f1;
    --tw-gradient-stops: var(--tw-gradient-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: #93f2e7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #93f2e7;
    --tw-gradient-stops: var(--tw-gradient-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: #59efde;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #59efde;
    --tw-gradient-stops: var(--tw-gradient-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: #16efd7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #16efd7;
    --tw-gradient-stops: var(--tw-gradient-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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-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: #079181;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #078a7b;
    --tw-gradient-stops: var(--tw-gradient-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: #06776a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #05675c;
    --tw-gradient-stops: var(--tw-gradient-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: #015d53;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #01473f;
    --tw-gradient-stops: var(--tw-gradient-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: #013a34;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #012521;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f4 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f4 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #c7f7f1 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c7f7f1 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #93f2e7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #93f2e7 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #59efde !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #59efde !important;
    --tw-gradient-stops: var(--tw-gradient-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: #16efd7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #16efd7 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #07a392 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #07a392 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #079181 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #078a7b !important;
    --tw-gradient-stops: var(--tw-gradient-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: #06776a !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #05675c !important;
    --tw-gradient-stops: var(--tw-gradient-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: #015d53 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #01473f !important;
    --tw-gradient-stops: var(--tw-gradient-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: #013a34 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #012521 !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #e3f6f4;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f4;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #e3f6f4;
    --tw-gradient-stops: var(--tw-gradient-via-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: #c7f7f1;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c7f7f1;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #c7f7f1;
    --tw-gradient-stops: var(--tw-gradient-via-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: #93f2e7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #93f2e7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #93f2e7;
    --tw-gradient-stops: var(--tw-gradient-via-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: #59efde;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #59efde;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #59efde;
    --tw-gradient-stops: var(--tw-gradient-via-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: #16efd7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #16efd7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #16efd7;
    --tw-gradient-stops: var(--tw-gradient-via-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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-via-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: #079181;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #078a7b;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #079181;
    --tw-gradient-stops: var(--tw-gradient-via-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: #06776a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #05675c;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #06776a;
    --tw-gradient-stops: var(--tw-gradient-via-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: #015d53;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #01473f;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #015d53;
    --tw-gradient-stops: var(--tw-gradient-via-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: #013a34;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #012521;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #013a34;
    --tw-gradient-stops: var(--tw-gradient-via-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: #e3f6f4 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f4 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #e3f6f4 !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #c7f7f1 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c7f7f1 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #c7f7f1 !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #93f2e7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #93f2e7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #93f2e7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #59efde !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #59efde !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #59efde !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #16efd7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #16efd7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #16efd7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #07a392 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #07a392 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #07a392 !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #079181 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #078a7b !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #079181 !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #06776a !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #05675c !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #06776a !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #015d53 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #01473f !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #015d53 !important;
    --tw-gradient-stops: var(--tw-gradient-via-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: #013a34 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #012521 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #013a34 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f4;
    --tw-ring-color: #e3f6f4;
}
.dark .dark\:ring-primary-50 {
    --ring-color: #e3f6f4;
    --tw-ring-color: #e3f6f4;
}
.ring-primary-100 {
    --ring-color: #c7f7f1;
    --tw-ring-color: #c7f7f1;
}
.dark .dark\:ring-primary-100 {
    --ring-color: #c7f7f1;
    --tw-ring-color: #c7f7f1;
}
.ring-primary-200 {
    --ring-color: #93f2e7;
    --tw-ring-color: #93f2e7;
}
.dark .dark\:ring-primary-200 {
    --ring-color: #93f2e7;
    --tw-ring-color: #93f2e7;
}
.ring-primary-300 {
    --ring-color: #59efde;
    --tw-ring-color: #59efde;
}
.dark .dark\:ring-primary-300 {
    --ring-color: #59efde;
    --tw-ring-color: #59efde;
}
.ring-primary-400 {
    --ring-color: #16efd7;
    --tw-ring-color: #16efd7;
}
.dark .dark\:ring-primary-400 {
    --ring-color: #16efd7;
    --tw-ring-color: #16efd7;
}
.ring-primary-500 {
    --ring-color: #07a392;
    --tw-ring-color: #07a392;
}
.dark .dark\:ring-primary-500 {
    --ring-color: #07a392;
    --tw-ring-color: #07a392;
}
.ring-primary-600 {
    --ring-color: #079181;
    --tw-ring-color: #079181;
}
.dark .dark\:ring-primary-600 {
    --ring-color: #078a7b;
    --tw-ring-color: #078a7b;
}
.ring-primary-700 {
    --ring-color: #06776a;
    --tw-ring-color: #06776a;
}
.dark .dark\:ring-primary-700 {
    --ring-color: #05675c;
    --tw-ring-color: #05675c;
}
.ring-primary-800 {
    --ring-color: #015d53;
    --tw-ring-color: #015d53;
}
.dark .dark\:ring-primary-800 {
    --ring-color: #01473f;
    --tw-ring-color: #01473f;
}
.ring-primary-900 {
    --ring-color: #013a34;
    --tw-ring-color: #013a34;
}
.dark .dark\:ring-primary-900 {
    --ring-color: #012521;
    --tw-ring-color: #012521;
}
.ring-primary-50-important {
    --ring-color: #e3f6f4 !important;
    --tw-ring-color: #e3f6f4 !important;
}
.dark .dark\:ring-primary-50-important {
    --ring-color: #e3f6f4 !important;
    --tw-ring-color: #e3f6f4 !important;
}
.ring-primary-100-important {
    --ring-color: #c7f7f1 !important;
    --tw-ring-color: #c7f7f1 !important;
}
.dark .dark\:ring-primary-100-important {
    --ring-color: #c7f7f1 !important;
    --tw-ring-color: #c7f7f1 !important;
}
.ring-primary-200-important {
    --ring-color: #93f2e7 !important;
    --tw-ring-color: #93f2e7 !important;
}
.dark .dark\:ring-primary-200-important {
    --ring-color: #93f2e7 !important;
    --tw-ring-color: #93f2e7 !important;
}
.ring-primary-300-important {
    --ring-color: #59efde !important;
    --tw-ring-color: #59efde !important;
}
.dark .dark\:ring-primary-300-important {
    --ring-color: #59efde !important;
    --tw-ring-color: #59efde !important;
}
.ring-primary-400-important {
    --ring-color: #16efd7 !important;
    --tw-ring-color: #16efd7 !important;
}
.dark .dark\:ring-primary-400-important {
    --ring-color: #16efd7 !important;
    --tw-ring-color: #16efd7 !important;
}
.ring-primary-500-important {
    --ring-color: #07a392 !important;
    --tw-ring-color: #07a392 !important;
}
.dark .dark\:ring-primary-500-important {
    --ring-color: #07a392 !important;
    --tw-ring-color: #07a392 !important;
}
.ring-primary-600-important {
    --ring-color: #079181 !important;
    --tw-ring-color: #079181 !important;
}
.dark .dark\:ring-primary-600-important {
    --ring-color: #078a7b !important;
    --tw-ring-color: #078a7b !important;
}
.ring-primary-700-important {
    --ring-color: #06776a !important;
    --tw-ring-color: #06776a !important;
}
.dark .dark\:ring-primary-700-important {
    --ring-color: #05675c !important;
    --tw-ring-color: #05675c !important;
}
.ring-primary-800-important {
    --ring-color: #015d53 !important;
    --tw-ring-color: #015d53 !important;
}
.dark .dark\:ring-primary-800-important {
    --ring-color: #01473f !important;
    --tw-ring-color: #01473f !important;
}
.ring-primary-900-important {
    --ring-color: #013a34 !important;
    --tw-ring-color: #013a34 !important;
}
.dark .dark\:ring-primary-900-important {
    --ring-color: #012521 !important;
    --tw-ring-color: #012521 !important;
}
.focus\:ring-primary-50:focus {
    --ring-color: #e3f6f4;
    --tw-ring-color: #e3f6f4;
}
.dark .dark\:focus\:ring-primary-50:focus {
    --ring-color: #e3f6f4;
    --tw-ring-color: #e3f6f4;
}
.focus\:ring-primary-100:focus {
    --ring-color: #c7f7f1;
    --tw-ring-color: #c7f7f1;
}
.dark .dark\:focus\:ring-primary-100:focus {
    --ring-color: #c7f7f1;
    --tw-ring-color: #c7f7f1;
}
.focus\:ring-primary-200:focus {
    --ring-color: #93f2e7;
    --tw-ring-color: #93f2e7;
}
.dark .dark\:focus\:ring-primary-200:focus {
    --ring-color: #93f2e7;
    --tw-ring-color: #93f2e7;
}
.focus\:ring-primary-300:focus {
    --ring-color: #59efde;
    --tw-ring-color: #59efde;
}
.dark .dark\:focus\:ring-primary-300:focus {
    --ring-color: #59efde;
    --tw-ring-color: #59efde;
}
.focus\:ring-primary-400:focus {
    --ring-color: #16efd7;
    --tw-ring-color: #16efd7;
}
.dark .dark\:focus\:ring-primary-400:focus {
    --ring-color: #16efd7;
    --tw-ring-color: #16efd7;
}
.focus\:ring-primary-500:focus {
    --ring-color: #07a392;
    --tw-ring-color: #07a392;
}
.dark .dark\:focus\:ring-primary-500:focus {
    --ring-color: #07a392;
    --tw-ring-color: #07a392;
}
.focus\:ring-primary-600:focus {
    --ring-color: #079181;
    --tw-ring-color: #079181;
}
.dark .dark\:focus\:ring-primary-600:focus {
    --ring-color: #078a7b;
    --tw-ring-color: #078a7b;
}
.focus\:ring-primary-700:focus {
    --ring-color: #06776a;
    --tw-ring-color: #06776a;
}
.dark .dark\:focus\:ring-primary-700:focus {
    --ring-color: #05675c;
    --tw-ring-color: #05675c;
}
.focus\:ring-primary-800:focus {
    --ring-color: #015d53;
    --tw-ring-color: #015d53;
}
.dark .dark\:focus\:ring-primary-800:focus {
    --ring-color: #01473f;
    --tw-ring-color: #01473f;
}
.focus\:ring-primary-900:focus {
    --ring-color: #013a34;
    --tw-ring-color: #013a34;
}
.dark .dark\:focus\:ring-primary-900:focus {
    --ring-color: #012521;
    --tw-ring-color: #012521;
}
.focus\:ring-primary-50-important:focus {
    --ring-color: #e3f6f4 !important;
    --tw-ring-color: #e3f6f4 !important;
}
.dark .dark\:focus\:ring-primary-50-important:focus {
    --ring-color: #e3f6f4 !important;
    --tw-ring-color: #e3f6f4 !important;
}
.focus\:ring-primary-100-important:focus {
    --ring-color: #c7f7f1 !important;
    --tw-ring-color: #c7f7f1 !important;
}
.dark .dark\:focus\:ring-primary-100-important:focus {
    --ring-color: #c7f7f1 !important;
    --tw-ring-color: #c7f7f1 !important;
}
.focus\:ring-primary-200-important:focus {
    --ring-color: #93f2e7 !important;
    --tw-ring-color: #93f2e7 !important;
}
.dark .dark\:focus\:ring-primary-200-important:focus {
    --ring-color: #93f2e7 !important;
    --tw-ring-color: #93f2e7 !important;
}
.focus\:ring-primary-300-important:focus {
    --ring-color: #59efde !important;
    --tw-ring-color: #59efde !important;
}
.dark .dark\:focus\:ring-primary-300-important:focus {
    --ring-color: #59efde !important;
    --tw-ring-color: #59efde !important;
}
.focus\:ring-primary-400-important:focus {
    --ring-color: #16efd7 !important;
    --tw-ring-color: #16efd7 !important;
}
.dark .dark\:focus\:ring-primary-400-important:focus {
    --ring-color: #16efd7 !important;
    --tw-ring-color: #16efd7 !important;
}
.focus\:ring-primary-500-important:focus {
    --ring-color: #07a392 !important;
    --tw-ring-color: #07a392 !important;
}
.dark .dark\:focus\:ring-primary-500-important:focus {
    --ring-color: #07a392 !important;
    --tw-ring-color: #07a392 !important;
}
.focus\:ring-primary-600-important:focus {
    --ring-color: #079181 !important;
    --tw-ring-color: #079181 !important;
}
.dark .dark\:focus\:ring-primary-600-important:focus {
    --ring-color: #078a7b !important;
    --tw-ring-color: #078a7b !important;
}
.focus\:ring-primary-700-important:focus {
    --ring-color: #06776a !important;
    --tw-ring-color: #06776a !important;
}
.dark .dark\:focus\:ring-primary-700-important:focus {
    --ring-color: #05675c !important;
    --tw-ring-color: #05675c !important;
}
.focus\:ring-primary-800-important:focus {
    --ring-color: #015d53 !important;
    --tw-ring-color: #015d53 !important;
}
.dark .dark\:focus\:ring-primary-800-important:focus {
    --ring-color: #01473f !important;
    --tw-ring-color: #01473f !important;
}
.focus\:ring-primary-900-important:focus {
    --ring-color: #013a34 !important;
    --tw-ring-color: #013a34 !important;
}
.dark .dark\:focus\:ring-primary-900-important:focus {
    --ring-color: #012521 !important;
    --tw-ring-color: #012521 !important;
}
.hover\:ring-primary-50:hover {
    --ring-color: #e3f6f4;
    --tw-ring-color: #e3f6f4;
}
.dark .dark\:hover\:ring-primary-50:hover {
    --ring-color: #e3f6f4;
    --tw-ring-color: #e3f6f4;
}
.group:hover .group-hover\:ring-primary-50 {
    --ring-color: #e3f6f4;
    --tw-ring-color: #e3f6f4;
}
.hover\:ring-primary-100:hover {
    --ring-color: #c7f7f1;
    --tw-ring-color: #c7f7f1;
}
.dark .dark\:hover\:ring-primary-100:hover {
    --ring-color: #c7f7f1;
    --tw-ring-color: #c7f7f1;
}
.group:hover .group-hover\:ring-primary-100 {
    --ring-color: #c7f7f1;
    --tw-ring-color: #c7f7f1;
}
.hover\:ring-primary-200:hover {
    --ring-color: #93f2e7;
    --tw-ring-color: #93f2e7;
}
.dark .dark\:hover\:ring-primary-200:hover {
    --ring-color: #93f2e7;
    --tw-ring-color: #93f2e7;
}
.group:hover .group-hover\:ring-primary-200 {
    --ring-color: #93f2e7;
    --tw-ring-color: #93f2e7;
}
.hover\:ring-primary-300:hover {
    --ring-color: #59efde;
    --tw-ring-color: #59efde;
}
.dark .dark\:hover\:ring-primary-300:hover {
    --ring-color: #59efde;
    --tw-ring-color: #59efde;
}
.group:hover .group-hover\:ring-primary-300 {
    --ring-color: #59efde;
    --tw-ring-color: #59efde;
}
.hover\:ring-primary-400:hover {
    --ring-color: #16efd7;
    --tw-ring-color: #16efd7;
}
.dark .dark\:hover\:ring-primary-400:hover {
    --ring-color: #16efd7;
    --tw-ring-color: #16efd7;
}
.group:hover .group-hover\:ring-primary-400 {
    --ring-color: #16efd7;
    --tw-ring-color: #16efd7;
}
.hover\:ring-primary-500:hover {
    --ring-color: #07a392;
    --tw-ring-color: #07a392;
}
.dark .dark\:hover\:ring-primary-500:hover {
    --ring-color: #07a392;
    --tw-ring-color: #07a392;
}
.group:hover .group-hover\:ring-primary-500 {
    --ring-color: #07a392;
    --tw-ring-color: #07a392;
}
.hover\:ring-primary-600:hover {
    --ring-color: #079181;
    --tw-ring-color: #079181;
}
.dark .dark\:hover\:ring-primary-600:hover {
    --ring-color: #078a7b;
    --tw-ring-color: #078a7b;
}
.group:hover .group-hover\:ring-primary-600 {
    --ring-color: #079181;
    --tw-ring-color: #079181;
}
.hover\:ring-primary-700:hover {
    --ring-color: #06776a;
    --tw-ring-color: #06776a;
}
.dark .dark\:hover\:ring-primary-700:hover {
    --ring-color: #05675c;
    --tw-ring-color: #05675c;
}
.group:hover .group-hover\:ring-primary-700 {
    --ring-color: #06776a;
    --tw-ring-color: #06776a;
}
.hover\:ring-primary-800:hover {
    --ring-color: #015d53;
    --tw-ring-color: #015d53;
}
.dark .dark\:hover\:ring-primary-800:hover {
    --ring-color: #01473f;
    --tw-ring-color: #01473f;
}
.group:hover .group-hover\:ring-primary-800 {
    --ring-color: #015d53;
    --tw-ring-color: #015d53;
}
.hover\:ring-primary-900:hover {
    --ring-color: #013a34;
    --tw-ring-color: #013a34;
}
.dark .dark\:hover\:ring-primary-900:hover {
    --ring-color: #012521;
    --tw-ring-color: #012521;
}
.group:hover .group-hover\:ring-primary-900 {
    --ring-color: #013a34;
    --tw-ring-color: #013a34;
}
.hover\:ring-primary-50-important:hover {
    --ring-color: #e3f6f4 !important;
    --tw-ring-color: #e3f6f4 !important;
}
.dark .dark\:hover\:ring-primary-50-important:hover {
    --ring-color: #e3f6f4 !important;
    --tw-ring-color: #e3f6f4 !important;
}
.group:hover .group-hover\:ring-primary-50-important {
    --ring-color: #e3f6f4 !important;
    --tw-ring-color: #e3f6f4 !important;
}
.hover\:ring-primary-100-important:hover {
    --ring-color: #c7f7f1 !important;
    --tw-ring-color: #c7f7f1 !important;
}
.dark .dark\:hover\:ring-primary-100-important:hover {
    --ring-color: #c7f7f1 !important;
    --tw-ring-color: #c7f7f1 !important;
}
.group:hover .group-hover\:ring-primary-100-important {
    --ring-color: #c7f7f1 !important;
    --tw-ring-color: #c7f7f1 !important;
}
.hover\:ring-primary-200-important:hover {
    --ring-color: #93f2e7 !important;
    --tw-ring-color: #93f2e7 !important;
}
.dark .dark\:hover\:ring-primary-200-important:hover {
    --ring-color: #93f2e7 !important;
    --tw-ring-color: #93f2e7 !important;
}
.group:hover .group-hover\:ring-primary-200-important {
    --ring-color: #93f2e7 !important;
    --tw-ring-color: #93f2e7 !important;
}
.hover\:ring-primary-300-important:hover {
    --ring-color: #59efde !important;
    --tw-ring-color: #59efde !important;
}
.dark .dark\:hover\:ring-primary-300-important:hover {
    --ring-color: #59efde !important;
    --tw-ring-color: #59efde !important;
}
.group:hover .group-hover\:ring-primary-300-important {
    --ring-color: #59efde !important;
    --tw-ring-color: #59efde !important;
}
.hover\:ring-primary-400-important:hover {
    --ring-color: #16efd7 !important;
    --tw-ring-color: #16efd7 !important;
}
.dark .dark\:hover\:ring-primary-400-important:hover {
    --ring-color: #16efd7 !important;
    --tw-ring-color: #16efd7 !important;
}
.group:hover .group-hover\:ring-primary-400-important {
    --ring-color: #16efd7 !important;
    --tw-ring-color: #16efd7 !important;
}
.hover\:ring-primary-500-important:hover {
    --ring-color: #07a392 !important;
    --tw-ring-color: #07a392 !important;
}
.dark .dark\:hover\:ring-primary-500-important:hover {
    --ring-color: #07a392 !important;
    --tw-ring-color: #07a392 !important;
}
.group:hover .group-hover\:ring-primary-500-important {
    --ring-color: #07a392 !important;
    --tw-ring-color: #07a392 !important;
}
.hover\:ring-primary-600-important:hover {
    --ring-color: #079181 !important;
    --tw-ring-color: #079181 !important;
}
.dark .dark\:hover\:ring-primary-600-important:hover {
    --ring-color: #078a7b !important;
    --tw-ring-color: #078a7b !important;
}
.group:hover .group-hover\:ring-primary-600-important {
    --ring-color: #079181 !important;
    --tw-ring-color: #079181 !important;
}
.hover\:ring-primary-700-important:hover {
    --ring-color: #06776a !important;
    --tw-ring-color: #06776a !important;
}
.dark .dark\:hover\:ring-primary-700-important:hover {
    --ring-color: #05675c !important;
    --tw-ring-color: #05675c !important;
}
.group:hover .group-hover\:ring-primary-700-important {
    --ring-color: #06776a !important;
    --tw-ring-color: #06776a !important;
}
.hover\:ring-primary-800-important:hover {
    --ring-color: #015d53 !important;
    --tw-ring-color: #015d53 !important;
}
.dark .dark\:hover\:ring-primary-800-important:hover {
    --ring-color: #01473f !important;
    --tw-ring-color: #01473f !important;
}
.group:hover .group-hover\:ring-primary-800-important {
    --ring-color: #015d53 !important;
    --tw-ring-color: #015d53 !important;
}
.hover\:ring-primary-900-important:hover {
    --ring-color: #013a34 !important;
    --tw-ring-color: #013a34 !important;
}
.dark .dark\:hover\:ring-primary-900-important:hover {
    --ring-color: #012521 !important;
    --tw-ring-color: #012521 !important;
}
.group:hover .group-hover\:ring-primary-900-important {
    --ring-color: #013a34 !important;
    --tw-ring-color: #013a34 !important;
}
.via-primary-50 {
    --tw-gradient-via: #e3f6f4;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f4;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c7f7f1;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c7f7f1;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #93f2e7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #93f2e7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #59efde;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #59efde;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #16efd7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #16efd7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #07a392;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #07a392;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #079181;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #078a7b;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #06776a;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #05675c;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #015d53;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #01473f;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #013a34;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #012521;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f4 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f4 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c7f7f1 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c7f7f1 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #93f2e7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #93f2e7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #59efde !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #59efde !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #16efd7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #16efd7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #07a392 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #07a392 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #079181 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #078a7b !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #06776a !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #05675c !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #015d53 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #01473f !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #013a34 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #012521 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f4;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f4;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c7f7f1;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c7f7f1;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #93f2e7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #93f2e7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #59efde;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #59efde;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #16efd7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #16efd7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #07a392;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #07a392;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #079181;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #078a7b;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #06776a;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #05675c;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #015d53;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #01473f;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #013a34;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #012521;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f4 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f4 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c7f7f1 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c7f7f1 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #93f2e7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #93f2e7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #59efde !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #59efde !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #16efd7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #16efd7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #07a392 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #07a392 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #079181 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #078a7b !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #06776a !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #05675c !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #015d53 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #01473f !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #013a34 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #012521 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f4;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f4;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f4;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c7f7f1;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c7f7f1;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c7f7f1;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #93f2e7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #93f2e7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #93f2e7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #59efde;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #59efde;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #59efde;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #16efd7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #16efd7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #16efd7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #07a392;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #07a392;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #07a392;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #079181;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #078a7b;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #079181;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #06776a;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #05675c;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #06776a;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #015d53;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #01473f;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #015d53;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #013a34;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #012521;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #013a34;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f4 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f4 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f4 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c7f7f1 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c7f7f1 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c7f7f1 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #93f2e7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #93f2e7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #93f2e7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #59efde !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #59efde !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #59efde !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #16efd7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #16efd7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #16efd7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #07a392 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #07a392 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #07a392 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #079181 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #078a7b !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #079181 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #06776a !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #05675c !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #06776a !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #015d53 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #01473f !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #015d53 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #013a34 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #012521 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #013a34 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f4;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-50 {
    --tw-shadow-color: #e3f6f4;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100 {
    --tw-shadow-color: #c7f7f1;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-100 {
    --tw-shadow-color: #c7f7f1;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200 {
    --tw-shadow-color: #93f2e7;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-200 {
    --tw-shadow-color: #93f2e7;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300 {
    --tw-shadow-color: #59efde;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-300 {
    --tw-shadow-color: #59efde;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400 {
    --tw-shadow-color: #16efd7;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-400 {
    --tw-shadow-color: #16efd7;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500 {
    --tw-shadow-color: #07a392;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-500 {
    --tw-shadow-color: #07a392;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600 {
    --tw-shadow-color: #079181;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-600 {
    --tw-shadow-color: #078a7b;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700 {
    --tw-shadow-color: #06776a;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-700 {
    --tw-shadow-color: #05675c;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800 {
    --tw-shadow-color: #015d53;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-800 {
    --tw-shadow-color: #01473f;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900 {
    --tw-shadow-color: #013a34;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-900 {
    --tw-shadow-color: #012521;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50-important {
    --tw-shadow-color: #e3f6f4 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-50-important {
    --tw-shadow-color: #e3f6f4 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100-important {
    --tw-shadow-color: #c7f7f1 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-100-important {
    --tw-shadow-color: #c7f7f1 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200-important {
    --tw-shadow-color: #93f2e7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-200-important {
    --tw-shadow-color: #93f2e7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300-important {
    --tw-shadow-color: #59efde !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-300-important {
    --tw-shadow-color: #59efde !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400-important {
    --tw-shadow-color: #16efd7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-400-important {
    --tw-shadow-color: #16efd7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500-important {
    --tw-shadow-color: #07a392 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-500-important {
    --tw-shadow-color: #07a392 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600-important {
    --tw-shadow-color: #079181 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-600-important {
    --tw-shadow-color: #078a7b !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700-important {
    --tw-shadow-color: #06776a !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-700-important {
    --tw-shadow-color: #05675c !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800-important {
    --tw-shadow-color: #015d53 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-800-important {
    --tw-shadow-color: #01473f !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900-important {
    --tw-shadow-color: #013a34 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-900-important {
    --tw-shadow-color: #012521 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50:focus {
    --tw-shadow-color: #e3f6f4;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-50:focus {
    --tw-shadow-color: #e3f6f4;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100:focus {
    --tw-shadow-color: #c7f7f1;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-100:focus {
    --tw-shadow-color: #c7f7f1;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200:focus {
    --tw-shadow-color: #93f2e7;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-200:focus {
    --tw-shadow-color: #93f2e7;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300:focus {
    --tw-shadow-color: #59efde;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-300:focus {
    --tw-shadow-color: #59efde;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400:focus {
    --tw-shadow-color: #16efd7;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-400:focus {
    --tw-shadow-color: #16efd7;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500:focus {
    --tw-shadow-color: #07a392;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-500:focus {
    --tw-shadow-color: #07a392;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600:focus {
    --tw-shadow-color: #079181;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-600:focus {
    --tw-shadow-color: #078a7b;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700:focus {
    --tw-shadow-color: #06776a;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-700:focus {
    --tw-shadow-color: #05675c;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800:focus {
    --tw-shadow-color: #015d53;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-800:focus {
    --tw-shadow-color: #01473f;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900:focus {
    --tw-shadow-color: #013a34;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-900:focus {
    --tw-shadow-color: #012521;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50-important:focus {
    --tw-shadow-color: #e3f6f4 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-50-important:focus {
    --tw-shadow-color: #e3f6f4 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100-important:focus {
    --tw-shadow-color: #c7f7f1 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-100-important:focus {
    --tw-shadow-color: #c7f7f1 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200-important:focus {
    --tw-shadow-color: #93f2e7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-200-important:focus {
    --tw-shadow-color: #93f2e7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300-important:focus {
    --tw-shadow-color: #59efde !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-300-important:focus {
    --tw-shadow-color: #59efde !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400-important:focus {
    --tw-shadow-color: #16efd7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-400-important:focus {
    --tw-shadow-color: #16efd7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500-important:focus {
    --tw-shadow-color: #07a392 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-500-important:focus {
    --tw-shadow-color: #07a392 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600-important:focus {
    --tw-shadow-color: #079181 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-600-important:focus {
    --tw-shadow-color: #078a7b !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700-important:focus {
    --tw-shadow-color: #06776a !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-700-important:focus {
    --tw-shadow-color: #05675c !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800-important:focus {
    --tw-shadow-color: #015d53 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-800-important:focus {
    --tw-shadow-color: #01473f !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900-important:focus {
    --tw-shadow-color: #013a34 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-900-important:focus {
    --tw-shadow-color: #012521 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50:hover {
    --tw-shadow-color: #e3f6f4;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-50:hover {
    --tw-shadow-color: #e3f6f4;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50 {
    --tw-shadow-color: #e3f6f4;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100:hover {
    --tw-shadow-color: #c7f7f1;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-100:hover {
    --tw-shadow-color: #c7f7f1;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100 {
    --tw-shadow-color: #c7f7f1;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200:hover {
    --tw-shadow-color: #93f2e7;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-200:hover {
    --tw-shadow-color: #93f2e7;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200 {
    --tw-shadow-color: #93f2e7;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300:hover {
    --tw-shadow-color: #59efde;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-300:hover {
    --tw-shadow-color: #59efde;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300 {
    --tw-shadow-color: #59efde;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400:hover {
    --tw-shadow-color: #16efd7;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-400:hover {
    --tw-shadow-color: #16efd7;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400 {
    --tw-shadow-color: #16efd7;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500:hover {
    --tw-shadow-color: #07a392;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-500:hover {
    --tw-shadow-color: #07a392;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500 {
    --tw-shadow-color: #07a392;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600:hover {
    --tw-shadow-color: #079181;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-600:hover {
    --tw-shadow-color: #078a7b;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600 {
    --tw-shadow-color: #079181;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700:hover {
    --tw-shadow-color: #06776a;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-700:hover {
    --tw-shadow-color: #05675c;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700 {
    --tw-shadow-color: #06776a;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800:hover {
    --tw-shadow-color: #015d53;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-800:hover {
    --tw-shadow-color: #01473f;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800 {
    --tw-shadow-color: #015d53;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900:hover {
    --tw-shadow-color: #013a34;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-900:hover {
    --tw-shadow-color: #012521;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900 {
    --tw-shadow-color: #013a34;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50-important:hover {
    --tw-shadow-color: #e3f6f4 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-50-important:hover {
    --tw-shadow-color: #e3f6f4 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50-important {
    --tw-shadow-color: #e3f6f4 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100-important:hover {
    --tw-shadow-color: #c7f7f1 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-100-important:hover {
    --tw-shadow-color: #c7f7f1 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100-important {
    --tw-shadow-color: #c7f7f1 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200-important:hover {
    --tw-shadow-color: #93f2e7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-200-important:hover {
    --tw-shadow-color: #93f2e7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200-important {
    --tw-shadow-color: #93f2e7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300-important:hover {
    --tw-shadow-color: #59efde !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-300-important:hover {
    --tw-shadow-color: #59efde !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300-important {
    --tw-shadow-color: #59efde !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400-important:hover {
    --tw-shadow-color: #16efd7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-400-important:hover {
    --tw-shadow-color: #16efd7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400-important {
    --tw-shadow-color: #16efd7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500-important:hover {
    --tw-shadow-color: #07a392 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-500-important:hover {
    --tw-shadow-color: #07a392 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500-important {
    --tw-shadow-color: #07a392 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600-important:hover {
    --tw-shadow-color: #079181 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-600-important:hover {
    --tw-shadow-color: #078a7b !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600-important {
    --tw-shadow-color: #079181 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700-important:hover {
    --tw-shadow-color: #06776a !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-700-important:hover {
    --tw-shadow-color: #05675c !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700-important {
    --tw-shadow-color: #06776a !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800-important:hover {
    --tw-shadow-color: #015d53 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-800-important:hover {
    --tw-shadow-color: #01473f !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800-important {
    --tw-shadow-color: #015d53 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900-important:hover {
    --tw-shadow-color: #013a34 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-900-important:hover {
    --tw-shadow-color: #012521 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900-important {
    --tw-shadow-color: #013a34 !important;
    --tw-shadow: var(--tw-shadow-colored);
}:root {
    --primary: #07a392;
    --primary-50: #e3f6f4;
    --primary-100: #c7f7f1;
    --primary-200: #93f2e7;
    --primary-300: #59efde;
    --primary-400: #16efd7;
    --primary-500: #07a392;
    --primary-600: #079181;
    --primary-700: #06776a;
    --primary-800: #015d53;
    --primary-900: #013a34;
    --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: #e3f6f4;
}
.bg-foreground {
    background-color: #013a34;
}
.bg-card {
    background-color: #e3f6f4;
}
.bg-popover {
    background-color: #e3f6f4;
}
.bg-primary {
    background-color: #07a392;
}
.bg-secondary {
    background-color: #c7f7f1;
}
.bg-muted {
    background-color: #c7f7f1;
}
.bg-accent {
    background-color: #93f2e7;
}
.bg-destructive {
    background-color: #ef4444;
}
.bg-border {
    background-color: #93f2e7;
}
.bg-input {
    background-color: #c7f7f1;
}
.bg-sidebar {
    background-color: #e3f6f4;
}
.bg-sidebar-border {
    background-color: #93f2e7;
}
.fill-foreground {
    fill: #013a34;
}
.text-background {
    color: #e3f6f4;
}
.text-foreground {
    color: #013a34;
}
.text-foreground-muted {
    color: #079181;
}
.text-muted-foreground {
    color: #079181;
}
.text-card-foreground {
    color: #013a34;
}
.text-popover-foreground {
    color: #013a34;
}
.text-primary {
    color: #07a392;
}
.text-primary-foreground {
    color: #000000;
}
.text-secondary-foreground {
    color: #000000;
}
.text-accent-foreground {
    color: #000000;
}
.text-destructive-foreground {
    color: #FFFFFF;
}
.text-sidebar-foreground {
    color: #013a34;
}
.text-sidebar-accent-foreground {
    color: #000000;
}
.text-sidebar-primary-foreground {
    color: #000000;
}
.border-border {
    border-color: #93f2e7;
}
.border-input {
    border-color: #c7f7f1;
}
.border-primary {
    border-color: #07a392;
}
.border-sidebar-border {
    border-color: #93f2e7;
}
.ring-ring {
    --ring-color: #07a392;
    --tw-ring-color: #07a392;
}
.ring-sidebar-ring {
    --ring-color: #07a392;
    --tw-ring-color: #07a392;
}
.ring-offset-background {
    --tw-ring-offset-color: #e3f6f4;
}
.ring-offset-transparent {
    --tw-ring-offset-color: transparent;
}

.bg-primary {
    --bg-opacity: 1;
    background-color: rgba(7, 163, 146, var(--bg-opacity));
}
.hover\:bg-primary:hover {
    --bg-opacity: 1;
    background-color: rgba(7, 163, 146, var(--bg-opacity));
}
.focus\:bg-primary:focus {
    --bg-opacity: 1;
    background-color: rgba(7, 163, 146, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary {
    --bg-opacity: 1;
    background-color: rgba(7, 163, 146, var(--bg-opacity));
}
.bg-primary\/5 {
    background-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.hover\:bg-primary\/5:hover {
    background-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.focus\:bg-primary\/5:focus {
    background-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/5 {
    background-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.bg-primary\/10 {
    background-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.hover\:bg-primary\/10:hover {
    background-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.focus\:bg-primary\/10:focus {
    background-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/10 {
    background-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.bg-primary\/15 {
    background-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.hover\:bg-primary\/15:hover {
    background-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.focus\:bg-primary\/15:focus {
    background-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/15 {
    background-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.bg-primary\/20 {
    background-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.hover\:bg-primary\/20:hover {
    background-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.focus\:bg-primary\/20:focus {
    background-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/20 {
    background-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.bg-primary\/25 {
    background-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.hover\:bg-primary\/25:hover {
    background-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.focus\:bg-primary\/25:focus {
    background-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/25 {
    background-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.bg-primary\/30 {
    background-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.hover\:bg-primary\/30:hover {
    background-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.focus\:bg-primary\/30:focus {
    background-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/30 {
    background-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.bg-primary\/35 {
    background-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.hover\:bg-primary\/35:hover {
    background-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.focus\:bg-primary\/35:focus {
    background-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/35 {
    background-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.bg-primary\/40 {
    background-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.hover\:bg-primary\/40:hover {
    background-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.focus\:bg-primary\/40:focus {
    background-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/40 {
    background-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.bg-primary\/45 {
    background-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.hover\:bg-primary\/45:hover {
    background-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.focus\:bg-primary\/45:focus {
    background-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/45 {
    background-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.bg-primary\/50 {
    background-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.hover\:bg-primary\/50:hover {
    background-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.focus\:bg-primary\/50:focus {
    background-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/50 {
    background-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.bg-primary\/55 {
    background-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.hover\:bg-primary\/55:hover {
    background-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.focus\:bg-primary\/55:focus {
    background-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/55 {
    background-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.bg-primary\/60 {
    background-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.hover\:bg-primary\/60:hover {
    background-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.focus\:bg-primary\/60:focus {
    background-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/60 {
    background-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.bg-primary\/65 {
    background-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.hover\:bg-primary\/65:hover {
    background-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.focus\:bg-primary\/65:focus {
    background-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/65 {
    background-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.bg-primary\/70 {
    background-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.hover\:bg-primary\/70:hover {
    background-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.focus\:bg-primary\/70:focus {
    background-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/70 {
    background-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.bg-primary\/75 {
    background-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.hover\:bg-primary\/75:hover {
    background-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.focus\:bg-primary\/75:focus {
    background-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/75 {
    background-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.bg-primary\/80 {
    background-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.hover\:bg-primary\/80:hover {
    background-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.focus\:bg-primary\/80:focus {
    background-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/80 {
    background-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.bg-primary\/85 {
    background-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.hover\:bg-primary\/85:hover {
    background-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.focus\:bg-primary\/85:focus {
    background-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/85 {
    background-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.bg-primary\/90 {
    background-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.hover\:bg-primary\/90:hover {
    background-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.focus\:bg-primary\/90:focus {
    background-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/90 {
    background-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.bg-primary\/95 {
    background-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.hover\:bg-primary\/95:hover {
    background-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.focus\:bg-primary\/95:focus {
    background-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/95 {
    background-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.text-primary {
    color: #07a392;
}
.hover\:text-primary:hover {
    color: #07a392;
}
.focus\:text-primary:focus {
    color: #07a392;
}
.group:hover .group-hover\:text-primary {
    color: #07a392;
}
.text-primary\/5 {
    color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.hover\:text-primary\/5:hover {
    color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.focus\:text-primary\/5:focus {
    color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/5 {
    color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.text-primary\/10 {
    color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.hover\:text-primary\/10:hover {
    color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.focus\:text-primary\/10:focus {
    color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/10 {
    color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.text-primary\/15 {
    color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.hover\:text-primary\/15:hover {
    color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.focus\:text-primary\/15:focus {
    color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/15 {
    color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.text-primary\/20 {
    color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.hover\:text-primary\/20:hover {
    color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.focus\:text-primary\/20:focus {
    color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/20 {
    color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.text-primary\/25 {
    color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.hover\:text-primary\/25:hover {
    color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.focus\:text-primary\/25:focus {
    color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/25 {
    color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.text-primary\/30 {
    color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.hover\:text-primary\/30:hover {
    color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.focus\:text-primary\/30:focus {
    color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/30 {
    color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.text-primary\/35 {
    color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.hover\:text-primary\/35:hover {
    color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.focus\:text-primary\/35:focus {
    color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/35 {
    color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.text-primary\/40 {
    color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.hover\:text-primary\/40:hover {
    color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.focus\:text-primary\/40:focus {
    color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/40 {
    color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.text-primary\/45 {
    color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.hover\:text-primary\/45:hover {
    color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.focus\:text-primary\/45:focus {
    color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/45 {
    color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.text-primary\/50 {
    color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.hover\:text-primary\/50:hover {
    color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.focus\:text-primary\/50:focus {
    color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/50 {
    color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.text-primary\/55 {
    color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.hover\:text-primary\/55:hover {
    color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.focus\:text-primary\/55:focus {
    color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/55 {
    color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.text-primary\/60 {
    color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.hover\:text-primary\/60:hover {
    color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.focus\:text-primary\/60:focus {
    color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/60 {
    color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.text-primary\/65 {
    color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.hover\:text-primary\/65:hover {
    color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.focus\:text-primary\/65:focus {
    color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/65 {
    color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.text-primary\/70 {
    color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.hover\:text-primary\/70:hover {
    color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.focus\:text-primary\/70:focus {
    color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/70 {
    color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.text-primary\/75 {
    color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.hover\:text-primary\/75:hover {
    color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.focus\:text-primary\/75:focus {
    color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/75 {
    color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.text-primary\/80 {
    color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.hover\:text-primary\/80:hover {
    color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.focus\:text-primary\/80:focus {
    color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/80 {
    color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.text-primary\/85 {
    color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.hover\:text-primary\/85:hover {
    color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.focus\:text-primary\/85:focus {
    color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/85 {
    color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.text-primary\/90 {
    color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.hover\:text-primary\/90:hover {
    color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.focus\:text-primary\/90:focus {
    color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/90 {
    color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.text-primary\/95 {
    color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.hover\:text-primary\/95:hover {
    color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.focus\:text-primary\/95:focus {
    color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/95 {
    color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.border-primary {
    border-color: #07a392;
}
.hover\:border-primary:hover {
    border-color: #07a392;
}
.focus\:border-primary:focus {
    border-color: #07a392;
}
.group:hover .group-hover\:border-primary {
    border-color: #07a392;
}
.border-primary\/5 {
    border-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.hover\:border-primary\/5:hover {
    border-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.focus\:border-primary\/5:focus {
    border-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/5 {
    border-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.border-primary\/10 {
    border-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.hover\:border-primary\/10:hover {
    border-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.focus\:border-primary\/10:focus {
    border-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/10 {
    border-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.border-primary\/15 {
    border-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.hover\:border-primary\/15:hover {
    border-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.focus\:border-primary\/15:focus {
    border-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/15 {
    border-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.border-primary\/20 {
    border-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.hover\:border-primary\/20:hover {
    border-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.focus\:border-primary\/20:focus {
    border-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/20 {
    border-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.border-primary\/25 {
    border-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.hover\:border-primary\/25:hover {
    border-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.focus\:border-primary\/25:focus {
    border-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/25 {
    border-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.border-primary\/30 {
    border-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.hover\:border-primary\/30:hover {
    border-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.focus\:border-primary\/30:focus {
    border-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/30 {
    border-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.border-primary\/35 {
    border-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.hover\:border-primary\/35:hover {
    border-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.focus\:border-primary\/35:focus {
    border-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/35 {
    border-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.border-primary\/40 {
    border-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.hover\:border-primary\/40:hover {
    border-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.focus\:border-primary\/40:focus {
    border-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/40 {
    border-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.border-primary\/45 {
    border-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.hover\:border-primary\/45:hover {
    border-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.focus\:border-primary\/45:focus {
    border-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/45 {
    border-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.border-primary\/50 {
    border-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.hover\:border-primary\/50:hover {
    border-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.focus\:border-primary\/50:focus {
    border-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/50 {
    border-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.border-primary\/55 {
    border-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.hover\:border-primary\/55:hover {
    border-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.focus\:border-primary\/55:focus {
    border-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/55 {
    border-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.border-primary\/60 {
    border-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.hover\:border-primary\/60:hover {
    border-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.focus\:border-primary\/60:focus {
    border-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/60 {
    border-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.border-primary\/65 {
    border-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.hover\:border-primary\/65:hover {
    border-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.focus\:border-primary\/65:focus {
    border-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/65 {
    border-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.border-primary\/70 {
    border-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.hover\:border-primary\/70:hover {
    border-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.focus\:border-primary\/70:focus {
    border-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/70 {
    border-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.border-primary\/75 {
    border-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.hover\:border-primary\/75:hover {
    border-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.focus\:border-primary\/75:focus {
    border-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/75 {
    border-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.border-primary\/80 {
    border-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.hover\:border-primary\/80:hover {
    border-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.focus\:border-primary\/80:focus {
    border-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/80 {
    border-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.border-primary\/85 {
    border-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.hover\:border-primary\/85:hover {
    border-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.focus\:border-primary\/85:focus {
    border-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/85 {
    border-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.border-primary\/90 {
    border-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.hover\:border-primary\/90:hover {
    border-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.focus\:border-primary\/90:focus {
    border-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/90 {
    border-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.border-primary\/95 {
    border-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.hover\:border-primary\/95:hover {
    border-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.focus\:border-primary\/95:focus {
    border-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/95 {
    border-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.ring-primary {
    --ring-color: #07a392;
    --tw-ring-color: #07a392;
}
.hover\:ring-primary:hover {
    --ring-color: #07a392;
    --tw-ring-color: #07a392;
}
.focus\:ring-primary:focus {
    --ring-color: #07a392;
    --tw-ring-color: #07a392;
}
.group:hover .group-hover\:ring-primary {
    --ring-color: #07a392;
    --tw-ring-color: #07a392;
}
.ring-primary\/5 {
    --ring-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 5%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.hover\:ring-primary\/5:hover {
    --ring-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 5%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.focus\:ring-primary\/5:focus {
    --ring-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 5%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/5 {
    --ring-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 5%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.ring-primary\/10 {
    --ring-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 10%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.hover\:ring-primary\/10:hover {
    --ring-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 10%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.focus\:ring-primary\/10:focus {
    --ring-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 10%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/10 {
    --ring-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 10%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.ring-primary\/15 {
    --ring-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 15%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.hover\:ring-primary\/15:hover {
    --ring-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 15%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.focus\:ring-primary\/15:focus {
    --ring-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 15%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/15 {
    --ring-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 15%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.ring-primary\/20 {
    --ring-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 20%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.hover\:ring-primary\/20:hover {
    --ring-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 20%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.focus\:ring-primary\/20:focus {
    --ring-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 20%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/20 {
    --ring-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 20%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.ring-primary\/25 {
    --ring-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 25%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.hover\:ring-primary\/25:hover {
    --ring-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 25%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.focus\:ring-primary\/25:focus {
    --ring-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 25%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/25 {
    --ring-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 25%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.ring-primary\/30 {
    --ring-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 30%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.hover\:ring-primary\/30:hover {
    --ring-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 30%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.focus\:ring-primary\/30:focus {
    --ring-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 30%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/30 {
    --ring-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 30%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.ring-primary\/35 {
    --ring-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 35%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.hover\:ring-primary\/35:hover {
    --ring-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 35%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.focus\:ring-primary\/35:focus {
    --ring-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 35%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/35 {
    --ring-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 35%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.ring-primary\/40 {
    --ring-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 40%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.hover\:ring-primary\/40:hover {
    --ring-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 40%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.focus\:ring-primary\/40:focus {
    --ring-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 40%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/40 {
    --ring-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 40%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.ring-primary\/45 {
    --ring-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 45%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.hover\:ring-primary\/45:hover {
    --ring-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 45%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.focus\:ring-primary\/45:focus {
    --ring-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 45%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/45 {
    --ring-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 45%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.ring-primary\/50 {
    --ring-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 50%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.hover\:ring-primary\/50:hover {
    --ring-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 50%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.focus\:ring-primary\/50:focus {
    --ring-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 50%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/50 {
    --ring-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 50%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.ring-primary\/55 {
    --ring-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 55%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.hover\:ring-primary\/55:hover {
    --ring-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 55%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.focus\:ring-primary\/55:focus {
    --ring-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 55%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/55 {
    --ring-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 55%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.ring-primary\/60 {
    --ring-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 60%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.hover\:ring-primary\/60:hover {
    --ring-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 60%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.focus\:ring-primary\/60:focus {
    --ring-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 60%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/60 {
    --ring-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 60%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.ring-primary\/65 {
    --ring-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 65%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.hover\:ring-primary\/65:hover {
    --ring-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 65%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.focus\:ring-primary\/65:focus {
    --ring-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 65%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/65 {
    --ring-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 65%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.ring-primary\/70 {
    --ring-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 70%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.hover\:ring-primary\/70:hover {
    --ring-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 70%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.focus\:ring-primary\/70:focus {
    --ring-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 70%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/70 {
    --ring-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 70%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.ring-primary\/75 {
    --ring-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 75%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.hover\:ring-primary\/75:hover {
    --ring-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 75%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.focus\:ring-primary\/75:focus {
    --ring-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 75%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/75 {
    --ring-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 75%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.ring-primary\/80 {
    --ring-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 80%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.hover\:ring-primary\/80:hover {
    --ring-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 80%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.focus\:ring-primary\/80:focus {
    --ring-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 80%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/80 {
    --ring-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 80%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.ring-primary\/85 {
    --ring-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 85%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.hover\:ring-primary\/85:hover {
    --ring-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 85%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.focus\:ring-primary\/85:focus {
    --ring-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 85%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/85 {
    --ring-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 85%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.ring-primary\/90 {
    --ring-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 90%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.hover\:ring-primary\/90:hover {
    --ring-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 90%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.focus\:ring-primary\/90:focus {
    --ring-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 90%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/90 {
    --ring-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 90%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.ring-primary\/95 {
    --ring-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 95%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.hover\:ring-primary\/95:hover {
    --ring-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 95%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.focus\:ring-primary\/95:focus {
    --ring-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 95%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/95 {
    --ring-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 95%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.shadow-primary {
    --tw-shadow-color: #07a392;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary:hover {
    --tw-shadow-color: #07a392;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary:focus {
    --tw-shadow-color: #07a392;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary {
    --tw-shadow-color: #07a392;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/5 {
    --tw-shadow-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/5:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/5:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/5 {
    --tw-shadow-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/10 {
    --tw-shadow-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/10:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/10:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/10 {
    --tw-shadow-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/15 {
    --tw-shadow-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/15:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/15:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/15 {
    --tw-shadow-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/20 {
    --tw-shadow-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/20:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/20:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/20 {
    --tw-shadow-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/25 {
    --tw-shadow-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/25:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/25:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/25 {
    --tw-shadow-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/30 {
    --tw-shadow-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/30:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/30:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/30 {
    --tw-shadow-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/35 {
    --tw-shadow-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/35:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/35:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/35 {
    --tw-shadow-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/40 {
    --tw-shadow-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/40:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/40:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/40 {
    --tw-shadow-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/45 {
    --tw-shadow-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/45:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/45:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/45 {
    --tw-shadow-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/50 {
    --tw-shadow-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/50:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/50:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/50 {
    --tw-shadow-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/55 {
    --tw-shadow-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/55:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/55:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/55 {
    --tw-shadow-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/60 {
    --tw-shadow-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/60:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/60:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/60 {
    --tw-shadow-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/65 {
    --tw-shadow-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/65:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/65:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/65 {
    --tw-shadow-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/70 {
    --tw-shadow-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/70:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/70:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/70 {
    --tw-shadow-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/75 {
    --tw-shadow-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/75:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/75:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/75 {
    --tw-shadow-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/80 {
    --tw-shadow-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/80:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/80:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/80 {
    --tw-shadow-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/85 {
    --tw-shadow-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/85:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/85:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/85 {
    --tw-shadow-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/90 {
    --tw-shadow-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/90:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/90:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/90 {
    --tw-shadow-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/95 {
    --tw-shadow-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/95:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/95:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/95 {
    --tw-shadow-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.border-primary-50\/5 {
    border-color: rgba(227, 246, 244, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 5%, transparent);
    }
}
.hover\:border-primary-50\/5:hover {
    border-color: rgba(227, 246, 244, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 5%, transparent);
    }
}
.focus\:border-primary-50\/5:focus {
    border-color: rgba(227, 246, 244, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/5 {
    border-color: rgba(227, 246, 244, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 5%, transparent);
    }
}
.border-primary-50\/10 {
    border-color: rgba(227, 246, 244, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 10%, transparent);
    }
}
.hover\:border-primary-50\/10:hover {
    border-color: rgba(227, 246, 244, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 10%, transparent);
    }
}
.focus\:border-primary-50\/10:focus {
    border-color: rgba(227, 246, 244, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/10 {
    border-color: rgba(227, 246, 244, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 10%, transparent);
    }
}
.border-primary-50\/15 {
    border-color: rgba(227, 246, 244, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 15%, transparent);
    }
}
.hover\:border-primary-50\/15:hover {
    border-color: rgba(227, 246, 244, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 15%, transparent);
    }
}
.focus\:border-primary-50\/15:focus {
    border-color: rgba(227, 246, 244, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/15 {
    border-color: rgba(227, 246, 244, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 15%, transparent);
    }
}
.border-primary-50\/20 {
    border-color: rgba(227, 246, 244, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
}
.hover\:border-primary-50\/20:hover {
    border-color: rgba(227, 246, 244, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
}
.focus\:border-primary-50\/20:focus {
    border-color: rgba(227, 246, 244, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/20 {
    border-color: rgba(227, 246, 244, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
}
.border-primary-50\/25 {
    border-color: rgba(227, 246, 244, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
}
.hover\:border-primary-50\/25:hover {
    border-color: rgba(227, 246, 244, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
}
.focus\:border-primary-50\/25:focus {
    border-color: rgba(227, 246, 244, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/25 {
    border-color: rgba(227, 246, 244, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
}
.border-primary-50\/30 {
    border-color: rgba(227, 246, 244, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
}
.hover\:border-primary-50\/30:hover {
    border-color: rgba(227, 246, 244, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
}
.focus\:border-primary-50\/30:focus {
    border-color: rgba(227, 246, 244, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/30 {
    border-color: rgba(227, 246, 244, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
}
.border-primary-50\/35 {
    border-color: rgba(227, 246, 244, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 35%, transparent);
    }
}
.hover\:border-primary-50\/35:hover {
    border-color: rgba(227, 246, 244, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 35%, transparent);
    }
}
.focus\:border-primary-50\/35:focus {
    border-color: rgba(227, 246, 244, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/35 {
    border-color: rgba(227, 246, 244, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 35%, transparent);
    }
}
.border-primary-50\/40 {
    border-color: rgba(227, 246, 244, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
}
.hover\:border-primary-50\/40:hover {
    border-color: rgba(227, 246, 244, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
}
.focus\:border-primary-50\/40:focus {
    border-color: rgba(227, 246, 244, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/40 {
    border-color: rgba(227, 246, 244, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
}
.border-primary-50\/45 {
    border-color: rgba(227, 246, 244, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 45%, transparent);
    }
}
.hover\:border-primary-50\/45:hover {
    border-color: rgba(227, 246, 244, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 45%, transparent);
    }
}
.focus\:border-primary-50\/45:focus {
    border-color: rgba(227, 246, 244, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/45 {
    border-color: rgba(227, 246, 244, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 45%, transparent);
    }
}
.border-primary-50\/50 {
    border-color: rgba(227, 246, 244, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
}
.hover\:border-primary-50\/50:hover {
    border-color: rgba(227, 246, 244, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
}
.focus\:border-primary-50\/50:focus {
    border-color: rgba(227, 246, 244, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/50 {
    border-color: rgba(227, 246, 244, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
}
.border-primary-50\/55 {
    border-color: rgba(227, 246, 244, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 55%, transparent);
    }
}
.hover\:border-primary-50\/55:hover {
    border-color: rgba(227, 246, 244, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 55%, transparent);
    }
}
.focus\:border-primary-50\/55:focus {
    border-color: rgba(227, 246, 244, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/55 {
    border-color: rgba(227, 246, 244, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 55%, transparent);
    }
}
.border-primary-50\/60 {
    border-color: rgba(227, 246, 244, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
}
.hover\:border-primary-50\/60:hover {
    border-color: rgba(227, 246, 244, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
}
.focus\:border-primary-50\/60:focus {
    border-color: rgba(227, 246, 244, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/60 {
    border-color: rgba(227, 246, 244, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
}
.border-primary-50\/65 {
    border-color: rgba(227, 246, 244, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 65%, transparent);
    }
}
.hover\:border-primary-50\/65:hover {
    border-color: rgba(227, 246, 244, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 65%, transparent);
    }
}
.focus\:border-primary-50\/65:focus {
    border-color: rgba(227, 246, 244, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/65 {
    border-color: rgba(227, 246, 244, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 65%, transparent);
    }
}
.border-primary-50\/70 {
    border-color: rgba(227, 246, 244, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
}
.hover\:border-primary-50\/70:hover {
    border-color: rgba(227, 246, 244, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
}
.focus\:border-primary-50\/70:focus {
    border-color: rgba(227, 246, 244, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/70 {
    border-color: rgba(227, 246, 244, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
}
.border-primary-50\/75 {
    border-color: rgba(227, 246, 244, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
}
.hover\:border-primary-50\/75:hover {
    border-color: rgba(227, 246, 244, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
}
.focus\:border-primary-50\/75:focus {
    border-color: rgba(227, 246, 244, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/75 {
    border-color: rgba(227, 246, 244, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
}
.border-primary-50\/80 {
    border-color: rgba(227, 246, 244, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
}
.hover\:border-primary-50\/80:hover {
    border-color: rgba(227, 246, 244, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
}
.focus\:border-primary-50\/80:focus {
    border-color: rgba(227, 246, 244, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/80 {
    border-color: rgba(227, 246, 244, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
}
.border-primary-50\/85 {
    border-color: rgba(227, 246, 244, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 85%, transparent);
    }
}
.hover\:border-primary-50\/85:hover {
    border-color: rgba(227, 246, 244, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 85%, transparent);
    }
}
.focus\:border-primary-50\/85:focus {
    border-color: rgba(227, 246, 244, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/85 {
    border-color: rgba(227, 246, 244, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 85%, transparent);
    }
}
.border-primary-50\/90 {
    border-color: rgba(227, 246, 244, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
}
.hover\:border-primary-50\/90:hover {
    border-color: rgba(227, 246, 244, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
}
.focus\:border-primary-50\/90:focus {
    border-color: rgba(227, 246, 244, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/90 {
    border-color: rgba(227, 246, 244, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
}
.border-primary-50\/95 {
    border-color: rgba(227, 246, 244, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 95%, transparent);
    }
}
.hover\:border-primary-50\/95:hover {
    border-color: rgba(227, 246, 244, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 95%, transparent);
    }
}
.focus\:border-primary-50\/95:focus {
    border-color: rgba(227, 246, 244, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/95 {
    border-color: rgba(227, 246, 244, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f4 95%, transparent);
    }
}
.border-primary-100\/5 {
    border-color: rgba(199, 247, 241, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 5%, transparent);
    }
}
.hover\:border-primary-100\/5:hover {
    border-color: rgba(199, 247, 241, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 5%, transparent);
    }
}
.focus\:border-primary-100\/5:focus {
    border-color: rgba(199, 247, 241, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/5 {
    border-color: rgba(199, 247, 241, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 5%, transparent);
    }
}
.border-primary-100\/10 {
    border-color: rgba(199, 247, 241, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 10%, transparent);
    }
}
.hover\:border-primary-100\/10:hover {
    border-color: rgba(199, 247, 241, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 10%, transparent);
    }
}
.focus\:border-primary-100\/10:focus {
    border-color: rgba(199, 247, 241, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/10 {
    border-color: rgba(199, 247, 241, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 10%, transparent);
    }
}
.border-primary-100\/15 {
    border-color: rgba(199, 247, 241, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 15%, transparent);
    }
}
.hover\:border-primary-100\/15:hover {
    border-color: rgba(199, 247, 241, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 15%, transparent);
    }
}
.focus\:border-primary-100\/15:focus {
    border-color: rgba(199, 247, 241, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/15 {
    border-color: rgba(199, 247, 241, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 15%, transparent);
    }
}
.border-primary-100\/20 {
    border-color: rgba(199, 247, 241, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
}
.hover\:border-primary-100\/20:hover {
    border-color: rgba(199, 247, 241, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
}
.focus\:border-primary-100\/20:focus {
    border-color: rgba(199, 247, 241, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/20 {
    border-color: rgba(199, 247, 241, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
}
.border-primary-100\/25 {
    border-color: rgba(199, 247, 241, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
}
.hover\:border-primary-100\/25:hover {
    border-color: rgba(199, 247, 241, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
}
.focus\:border-primary-100\/25:focus {
    border-color: rgba(199, 247, 241, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/25 {
    border-color: rgba(199, 247, 241, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
}
.border-primary-100\/30 {
    border-color: rgba(199, 247, 241, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
}
.hover\:border-primary-100\/30:hover {
    border-color: rgba(199, 247, 241, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
}
.focus\:border-primary-100\/30:focus {
    border-color: rgba(199, 247, 241, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/30 {
    border-color: rgba(199, 247, 241, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
}
.border-primary-100\/35 {
    border-color: rgba(199, 247, 241, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 35%, transparent);
    }
}
.hover\:border-primary-100\/35:hover {
    border-color: rgba(199, 247, 241, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 35%, transparent);
    }
}
.focus\:border-primary-100\/35:focus {
    border-color: rgba(199, 247, 241, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/35 {
    border-color: rgba(199, 247, 241, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 35%, transparent);
    }
}
.border-primary-100\/40 {
    border-color: rgba(199, 247, 241, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
}
.hover\:border-primary-100\/40:hover {
    border-color: rgba(199, 247, 241, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
}
.focus\:border-primary-100\/40:focus {
    border-color: rgba(199, 247, 241, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/40 {
    border-color: rgba(199, 247, 241, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
}
.border-primary-100\/45 {
    border-color: rgba(199, 247, 241, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 45%, transparent);
    }
}
.hover\:border-primary-100\/45:hover {
    border-color: rgba(199, 247, 241, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 45%, transparent);
    }
}
.focus\:border-primary-100\/45:focus {
    border-color: rgba(199, 247, 241, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/45 {
    border-color: rgba(199, 247, 241, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 45%, transparent);
    }
}
.border-primary-100\/50 {
    border-color: rgba(199, 247, 241, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
}
.hover\:border-primary-100\/50:hover {
    border-color: rgba(199, 247, 241, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
}
.focus\:border-primary-100\/50:focus {
    border-color: rgba(199, 247, 241, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/50 {
    border-color: rgba(199, 247, 241, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
}
.border-primary-100\/55 {
    border-color: rgba(199, 247, 241, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 55%, transparent);
    }
}
.hover\:border-primary-100\/55:hover {
    border-color: rgba(199, 247, 241, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 55%, transparent);
    }
}
.focus\:border-primary-100\/55:focus {
    border-color: rgba(199, 247, 241, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/55 {
    border-color: rgba(199, 247, 241, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 55%, transparent);
    }
}
.border-primary-100\/60 {
    border-color: rgba(199, 247, 241, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
}
.hover\:border-primary-100\/60:hover {
    border-color: rgba(199, 247, 241, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
}
.focus\:border-primary-100\/60:focus {
    border-color: rgba(199, 247, 241, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/60 {
    border-color: rgba(199, 247, 241, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
}
.border-primary-100\/65 {
    border-color: rgba(199, 247, 241, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 65%, transparent);
    }
}
.hover\:border-primary-100\/65:hover {
    border-color: rgba(199, 247, 241, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 65%, transparent);
    }
}
.focus\:border-primary-100\/65:focus {
    border-color: rgba(199, 247, 241, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/65 {
    border-color: rgba(199, 247, 241, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 65%, transparent);
    }
}
.border-primary-100\/70 {
    border-color: rgba(199, 247, 241, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
}
.hover\:border-primary-100\/70:hover {
    border-color: rgba(199, 247, 241, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
}
.focus\:border-primary-100\/70:focus {
    border-color: rgba(199, 247, 241, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/70 {
    border-color: rgba(199, 247, 241, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
}
.border-primary-100\/75 {
    border-color: rgba(199, 247, 241, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
}
.hover\:border-primary-100\/75:hover {
    border-color: rgba(199, 247, 241, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
}
.focus\:border-primary-100\/75:focus {
    border-color: rgba(199, 247, 241, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/75 {
    border-color: rgba(199, 247, 241, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
}
.border-primary-100\/80 {
    border-color: rgba(199, 247, 241, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
}
.hover\:border-primary-100\/80:hover {
    border-color: rgba(199, 247, 241, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
}
.focus\:border-primary-100\/80:focus {
    border-color: rgba(199, 247, 241, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/80 {
    border-color: rgba(199, 247, 241, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
}
.border-primary-100\/85 {
    border-color: rgba(199, 247, 241, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 85%, transparent);
    }
}
.hover\:border-primary-100\/85:hover {
    border-color: rgba(199, 247, 241, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 85%, transparent);
    }
}
.focus\:border-primary-100\/85:focus {
    border-color: rgba(199, 247, 241, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/85 {
    border-color: rgba(199, 247, 241, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 85%, transparent);
    }
}
.border-primary-100\/90 {
    border-color: rgba(199, 247, 241, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
}
.hover\:border-primary-100\/90:hover {
    border-color: rgba(199, 247, 241, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
}
.focus\:border-primary-100\/90:focus {
    border-color: rgba(199, 247, 241, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/90 {
    border-color: rgba(199, 247, 241, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
}
.border-primary-100\/95 {
    border-color: rgba(199, 247, 241, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 95%, transparent);
    }
}
.hover\:border-primary-100\/95:hover {
    border-color: rgba(199, 247, 241, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 95%, transparent);
    }
}
.focus\:border-primary-100\/95:focus {
    border-color: rgba(199, 247, 241, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/95 {
    border-color: rgba(199, 247, 241, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c7f7f1 95%, transparent);
    }
}
.border-primary-200\/5 {
    border-color: rgba(147, 242, 231, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 5%, transparent);
    }
}
.hover\:border-primary-200\/5:hover {
    border-color: rgba(147, 242, 231, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 5%, transparent);
    }
}
.focus\:border-primary-200\/5:focus {
    border-color: rgba(147, 242, 231, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/5 {
    border-color: rgba(147, 242, 231, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 5%, transparent);
    }
}
.border-primary-200\/10 {
    border-color: rgba(147, 242, 231, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 10%, transparent);
    }
}
.hover\:border-primary-200\/10:hover {
    border-color: rgba(147, 242, 231, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 10%, transparent);
    }
}
.focus\:border-primary-200\/10:focus {
    border-color: rgba(147, 242, 231, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/10 {
    border-color: rgba(147, 242, 231, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 10%, transparent);
    }
}
.border-primary-200\/15 {
    border-color: rgba(147, 242, 231, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 15%, transparent);
    }
}
.hover\:border-primary-200\/15:hover {
    border-color: rgba(147, 242, 231, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 15%, transparent);
    }
}
.focus\:border-primary-200\/15:focus {
    border-color: rgba(147, 242, 231, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/15 {
    border-color: rgba(147, 242, 231, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 15%, transparent);
    }
}
.border-primary-200\/20 {
    border-color: rgba(147, 242, 231, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
}
.hover\:border-primary-200\/20:hover {
    border-color: rgba(147, 242, 231, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
}
.focus\:border-primary-200\/20:focus {
    border-color: rgba(147, 242, 231, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/20 {
    border-color: rgba(147, 242, 231, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
}
.border-primary-200\/25 {
    border-color: rgba(147, 242, 231, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
}
.hover\:border-primary-200\/25:hover {
    border-color: rgba(147, 242, 231, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
}
.focus\:border-primary-200\/25:focus {
    border-color: rgba(147, 242, 231, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/25 {
    border-color: rgba(147, 242, 231, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
}
.border-primary-200\/30 {
    border-color: rgba(147, 242, 231, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
}
.hover\:border-primary-200\/30:hover {
    border-color: rgba(147, 242, 231, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
}
.focus\:border-primary-200\/30:focus {
    border-color: rgba(147, 242, 231, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/30 {
    border-color: rgba(147, 242, 231, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
}
.border-primary-200\/35 {
    border-color: rgba(147, 242, 231, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 35%, transparent);
    }
}
.hover\:border-primary-200\/35:hover {
    border-color: rgba(147, 242, 231, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 35%, transparent);
    }
}
.focus\:border-primary-200\/35:focus {
    border-color: rgba(147, 242, 231, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/35 {
    border-color: rgba(147, 242, 231, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 35%, transparent);
    }
}
.border-primary-200\/40 {
    border-color: rgba(147, 242, 231, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
}
.hover\:border-primary-200\/40:hover {
    border-color: rgba(147, 242, 231, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
}
.focus\:border-primary-200\/40:focus {
    border-color: rgba(147, 242, 231, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/40 {
    border-color: rgba(147, 242, 231, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
}
.border-primary-200\/45 {
    border-color: rgba(147, 242, 231, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 45%, transparent);
    }
}
.hover\:border-primary-200\/45:hover {
    border-color: rgba(147, 242, 231, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 45%, transparent);
    }
}
.focus\:border-primary-200\/45:focus {
    border-color: rgba(147, 242, 231, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/45 {
    border-color: rgba(147, 242, 231, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 45%, transparent);
    }
}
.border-primary-200\/50 {
    border-color: rgba(147, 242, 231, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
}
.hover\:border-primary-200\/50:hover {
    border-color: rgba(147, 242, 231, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
}
.focus\:border-primary-200\/50:focus {
    border-color: rgba(147, 242, 231, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/50 {
    border-color: rgba(147, 242, 231, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
}
.border-primary-200\/55 {
    border-color: rgba(147, 242, 231, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 55%, transparent);
    }
}
.hover\:border-primary-200\/55:hover {
    border-color: rgba(147, 242, 231, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 55%, transparent);
    }
}
.focus\:border-primary-200\/55:focus {
    border-color: rgba(147, 242, 231, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/55 {
    border-color: rgba(147, 242, 231, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 55%, transparent);
    }
}
.border-primary-200\/60 {
    border-color: rgba(147, 242, 231, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
}
.hover\:border-primary-200\/60:hover {
    border-color: rgba(147, 242, 231, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
}
.focus\:border-primary-200\/60:focus {
    border-color: rgba(147, 242, 231, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/60 {
    border-color: rgba(147, 242, 231, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
}
.border-primary-200\/65 {
    border-color: rgba(147, 242, 231, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 65%, transparent);
    }
}
.hover\:border-primary-200\/65:hover {
    border-color: rgba(147, 242, 231, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 65%, transparent);
    }
}
.focus\:border-primary-200\/65:focus {
    border-color: rgba(147, 242, 231, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/65 {
    border-color: rgba(147, 242, 231, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 65%, transparent);
    }
}
.border-primary-200\/70 {
    border-color: rgba(147, 242, 231, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
}
.hover\:border-primary-200\/70:hover {
    border-color: rgba(147, 242, 231, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
}
.focus\:border-primary-200\/70:focus {
    border-color: rgba(147, 242, 231, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/70 {
    border-color: rgba(147, 242, 231, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
}
.border-primary-200\/75 {
    border-color: rgba(147, 242, 231, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
}
.hover\:border-primary-200\/75:hover {
    border-color: rgba(147, 242, 231, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
}
.focus\:border-primary-200\/75:focus {
    border-color: rgba(147, 242, 231, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/75 {
    border-color: rgba(147, 242, 231, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
}
.border-primary-200\/80 {
    border-color: rgba(147, 242, 231, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
}
.hover\:border-primary-200\/80:hover {
    border-color: rgba(147, 242, 231, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
}
.focus\:border-primary-200\/80:focus {
    border-color: rgba(147, 242, 231, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/80 {
    border-color: rgba(147, 242, 231, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
}
.border-primary-200\/85 {
    border-color: rgba(147, 242, 231, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 85%, transparent);
    }
}
.hover\:border-primary-200\/85:hover {
    border-color: rgba(147, 242, 231, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 85%, transparent);
    }
}
.focus\:border-primary-200\/85:focus {
    border-color: rgba(147, 242, 231, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/85 {
    border-color: rgba(147, 242, 231, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 85%, transparent);
    }
}
.border-primary-200\/90 {
    border-color: rgba(147, 242, 231, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
}
.hover\:border-primary-200\/90:hover {
    border-color: rgba(147, 242, 231, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
}
.focus\:border-primary-200\/90:focus {
    border-color: rgba(147, 242, 231, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/90 {
    border-color: rgba(147, 242, 231, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
}
.border-primary-200\/95 {
    border-color: rgba(147, 242, 231, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 95%, transparent);
    }
}
.hover\:border-primary-200\/95:hover {
    border-color: rgba(147, 242, 231, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 95%, transparent);
    }
}
.focus\:border-primary-200\/95:focus {
    border-color: rgba(147, 242, 231, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/95 {
    border-color: rgba(147, 242, 231, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #93f2e7 95%, transparent);
    }
}
.border-primary-300\/5 {
    border-color: rgba(89, 239, 222, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 5%, transparent);
    }
}
.hover\:border-primary-300\/5:hover {
    border-color: rgba(89, 239, 222, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 5%, transparent);
    }
}
.focus\:border-primary-300\/5:focus {
    border-color: rgba(89, 239, 222, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/5 {
    border-color: rgba(89, 239, 222, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 5%, transparent);
    }
}
.border-primary-300\/10 {
    border-color: rgba(89, 239, 222, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 10%, transparent);
    }
}
.hover\:border-primary-300\/10:hover {
    border-color: rgba(89, 239, 222, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 10%, transparent);
    }
}
.focus\:border-primary-300\/10:focus {
    border-color: rgba(89, 239, 222, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/10 {
    border-color: rgba(89, 239, 222, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 10%, transparent);
    }
}
.border-primary-300\/15 {
    border-color: rgba(89, 239, 222, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 15%, transparent);
    }
}
.hover\:border-primary-300\/15:hover {
    border-color: rgba(89, 239, 222, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 15%, transparent);
    }
}
.focus\:border-primary-300\/15:focus {
    border-color: rgba(89, 239, 222, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/15 {
    border-color: rgba(89, 239, 222, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 15%, transparent);
    }
}
.border-primary-300\/20 {
    border-color: rgba(89, 239, 222, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 20%, transparent);
    }
}
.hover\:border-primary-300\/20:hover {
    border-color: rgba(89, 239, 222, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 20%, transparent);
    }
}
.focus\:border-primary-300\/20:focus {
    border-color: rgba(89, 239, 222, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/20 {
    border-color: rgba(89, 239, 222, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 20%, transparent);
    }
}
.border-primary-300\/25 {
    border-color: rgba(89, 239, 222, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 25%, transparent);
    }
}
.hover\:border-primary-300\/25:hover {
    border-color: rgba(89, 239, 222, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 25%, transparent);
    }
}
.focus\:border-primary-300\/25:focus {
    border-color: rgba(89, 239, 222, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/25 {
    border-color: rgba(89, 239, 222, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 25%, transparent);
    }
}
.border-primary-300\/30 {
    border-color: rgba(89, 239, 222, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 30%, transparent);
    }
}
.hover\:border-primary-300\/30:hover {
    border-color: rgba(89, 239, 222, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 30%, transparent);
    }
}
.focus\:border-primary-300\/30:focus {
    border-color: rgba(89, 239, 222, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/30 {
    border-color: rgba(89, 239, 222, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 30%, transparent);
    }
}
.border-primary-300\/35 {
    border-color: rgba(89, 239, 222, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 35%, transparent);
    }
}
.hover\:border-primary-300\/35:hover {
    border-color: rgba(89, 239, 222, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 35%, transparent);
    }
}
.focus\:border-primary-300\/35:focus {
    border-color: rgba(89, 239, 222, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/35 {
    border-color: rgba(89, 239, 222, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 35%, transparent);
    }
}
.border-primary-300\/40 {
    border-color: rgba(89, 239, 222, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 40%, transparent);
    }
}
.hover\:border-primary-300\/40:hover {
    border-color: rgba(89, 239, 222, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 40%, transparent);
    }
}
.focus\:border-primary-300\/40:focus {
    border-color: rgba(89, 239, 222, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/40 {
    border-color: rgba(89, 239, 222, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 40%, transparent);
    }
}
.border-primary-300\/45 {
    border-color: rgba(89, 239, 222, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 45%, transparent);
    }
}
.hover\:border-primary-300\/45:hover {
    border-color: rgba(89, 239, 222, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 45%, transparent);
    }
}
.focus\:border-primary-300\/45:focus {
    border-color: rgba(89, 239, 222, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/45 {
    border-color: rgba(89, 239, 222, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 45%, transparent);
    }
}
.border-primary-300\/50 {
    border-color: rgba(89, 239, 222, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 50%, transparent);
    }
}
.hover\:border-primary-300\/50:hover {
    border-color: rgba(89, 239, 222, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 50%, transparent);
    }
}
.focus\:border-primary-300\/50:focus {
    border-color: rgba(89, 239, 222, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/50 {
    border-color: rgba(89, 239, 222, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 50%, transparent);
    }
}
.border-primary-300\/55 {
    border-color: rgba(89, 239, 222, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 55%, transparent);
    }
}
.hover\:border-primary-300\/55:hover {
    border-color: rgba(89, 239, 222, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 55%, transparent);
    }
}
.focus\:border-primary-300\/55:focus {
    border-color: rgba(89, 239, 222, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/55 {
    border-color: rgba(89, 239, 222, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 55%, transparent);
    }
}
.border-primary-300\/60 {
    border-color: rgba(89, 239, 222, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 60%, transparent);
    }
}
.hover\:border-primary-300\/60:hover {
    border-color: rgba(89, 239, 222, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 60%, transparent);
    }
}
.focus\:border-primary-300\/60:focus {
    border-color: rgba(89, 239, 222, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/60 {
    border-color: rgba(89, 239, 222, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 60%, transparent);
    }
}
.border-primary-300\/65 {
    border-color: rgba(89, 239, 222, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 65%, transparent);
    }
}
.hover\:border-primary-300\/65:hover {
    border-color: rgba(89, 239, 222, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 65%, transparent);
    }
}
.focus\:border-primary-300\/65:focus {
    border-color: rgba(89, 239, 222, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/65 {
    border-color: rgba(89, 239, 222, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 65%, transparent);
    }
}
.border-primary-300\/70 {
    border-color: rgba(89, 239, 222, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 70%, transparent);
    }
}
.hover\:border-primary-300\/70:hover {
    border-color: rgba(89, 239, 222, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 70%, transparent);
    }
}
.focus\:border-primary-300\/70:focus {
    border-color: rgba(89, 239, 222, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/70 {
    border-color: rgba(89, 239, 222, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 70%, transparent);
    }
}
.border-primary-300\/75 {
    border-color: rgba(89, 239, 222, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 75%, transparent);
    }
}
.hover\:border-primary-300\/75:hover {
    border-color: rgba(89, 239, 222, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 75%, transparent);
    }
}
.focus\:border-primary-300\/75:focus {
    border-color: rgba(89, 239, 222, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/75 {
    border-color: rgba(89, 239, 222, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 75%, transparent);
    }
}
.border-primary-300\/80 {
    border-color: rgba(89, 239, 222, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 80%, transparent);
    }
}
.hover\:border-primary-300\/80:hover {
    border-color: rgba(89, 239, 222, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 80%, transparent);
    }
}
.focus\:border-primary-300\/80:focus {
    border-color: rgba(89, 239, 222, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/80 {
    border-color: rgba(89, 239, 222, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 80%, transparent);
    }
}
.border-primary-300\/85 {
    border-color: rgba(89, 239, 222, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 85%, transparent);
    }
}
.hover\:border-primary-300\/85:hover {
    border-color: rgba(89, 239, 222, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 85%, transparent);
    }
}
.focus\:border-primary-300\/85:focus {
    border-color: rgba(89, 239, 222, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/85 {
    border-color: rgba(89, 239, 222, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 85%, transparent);
    }
}
.border-primary-300\/90 {
    border-color: rgba(89, 239, 222, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 90%, transparent);
    }
}
.hover\:border-primary-300\/90:hover {
    border-color: rgba(89, 239, 222, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 90%, transparent);
    }
}
.focus\:border-primary-300\/90:focus {
    border-color: rgba(89, 239, 222, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/90 {
    border-color: rgba(89, 239, 222, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 90%, transparent);
    }
}
.border-primary-300\/95 {
    border-color: rgba(89, 239, 222, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 95%, transparent);
    }
}
.hover\:border-primary-300\/95:hover {
    border-color: rgba(89, 239, 222, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 95%, transparent);
    }
}
.focus\:border-primary-300\/95:focus {
    border-color: rgba(89, 239, 222, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/95 {
    border-color: rgba(89, 239, 222, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #59efde 95%, transparent);
    }
}
.border-primary-400\/5 {
    border-color: rgba(22, 239, 215, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 5%, transparent);
    }
}
.hover\:border-primary-400\/5:hover {
    border-color: rgba(22, 239, 215, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 5%, transparent);
    }
}
.focus\:border-primary-400\/5:focus {
    border-color: rgba(22, 239, 215, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/5 {
    border-color: rgba(22, 239, 215, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 5%, transparent);
    }
}
.border-primary-400\/10 {
    border-color: rgba(22, 239, 215, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 10%, transparent);
    }
}
.hover\:border-primary-400\/10:hover {
    border-color: rgba(22, 239, 215, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 10%, transparent);
    }
}
.focus\:border-primary-400\/10:focus {
    border-color: rgba(22, 239, 215, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/10 {
    border-color: rgba(22, 239, 215, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 10%, transparent);
    }
}
.border-primary-400\/15 {
    border-color: rgba(22, 239, 215, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 15%, transparent);
    }
}
.hover\:border-primary-400\/15:hover {
    border-color: rgba(22, 239, 215, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 15%, transparent);
    }
}
.focus\:border-primary-400\/15:focus {
    border-color: rgba(22, 239, 215, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/15 {
    border-color: rgba(22, 239, 215, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 15%, transparent);
    }
}
.border-primary-400\/20 {
    border-color: rgba(22, 239, 215, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
}
.hover\:border-primary-400\/20:hover {
    border-color: rgba(22, 239, 215, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
}
.focus\:border-primary-400\/20:focus {
    border-color: rgba(22, 239, 215, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/20 {
    border-color: rgba(22, 239, 215, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
}
.border-primary-400\/25 {
    border-color: rgba(22, 239, 215, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
}
.hover\:border-primary-400\/25:hover {
    border-color: rgba(22, 239, 215, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
}
.focus\:border-primary-400\/25:focus {
    border-color: rgba(22, 239, 215, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/25 {
    border-color: rgba(22, 239, 215, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
}
.border-primary-400\/30 {
    border-color: rgba(22, 239, 215, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
}
.hover\:border-primary-400\/30:hover {
    border-color: rgba(22, 239, 215, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
}
.focus\:border-primary-400\/30:focus {
    border-color: rgba(22, 239, 215, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/30 {
    border-color: rgba(22, 239, 215, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
}
.border-primary-400\/35 {
    border-color: rgba(22, 239, 215, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 35%, transparent);
    }
}
.hover\:border-primary-400\/35:hover {
    border-color: rgba(22, 239, 215, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 35%, transparent);
    }
}
.focus\:border-primary-400\/35:focus {
    border-color: rgba(22, 239, 215, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/35 {
    border-color: rgba(22, 239, 215, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 35%, transparent);
    }
}
.border-primary-400\/40 {
    border-color: rgba(22, 239, 215, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
}
.hover\:border-primary-400\/40:hover {
    border-color: rgba(22, 239, 215, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
}
.focus\:border-primary-400\/40:focus {
    border-color: rgba(22, 239, 215, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/40 {
    border-color: rgba(22, 239, 215, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
}
.border-primary-400\/45 {
    border-color: rgba(22, 239, 215, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 45%, transparent);
    }
}
.hover\:border-primary-400\/45:hover {
    border-color: rgba(22, 239, 215, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 45%, transparent);
    }
}
.focus\:border-primary-400\/45:focus {
    border-color: rgba(22, 239, 215, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/45 {
    border-color: rgba(22, 239, 215, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 45%, transparent);
    }
}
.border-primary-400\/50 {
    border-color: rgba(22, 239, 215, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
}
.hover\:border-primary-400\/50:hover {
    border-color: rgba(22, 239, 215, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
}
.focus\:border-primary-400\/50:focus {
    border-color: rgba(22, 239, 215, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/50 {
    border-color: rgba(22, 239, 215, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
}
.border-primary-400\/55 {
    border-color: rgba(22, 239, 215, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 55%, transparent);
    }
}
.hover\:border-primary-400\/55:hover {
    border-color: rgba(22, 239, 215, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 55%, transparent);
    }
}
.focus\:border-primary-400\/55:focus {
    border-color: rgba(22, 239, 215, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/55 {
    border-color: rgba(22, 239, 215, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 55%, transparent);
    }
}
.border-primary-400\/60 {
    border-color: rgba(22, 239, 215, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
}
.hover\:border-primary-400\/60:hover {
    border-color: rgba(22, 239, 215, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
}
.focus\:border-primary-400\/60:focus {
    border-color: rgba(22, 239, 215, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/60 {
    border-color: rgba(22, 239, 215, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
}
.border-primary-400\/65 {
    border-color: rgba(22, 239, 215, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 65%, transparent);
    }
}
.hover\:border-primary-400\/65:hover {
    border-color: rgba(22, 239, 215, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 65%, transparent);
    }
}
.focus\:border-primary-400\/65:focus {
    border-color: rgba(22, 239, 215, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/65 {
    border-color: rgba(22, 239, 215, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 65%, transparent);
    }
}
.border-primary-400\/70 {
    border-color: rgba(22, 239, 215, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
}
.hover\:border-primary-400\/70:hover {
    border-color: rgba(22, 239, 215, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
}
.focus\:border-primary-400\/70:focus {
    border-color: rgba(22, 239, 215, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/70 {
    border-color: rgba(22, 239, 215, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
}
.border-primary-400\/75 {
    border-color: rgba(22, 239, 215, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
}
.hover\:border-primary-400\/75:hover {
    border-color: rgba(22, 239, 215, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
}
.focus\:border-primary-400\/75:focus {
    border-color: rgba(22, 239, 215, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/75 {
    border-color: rgba(22, 239, 215, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
}
.border-primary-400\/80 {
    border-color: rgba(22, 239, 215, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
}
.hover\:border-primary-400\/80:hover {
    border-color: rgba(22, 239, 215, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
}
.focus\:border-primary-400\/80:focus {
    border-color: rgba(22, 239, 215, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/80 {
    border-color: rgba(22, 239, 215, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
}
.border-primary-400\/85 {
    border-color: rgba(22, 239, 215, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 85%, transparent);
    }
}
.hover\:border-primary-400\/85:hover {
    border-color: rgba(22, 239, 215, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 85%, transparent);
    }
}
.focus\:border-primary-400\/85:focus {
    border-color: rgba(22, 239, 215, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/85 {
    border-color: rgba(22, 239, 215, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 85%, transparent);
    }
}
.border-primary-400\/90 {
    border-color: rgba(22, 239, 215, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
}
.hover\:border-primary-400\/90:hover {
    border-color: rgba(22, 239, 215, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
}
.focus\:border-primary-400\/90:focus {
    border-color: rgba(22, 239, 215, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/90 {
    border-color: rgba(22, 239, 215, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
}
.border-primary-400\/95 {
    border-color: rgba(22, 239, 215, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 95%, transparent);
    }
}
.hover\:border-primary-400\/95:hover {
    border-color: rgba(22, 239, 215, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 95%, transparent);
    }
}
.focus\:border-primary-400\/95:focus {
    border-color: rgba(22, 239, 215, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/95 {
    border-color: rgba(22, 239, 215, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #16efd7 95%, transparent);
    }
}
.border-primary-500\/5 {
    border-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.hover\:border-primary-500\/5:hover {
    border-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.focus\:border-primary-500\/5:focus {
    border-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/5 {
    border-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.border-primary-500\/10 {
    border-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.hover\:border-primary-500\/10:hover {
    border-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.focus\:border-primary-500\/10:focus {
    border-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/10 {
    border-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.border-primary-500\/15 {
    border-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.hover\:border-primary-500\/15:hover {
    border-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.focus\:border-primary-500\/15:focus {
    border-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/15 {
    border-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.border-primary-500\/20 {
    border-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.hover\:border-primary-500\/20:hover {
    border-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.focus\:border-primary-500\/20:focus {
    border-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/20 {
    border-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.border-primary-500\/25 {
    border-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.hover\:border-primary-500\/25:hover {
    border-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.focus\:border-primary-500\/25:focus {
    border-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/25 {
    border-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.border-primary-500\/30 {
    border-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.hover\:border-primary-500\/30:hover {
    border-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.focus\:border-primary-500\/30:focus {
    border-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/30 {
    border-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.border-primary-500\/35 {
    border-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.hover\:border-primary-500\/35:hover {
    border-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.focus\:border-primary-500\/35:focus {
    border-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/35 {
    border-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.border-primary-500\/40 {
    border-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.hover\:border-primary-500\/40:hover {
    border-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.focus\:border-primary-500\/40:focus {
    border-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/40 {
    border-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.border-primary-500\/45 {
    border-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.hover\:border-primary-500\/45:hover {
    border-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.focus\:border-primary-500\/45:focus {
    border-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/45 {
    border-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.border-primary-500\/50 {
    border-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.hover\:border-primary-500\/50:hover {
    border-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.focus\:border-primary-500\/50:focus {
    border-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/50 {
    border-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.border-primary-500\/55 {
    border-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.hover\:border-primary-500\/55:hover {
    border-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.focus\:border-primary-500\/55:focus {
    border-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/55 {
    border-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.border-primary-500\/60 {
    border-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.hover\:border-primary-500\/60:hover {
    border-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.focus\:border-primary-500\/60:focus {
    border-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/60 {
    border-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.border-primary-500\/65 {
    border-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.hover\:border-primary-500\/65:hover {
    border-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.focus\:border-primary-500\/65:focus {
    border-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/65 {
    border-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.border-primary-500\/70 {
    border-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.hover\:border-primary-500\/70:hover {
    border-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.focus\:border-primary-500\/70:focus {
    border-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/70 {
    border-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.border-primary-500\/75 {
    border-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.hover\:border-primary-500\/75:hover {
    border-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.focus\:border-primary-500\/75:focus {
    border-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/75 {
    border-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.border-primary-500\/80 {
    border-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.hover\:border-primary-500\/80:hover {
    border-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.focus\:border-primary-500\/80:focus {
    border-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/80 {
    border-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.border-primary-500\/85 {
    border-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.hover\:border-primary-500\/85:hover {
    border-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.focus\:border-primary-500\/85:focus {
    border-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/85 {
    border-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.border-primary-500\/90 {
    border-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.hover\:border-primary-500\/90:hover {
    border-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.focus\:border-primary-500\/90:focus {
    border-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/90 {
    border-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.border-primary-500\/95 {
    border-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.hover\:border-primary-500\/95:hover {
    border-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.focus\:border-primary-500\/95:focus {
    border-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/95 {
    border-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.border-primary-600\/5 {
    border-color: rgba(7, 145, 129, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 5%, transparent);
    }
}
.hover\:border-primary-600\/5:hover {
    border-color: rgba(7, 145, 129, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 5%, transparent);
    }
}
.focus\:border-primary-600\/5:focus {
    border-color: rgba(7, 145, 129, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/5 {
    border-color: rgba(7, 145, 129, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 5%, transparent);
    }
}
.border-primary-600\/10 {
    border-color: rgba(7, 145, 129, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 10%, transparent);
    }
}
.hover\:border-primary-600\/10:hover {
    border-color: rgba(7, 145, 129, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 10%, transparent);
    }
}
.focus\:border-primary-600\/10:focus {
    border-color: rgba(7, 145, 129, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/10 {
    border-color: rgba(7, 145, 129, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 10%, transparent);
    }
}
.border-primary-600\/15 {
    border-color: rgba(7, 145, 129, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 15%, transparent);
    }
}
.hover\:border-primary-600\/15:hover {
    border-color: rgba(7, 145, 129, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 15%, transparent);
    }
}
.focus\:border-primary-600\/15:focus {
    border-color: rgba(7, 145, 129, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/15 {
    border-color: rgba(7, 145, 129, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 15%, transparent);
    }
}
.border-primary-600\/20 {
    border-color: rgba(7, 145, 129, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 20%, transparent);
    }
}
.hover\:border-primary-600\/20:hover {
    border-color: rgba(7, 145, 129, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 20%, transparent);
    }
}
.focus\:border-primary-600\/20:focus {
    border-color: rgba(7, 145, 129, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/20 {
    border-color: rgba(7, 145, 129, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 20%, transparent);
    }
}
.border-primary-600\/25 {
    border-color: rgba(7, 145, 129, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 25%, transparent);
    }
}
.hover\:border-primary-600\/25:hover {
    border-color: rgba(7, 145, 129, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 25%, transparent);
    }
}
.focus\:border-primary-600\/25:focus {
    border-color: rgba(7, 145, 129, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/25 {
    border-color: rgba(7, 145, 129, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 25%, transparent);
    }
}
.border-primary-600\/30 {
    border-color: rgba(7, 145, 129, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 30%, transparent);
    }
}
.hover\:border-primary-600\/30:hover {
    border-color: rgba(7, 145, 129, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 30%, transparent);
    }
}
.focus\:border-primary-600\/30:focus {
    border-color: rgba(7, 145, 129, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/30 {
    border-color: rgba(7, 145, 129, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 30%, transparent);
    }
}
.border-primary-600\/35 {
    border-color: rgba(7, 145, 129, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 35%, transparent);
    }
}
.hover\:border-primary-600\/35:hover {
    border-color: rgba(7, 145, 129, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 35%, transparent);
    }
}
.focus\:border-primary-600\/35:focus {
    border-color: rgba(7, 145, 129, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/35 {
    border-color: rgba(7, 145, 129, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 35%, transparent);
    }
}
.border-primary-600\/40 {
    border-color: rgba(7, 145, 129, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 40%, transparent);
    }
}
.hover\:border-primary-600\/40:hover {
    border-color: rgba(7, 145, 129, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 40%, transparent);
    }
}
.focus\:border-primary-600\/40:focus {
    border-color: rgba(7, 145, 129, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/40 {
    border-color: rgba(7, 145, 129, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 40%, transparent);
    }
}
.border-primary-600\/45 {
    border-color: rgba(7, 145, 129, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 45%, transparent);
    }
}
.hover\:border-primary-600\/45:hover {
    border-color: rgba(7, 145, 129, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 45%, transparent);
    }
}
.focus\:border-primary-600\/45:focus {
    border-color: rgba(7, 145, 129, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/45 {
    border-color: rgba(7, 145, 129, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 45%, transparent);
    }
}
.border-primary-600\/50 {
    border-color: rgba(7, 145, 129, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 50%, transparent);
    }
}
.hover\:border-primary-600\/50:hover {
    border-color: rgba(7, 145, 129, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 50%, transparent);
    }
}
.focus\:border-primary-600\/50:focus {
    border-color: rgba(7, 145, 129, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/50 {
    border-color: rgba(7, 145, 129, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 50%, transparent);
    }
}
.border-primary-600\/55 {
    border-color: rgba(7, 145, 129, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 55%, transparent);
    }
}
.hover\:border-primary-600\/55:hover {
    border-color: rgba(7, 145, 129, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 55%, transparent);
    }
}
.focus\:border-primary-600\/55:focus {
    border-color: rgba(7, 145, 129, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/55 {
    border-color: rgba(7, 145, 129, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 55%, transparent);
    }
}
.border-primary-600\/60 {
    border-color: rgba(7, 145, 129, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 60%, transparent);
    }
}
.hover\:border-primary-600\/60:hover {
    border-color: rgba(7, 145, 129, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 60%, transparent);
    }
}
.focus\:border-primary-600\/60:focus {
    border-color: rgba(7, 145, 129, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/60 {
    border-color: rgba(7, 145, 129, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 60%, transparent);
    }
}
.border-primary-600\/65 {
    border-color: rgba(7, 145, 129, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 65%, transparent);
    }
}
.hover\:border-primary-600\/65:hover {
    border-color: rgba(7, 145, 129, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 65%, transparent);
    }
}
.focus\:border-primary-600\/65:focus {
    border-color: rgba(7, 145, 129, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/65 {
    border-color: rgba(7, 145, 129, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 65%, transparent);
    }
}
.border-primary-600\/70 {
    border-color: rgba(7, 145, 129, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 70%, transparent);
    }
}
.hover\:border-primary-600\/70:hover {
    border-color: rgba(7, 145, 129, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 70%, transparent);
    }
}
.focus\:border-primary-600\/70:focus {
    border-color: rgba(7, 145, 129, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/70 {
    border-color: rgba(7, 145, 129, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 70%, transparent);
    }
}
.border-primary-600\/75 {
    border-color: rgba(7, 145, 129, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 75%, transparent);
    }
}
.hover\:border-primary-600\/75:hover {
    border-color: rgba(7, 145, 129, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 75%, transparent);
    }
}
.focus\:border-primary-600\/75:focus {
    border-color: rgba(7, 145, 129, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/75 {
    border-color: rgba(7, 145, 129, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 75%, transparent);
    }
}
.border-primary-600\/80 {
    border-color: rgba(7, 145, 129, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 80%, transparent);
    }
}
.hover\:border-primary-600\/80:hover {
    border-color: rgba(7, 145, 129, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 80%, transparent);
    }
}
.focus\:border-primary-600\/80:focus {
    border-color: rgba(7, 145, 129, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/80 {
    border-color: rgba(7, 145, 129, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 80%, transparent);
    }
}
.border-primary-600\/85 {
    border-color: rgba(7, 145, 129, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 85%, transparent);
    }
}
.hover\:border-primary-600\/85:hover {
    border-color: rgba(7, 145, 129, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 85%, transparent);
    }
}
.focus\:border-primary-600\/85:focus {
    border-color: rgba(7, 145, 129, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/85 {
    border-color: rgba(7, 145, 129, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 85%, transparent);
    }
}
.border-primary-600\/90 {
    border-color: rgba(7, 145, 129, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 90%, transparent);
    }
}
.hover\:border-primary-600\/90:hover {
    border-color: rgba(7, 145, 129, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 90%, transparent);
    }
}
.focus\:border-primary-600\/90:focus {
    border-color: rgba(7, 145, 129, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/90 {
    border-color: rgba(7, 145, 129, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 90%, transparent);
    }
}
.border-primary-600\/95 {
    border-color: rgba(7, 145, 129, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 95%, transparent);
    }
}
.hover\:border-primary-600\/95:hover {
    border-color: rgba(7, 145, 129, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 95%, transparent);
    }
}
.focus\:border-primary-600\/95:focus {
    border-color: rgba(7, 145, 129, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/95 {
    border-color: rgba(7, 145, 129, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #079181 95%, transparent);
    }
}
.border-primary-700\/5 {
    border-color: rgba(6, 119, 106, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 5%, transparent);
    }
}
.hover\:border-primary-700\/5:hover {
    border-color: rgba(6, 119, 106, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 5%, transparent);
    }
}
.focus\:border-primary-700\/5:focus {
    border-color: rgba(6, 119, 106, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/5 {
    border-color: rgba(6, 119, 106, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 5%, transparent);
    }
}
.border-primary-700\/10 {
    border-color: rgba(6, 119, 106, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 10%, transparent);
    }
}
.hover\:border-primary-700\/10:hover {
    border-color: rgba(6, 119, 106, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 10%, transparent);
    }
}
.focus\:border-primary-700\/10:focus {
    border-color: rgba(6, 119, 106, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/10 {
    border-color: rgba(6, 119, 106, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 10%, transparent);
    }
}
.border-primary-700\/15 {
    border-color: rgba(6, 119, 106, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 15%, transparent);
    }
}
.hover\:border-primary-700\/15:hover {
    border-color: rgba(6, 119, 106, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 15%, transparent);
    }
}
.focus\:border-primary-700\/15:focus {
    border-color: rgba(6, 119, 106, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/15 {
    border-color: rgba(6, 119, 106, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 15%, transparent);
    }
}
.border-primary-700\/20 {
    border-color: rgba(6, 119, 106, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 20%, transparent);
    }
}
.hover\:border-primary-700\/20:hover {
    border-color: rgba(6, 119, 106, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 20%, transparent);
    }
}
.focus\:border-primary-700\/20:focus {
    border-color: rgba(6, 119, 106, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/20 {
    border-color: rgba(6, 119, 106, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 20%, transparent);
    }
}
.border-primary-700\/25 {
    border-color: rgba(6, 119, 106, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 25%, transparent);
    }
}
.hover\:border-primary-700\/25:hover {
    border-color: rgba(6, 119, 106, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 25%, transparent);
    }
}
.focus\:border-primary-700\/25:focus {
    border-color: rgba(6, 119, 106, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/25 {
    border-color: rgba(6, 119, 106, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 25%, transparent);
    }
}
.border-primary-700\/30 {
    border-color: rgba(6, 119, 106, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 30%, transparent);
    }
}
.hover\:border-primary-700\/30:hover {
    border-color: rgba(6, 119, 106, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 30%, transparent);
    }
}
.focus\:border-primary-700\/30:focus {
    border-color: rgba(6, 119, 106, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/30 {
    border-color: rgba(6, 119, 106, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 30%, transparent);
    }
}
.border-primary-700\/35 {
    border-color: rgba(6, 119, 106, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 35%, transparent);
    }
}
.hover\:border-primary-700\/35:hover {
    border-color: rgba(6, 119, 106, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 35%, transparent);
    }
}
.focus\:border-primary-700\/35:focus {
    border-color: rgba(6, 119, 106, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/35 {
    border-color: rgba(6, 119, 106, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 35%, transparent);
    }
}
.border-primary-700\/40 {
    border-color: rgba(6, 119, 106, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 40%, transparent);
    }
}
.hover\:border-primary-700\/40:hover {
    border-color: rgba(6, 119, 106, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 40%, transparent);
    }
}
.focus\:border-primary-700\/40:focus {
    border-color: rgba(6, 119, 106, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/40 {
    border-color: rgba(6, 119, 106, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 40%, transparent);
    }
}
.border-primary-700\/45 {
    border-color: rgba(6, 119, 106, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 45%, transparent);
    }
}
.hover\:border-primary-700\/45:hover {
    border-color: rgba(6, 119, 106, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 45%, transparent);
    }
}
.focus\:border-primary-700\/45:focus {
    border-color: rgba(6, 119, 106, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/45 {
    border-color: rgba(6, 119, 106, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 45%, transparent);
    }
}
.border-primary-700\/50 {
    border-color: rgba(6, 119, 106, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 50%, transparent);
    }
}
.hover\:border-primary-700\/50:hover {
    border-color: rgba(6, 119, 106, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 50%, transparent);
    }
}
.focus\:border-primary-700\/50:focus {
    border-color: rgba(6, 119, 106, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/50 {
    border-color: rgba(6, 119, 106, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 50%, transparent);
    }
}
.border-primary-700\/55 {
    border-color: rgba(6, 119, 106, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 55%, transparent);
    }
}
.hover\:border-primary-700\/55:hover {
    border-color: rgba(6, 119, 106, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 55%, transparent);
    }
}
.focus\:border-primary-700\/55:focus {
    border-color: rgba(6, 119, 106, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/55 {
    border-color: rgba(6, 119, 106, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 55%, transparent);
    }
}
.border-primary-700\/60 {
    border-color: rgba(6, 119, 106, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 60%, transparent);
    }
}
.hover\:border-primary-700\/60:hover {
    border-color: rgba(6, 119, 106, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 60%, transparent);
    }
}
.focus\:border-primary-700\/60:focus {
    border-color: rgba(6, 119, 106, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/60 {
    border-color: rgba(6, 119, 106, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 60%, transparent);
    }
}
.border-primary-700\/65 {
    border-color: rgba(6, 119, 106, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 65%, transparent);
    }
}
.hover\:border-primary-700\/65:hover {
    border-color: rgba(6, 119, 106, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 65%, transparent);
    }
}
.focus\:border-primary-700\/65:focus {
    border-color: rgba(6, 119, 106, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/65 {
    border-color: rgba(6, 119, 106, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 65%, transparent);
    }
}
.border-primary-700\/70 {
    border-color: rgba(6, 119, 106, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 70%, transparent);
    }
}
.hover\:border-primary-700\/70:hover {
    border-color: rgba(6, 119, 106, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 70%, transparent);
    }
}
.focus\:border-primary-700\/70:focus {
    border-color: rgba(6, 119, 106, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/70 {
    border-color: rgba(6, 119, 106, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 70%, transparent);
    }
}
.border-primary-700\/75 {
    border-color: rgba(6, 119, 106, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 75%, transparent);
    }
}
.hover\:border-primary-700\/75:hover {
    border-color: rgba(6, 119, 106, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 75%, transparent);
    }
}
.focus\:border-primary-700\/75:focus {
    border-color: rgba(6, 119, 106, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/75 {
    border-color: rgba(6, 119, 106, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 75%, transparent);
    }
}
.border-primary-700\/80 {
    border-color: rgba(6, 119, 106, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 80%, transparent);
    }
}
.hover\:border-primary-700\/80:hover {
    border-color: rgba(6, 119, 106, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 80%, transparent);
    }
}
.focus\:border-primary-700\/80:focus {
    border-color: rgba(6, 119, 106, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/80 {
    border-color: rgba(6, 119, 106, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 80%, transparent);
    }
}
.border-primary-700\/85 {
    border-color: rgba(6, 119, 106, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 85%, transparent);
    }
}
.hover\:border-primary-700\/85:hover {
    border-color: rgba(6, 119, 106, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 85%, transparent);
    }
}
.focus\:border-primary-700\/85:focus {
    border-color: rgba(6, 119, 106, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/85 {
    border-color: rgba(6, 119, 106, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 85%, transparent);
    }
}
.border-primary-700\/90 {
    border-color: rgba(6, 119, 106, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 90%, transparent);
    }
}
.hover\:border-primary-700\/90:hover {
    border-color: rgba(6, 119, 106, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 90%, transparent);
    }
}
.focus\:border-primary-700\/90:focus {
    border-color: rgba(6, 119, 106, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/90 {
    border-color: rgba(6, 119, 106, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 90%, transparent);
    }
}
.border-primary-700\/95 {
    border-color: rgba(6, 119, 106, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 95%, transparent);
    }
}
.hover\:border-primary-700\/95:hover {
    border-color: rgba(6, 119, 106, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 95%, transparent);
    }
}
.focus\:border-primary-700\/95:focus {
    border-color: rgba(6, 119, 106, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/95 {
    border-color: rgba(6, 119, 106, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #06776a 95%, transparent);
    }
}
.border-primary-800\/5 {
    border-color: rgba(1, 93, 83, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 5%, transparent);
    }
}
.hover\:border-primary-800\/5:hover {
    border-color: rgba(1, 93, 83, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 5%, transparent);
    }
}
.focus\:border-primary-800\/5:focus {
    border-color: rgba(1, 93, 83, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/5 {
    border-color: rgba(1, 93, 83, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 5%, transparent);
    }
}
.border-primary-800\/10 {
    border-color: rgba(1, 93, 83, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 10%, transparent);
    }
}
.hover\:border-primary-800\/10:hover {
    border-color: rgba(1, 93, 83, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 10%, transparent);
    }
}
.focus\:border-primary-800\/10:focus {
    border-color: rgba(1, 93, 83, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/10 {
    border-color: rgba(1, 93, 83, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 10%, transparent);
    }
}
.border-primary-800\/15 {
    border-color: rgba(1, 93, 83, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 15%, transparent);
    }
}
.hover\:border-primary-800\/15:hover {
    border-color: rgba(1, 93, 83, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 15%, transparent);
    }
}
.focus\:border-primary-800\/15:focus {
    border-color: rgba(1, 93, 83, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/15 {
    border-color: rgba(1, 93, 83, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 15%, transparent);
    }
}
.border-primary-800\/20 {
    border-color: rgba(1, 93, 83, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 20%, transparent);
    }
}
.hover\:border-primary-800\/20:hover {
    border-color: rgba(1, 93, 83, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 20%, transparent);
    }
}
.focus\:border-primary-800\/20:focus {
    border-color: rgba(1, 93, 83, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/20 {
    border-color: rgba(1, 93, 83, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 20%, transparent);
    }
}
.border-primary-800\/25 {
    border-color: rgba(1, 93, 83, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 25%, transparent);
    }
}
.hover\:border-primary-800\/25:hover {
    border-color: rgba(1, 93, 83, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 25%, transparent);
    }
}
.focus\:border-primary-800\/25:focus {
    border-color: rgba(1, 93, 83, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/25 {
    border-color: rgba(1, 93, 83, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 25%, transparent);
    }
}
.border-primary-800\/30 {
    border-color: rgba(1, 93, 83, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 30%, transparent);
    }
}
.hover\:border-primary-800\/30:hover {
    border-color: rgba(1, 93, 83, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 30%, transparent);
    }
}
.focus\:border-primary-800\/30:focus {
    border-color: rgba(1, 93, 83, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/30 {
    border-color: rgba(1, 93, 83, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 30%, transparent);
    }
}
.border-primary-800\/35 {
    border-color: rgba(1, 93, 83, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 35%, transparent);
    }
}
.hover\:border-primary-800\/35:hover {
    border-color: rgba(1, 93, 83, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 35%, transparent);
    }
}
.focus\:border-primary-800\/35:focus {
    border-color: rgba(1, 93, 83, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/35 {
    border-color: rgba(1, 93, 83, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 35%, transparent);
    }
}
.border-primary-800\/40 {
    border-color: rgba(1, 93, 83, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 40%, transparent);
    }
}
.hover\:border-primary-800\/40:hover {
    border-color: rgba(1, 93, 83, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 40%, transparent);
    }
}
.focus\:border-primary-800\/40:focus {
    border-color: rgba(1, 93, 83, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/40 {
    border-color: rgba(1, 93, 83, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 40%, transparent);
    }
}
.border-primary-800\/45 {
    border-color: rgba(1, 93, 83, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 45%, transparent);
    }
}
.hover\:border-primary-800\/45:hover {
    border-color: rgba(1, 93, 83, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 45%, transparent);
    }
}
.focus\:border-primary-800\/45:focus {
    border-color: rgba(1, 93, 83, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/45 {
    border-color: rgba(1, 93, 83, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 45%, transparent);
    }
}
.border-primary-800\/50 {
    border-color: rgba(1, 93, 83, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 50%, transparent);
    }
}
.hover\:border-primary-800\/50:hover {
    border-color: rgba(1, 93, 83, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 50%, transparent);
    }
}
.focus\:border-primary-800\/50:focus {
    border-color: rgba(1, 93, 83, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/50 {
    border-color: rgba(1, 93, 83, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 50%, transparent);
    }
}
.border-primary-800\/55 {
    border-color: rgba(1, 93, 83, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 55%, transparent);
    }
}
.hover\:border-primary-800\/55:hover {
    border-color: rgba(1, 93, 83, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 55%, transparent);
    }
}
.focus\:border-primary-800\/55:focus {
    border-color: rgba(1, 93, 83, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/55 {
    border-color: rgba(1, 93, 83, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 55%, transparent);
    }
}
.border-primary-800\/60 {
    border-color: rgba(1, 93, 83, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 60%, transparent);
    }
}
.hover\:border-primary-800\/60:hover {
    border-color: rgba(1, 93, 83, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 60%, transparent);
    }
}
.focus\:border-primary-800\/60:focus {
    border-color: rgba(1, 93, 83, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/60 {
    border-color: rgba(1, 93, 83, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 60%, transparent);
    }
}
.border-primary-800\/65 {
    border-color: rgba(1, 93, 83, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 65%, transparent);
    }
}
.hover\:border-primary-800\/65:hover {
    border-color: rgba(1, 93, 83, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 65%, transparent);
    }
}
.focus\:border-primary-800\/65:focus {
    border-color: rgba(1, 93, 83, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/65 {
    border-color: rgba(1, 93, 83, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 65%, transparent);
    }
}
.border-primary-800\/70 {
    border-color: rgba(1, 93, 83, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 70%, transparent);
    }
}
.hover\:border-primary-800\/70:hover {
    border-color: rgba(1, 93, 83, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 70%, transparent);
    }
}
.focus\:border-primary-800\/70:focus {
    border-color: rgba(1, 93, 83, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/70 {
    border-color: rgba(1, 93, 83, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 70%, transparent);
    }
}
.border-primary-800\/75 {
    border-color: rgba(1, 93, 83, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 75%, transparent);
    }
}
.hover\:border-primary-800\/75:hover {
    border-color: rgba(1, 93, 83, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 75%, transparent);
    }
}
.focus\:border-primary-800\/75:focus {
    border-color: rgba(1, 93, 83, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/75 {
    border-color: rgba(1, 93, 83, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 75%, transparent);
    }
}
.border-primary-800\/80 {
    border-color: rgba(1, 93, 83, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 80%, transparent);
    }
}
.hover\:border-primary-800\/80:hover {
    border-color: rgba(1, 93, 83, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 80%, transparent);
    }
}
.focus\:border-primary-800\/80:focus {
    border-color: rgba(1, 93, 83, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/80 {
    border-color: rgba(1, 93, 83, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 80%, transparent);
    }
}
.border-primary-800\/85 {
    border-color: rgba(1, 93, 83, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 85%, transparent);
    }
}
.hover\:border-primary-800\/85:hover {
    border-color: rgba(1, 93, 83, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 85%, transparent);
    }
}
.focus\:border-primary-800\/85:focus {
    border-color: rgba(1, 93, 83, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/85 {
    border-color: rgba(1, 93, 83, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 85%, transparent);
    }
}
.border-primary-800\/90 {
    border-color: rgba(1, 93, 83, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 90%, transparent);
    }
}
.hover\:border-primary-800\/90:hover {
    border-color: rgba(1, 93, 83, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 90%, transparent);
    }
}
.focus\:border-primary-800\/90:focus {
    border-color: rgba(1, 93, 83, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/90 {
    border-color: rgba(1, 93, 83, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 90%, transparent);
    }
}
.border-primary-800\/95 {
    border-color: rgba(1, 93, 83, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 95%, transparent);
    }
}
.hover\:border-primary-800\/95:hover {
    border-color: rgba(1, 93, 83, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 95%, transparent);
    }
}
.focus\:border-primary-800\/95:focus {
    border-color: rgba(1, 93, 83, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/95 {
    border-color: rgba(1, 93, 83, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #015d53 95%, transparent);
    }
}
.border-primary-900\/5 {
    border-color: rgba(1, 58, 52, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 5%, transparent);
    }
}
.hover\:border-primary-900\/5:hover {
    border-color: rgba(1, 58, 52, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 5%, transparent);
    }
}
.focus\:border-primary-900\/5:focus {
    border-color: rgba(1, 58, 52, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/5 {
    border-color: rgba(1, 58, 52, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 5%, transparent);
    }
}
.border-primary-900\/10 {
    border-color: rgba(1, 58, 52, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 10%, transparent);
    }
}
.hover\:border-primary-900\/10:hover {
    border-color: rgba(1, 58, 52, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 10%, transparent);
    }
}
.focus\:border-primary-900\/10:focus {
    border-color: rgba(1, 58, 52, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/10 {
    border-color: rgba(1, 58, 52, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 10%, transparent);
    }
}
.border-primary-900\/15 {
    border-color: rgba(1, 58, 52, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 15%, transparent);
    }
}
.hover\:border-primary-900\/15:hover {
    border-color: rgba(1, 58, 52, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 15%, transparent);
    }
}
.focus\:border-primary-900\/15:focus {
    border-color: rgba(1, 58, 52, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/15 {
    border-color: rgba(1, 58, 52, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 15%, transparent);
    }
}
.border-primary-900\/20 {
    border-color: rgba(1, 58, 52, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 20%, transparent);
    }
}
.hover\:border-primary-900\/20:hover {
    border-color: rgba(1, 58, 52, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 20%, transparent);
    }
}
.focus\:border-primary-900\/20:focus {
    border-color: rgba(1, 58, 52, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/20 {
    border-color: rgba(1, 58, 52, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 20%, transparent);
    }
}
.border-primary-900\/25 {
    border-color: rgba(1, 58, 52, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 25%, transparent);
    }
}
.hover\:border-primary-900\/25:hover {
    border-color: rgba(1, 58, 52, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 25%, transparent);
    }
}
.focus\:border-primary-900\/25:focus {
    border-color: rgba(1, 58, 52, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/25 {
    border-color: rgba(1, 58, 52, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 25%, transparent);
    }
}
.border-primary-900\/30 {
    border-color: rgba(1, 58, 52, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 30%, transparent);
    }
}
.hover\:border-primary-900\/30:hover {
    border-color: rgba(1, 58, 52, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 30%, transparent);
    }
}
.focus\:border-primary-900\/30:focus {
    border-color: rgba(1, 58, 52, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/30 {
    border-color: rgba(1, 58, 52, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 30%, transparent);
    }
}
.border-primary-900\/35 {
    border-color: rgba(1, 58, 52, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 35%, transparent);
    }
}
.hover\:border-primary-900\/35:hover {
    border-color: rgba(1, 58, 52, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 35%, transparent);
    }
}
.focus\:border-primary-900\/35:focus {
    border-color: rgba(1, 58, 52, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/35 {
    border-color: rgba(1, 58, 52, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 35%, transparent);
    }
}
.border-primary-900\/40 {
    border-color: rgba(1, 58, 52, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 40%, transparent);
    }
}
.hover\:border-primary-900\/40:hover {
    border-color: rgba(1, 58, 52, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 40%, transparent);
    }
}
.focus\:border-primary-900\/40:focus {
    border-color: rgba(1, 58, 52, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/40 {
    border-color: rgba(1, 58, 52, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 40%, transparent);
    }
}
.border-primary-900\/45 {
    border-color: rgba(1, 58, 52, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 45%, transparent);
    }
}
.hover\:border-primary-900\/45:hover {
    border-color: rgba(1, 58, 52, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 45%, transparent);
    }
}
.focus\:border-primary-900\/45:focus {
    border-color: rgba(1, 58, 52, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/45 {
    border-color: rgba(1, 58, 52, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 45%, transparent);
    }
}
.border-primary-900\/50 {
    border-color: rgba(1, 58, 52, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 50%, transparent);
    }
}
.hover\:border-primary-900\/50:hover {
    border-color: rgba(1, 58, 52, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 50%, transparent);
    }
}
.focus\:border-primary-900\/50:focus {
    border-color: rgba(1, 58, 52, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/50 {
    border-color: rgba(1, 58, 52, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 50%, transparent);
    }
}
.border-primary-900\/55 {
    border-color: rgba(1, 58, 52, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 55%, transparent);
    }
}
.hover\:border-primary-900\/55:hover {
    border-color: rgba(1, 58, 52, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 55%, transparent);
    }
}
.focus\:border-primary-900\/55:focus {
    border-color: rgba(1, 58, 52, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/55 {
    border-color: rgba(1, 58, 52, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 55%, transparent);
    }
}
.border-primary-900\/60 {
    border-color: rgba(1, 58, 52, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 60%, transparent);
    }
}
.hover\:border-primary-900\/60:hover {
    border-color: rgba(1, 58, 52, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 60%, transparent);
    }
}
.focus\:border-primary-900\/60:focus {
    border-color: rgba(1, 58, 52, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/60 {
    border-color: rgba(1, 58, 52, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 60%, transparent);
    }
}
.border-primary-900\/65 {
    border-color: rgba(1, 58, 52, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 65%, transparent);
    }
}
.hover\:border-primary-900\/65:hover {
    border-color: rgba(1, 58, 52, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 65%, transparent);
    }
}
.focus\:border-primary-900\/65:focus {
    border-color: rgba(1, 58, 52, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/65 {
    border-color: rgba(1, 58, 52, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 65%, transparent);
    }
}
.border-primary-900\/70 {
    border-color: rgba(1, 58, 52, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 70%, transparent);
    }
}
.hover\:border-primary-900\/70:hover {
    border-color: rgba(1, 58, 52, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 70%, transparent);
    }
}
.focus\:border-primary-900\/70:focus {
    border-color: rgba(1, 58, 52, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/70 {
    border-color: rgba(1, 58, 52, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 70%, transparent);
    }
}
.border-primary-900\/75 {
    border-color: rgba(1, 58, 52, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 75%, transparent);
    }
}
.hover\:border-primary-900\/75:hover {
    border-color: rgba(1, 58, 52, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 75%, transparent);
    }
}
.focus\:border-primary-900\/75:focus {
    border-color: rgba(1, 58, 52, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/75 {
    border-color: rgba(1, 58, 52, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 75%, transparent);
    }
}
.border-primary-900\/80 {
    border-color: rgba(1, 58, 52, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 80%, transparent);
    }
}
.hover\:border-primary-900\/80:hover {
    border-color: rgba(1, 58, 52, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 80%, transparent);
    }
}
.focus\:border-primary-900\/80:focus {
    border-color: rgba(1, 58, 52, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/80 {
    border-color: rgba(1, 58, 52, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 80%, transparent);
    }
}
.border-primary-900\/85 {
    border-color: rgba(1, 58, 52, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 85%, transparent);
    }
}
.hover\:border-primary-900\/85:hover {
    border-color: rgba(1, 58, 52, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 85%, transparent);
    }
}
.focus\:border-primary-900\/85:focus {
    border-color: rgba(1, 58, 52, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/85 {
    border-color: rgba(1, 58, 52, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 85%, transparent);
    }
}
.border-primary-900\/90 {
    border-color: rgba(1, 58, 52, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 90%, transparent);
    }
}
.hover\:border-primary-900\/90:hover {
    border-color: rgba(1, 58, 52, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 90%, transparent);
    }
}
.focus\:border-primary-900\/90:focus {
    border-color: rgba(1, 58, 52, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/90 {
    border-color: rgba(1, 58, 52, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 90%, transparent);
    }
}
.border-primary-900\/95 {
    border-color: rgba(1, 58, 52, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 95%, transparent);
    }
}
.hover\:border-primary-900\/95:hover {
    border-color: rgba(1, 58, 52, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 95%, transparent);
    }
}
.focus\:border-primary-900\/95:focus {
    border-color: rgba(1, 58, 52, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/95 {
    border-color: rgba(1, 58, 52, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #013a34 95%, transparent);
    }
}
.ring-primary-50\/5 {
    --ring-color: rgba(227, 246, 244, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 5%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 5%, transparent);
    }
}
.hover\:ring-primary-50\/5:hover {
    --ring-color: rgba(227, 246, 244, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 5%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 5%, transparent);
    }
}
.focus\:ring-primary-50\/5:focus {
    --ring-color: rgba(227, 246, 244, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 5%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/5 {
    --ring-color: rgba(227, 246, 244, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 5%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 5%, transparent);
    }
}
.ring-primary-50\/10 {
    --ring-color: rgba(227, 246, 244, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 10%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 10%, transparent);
    }
}
.hover\:ring-primary-50\/10:hover {
    --ring-color: rgba(227, 246, 244, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 10%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 10%, transparent);
    }
}
.focus\:ring-primary-50\/10:focus {
    --ring-color: rgba(227, 246, 244, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 10%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/10 {
    --ring-color: rgba(227, 246, 244, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 10%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 10%, transparent);
    }
}
.ring-primary-50\/15 {
    --ring-color: rgba(227, 246, 244, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 15%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 15%, transparent);
    }
}
.hover\:ring-primary-50\/15:hover {
    --ring-color: rgba(227, 246, 244, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 15%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 15%, transparent);
    }
}
.focus\:ring-primary-50\/15:focus {
    --ring-color: rgba(227, 246, 244, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 15%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/15 {
    --ring-color: rgba(227, 246, 244, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 15%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 15%, transparent);
    }
}
.ring-primary-50\/20 {
    --ring-color: rgba(227, 246, 244, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
}
.hover\:ring-primary-50\/20:hover {
    --ring-color: rgba(227, 246, 244, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
}
.focus\:ring-primary-50\/20:focus {
    --ring-color: rgba(227, 246, 244, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/20 {
    --ring-color: rgba(227, 246, 244, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
}
.ring-primary-50\/25 {
    --ring-color: rgba(227, 246, 244, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
}
.hover\:ring-primary-50\/25:hover {
    --ring-color: rgba(227, 246, 244, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
}
.focus\:ring-primary-50\/25:focus {
    --ring-color: rgba(227, 246, 244, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/25 {
    --ring-color: rgba(227, 246, 244, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
}
.ring-primary-50\/30 {
    --ring-color: rgba(227, 246, 244, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
}
.hover\:ring-primary-50\/30:hover {
    --ring-color: rgba(227, 246, 244, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
}
.focus\:ring-primary-50\/30:focus {
    --ring-color: rgba(227, 246, 244, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/30 {
    --ring-color: rgba(227, 246, 244, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
}
.ring-primary-50\/35 {
    --ring-color: rgba(227, 246, 244, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 35%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 35%, transparent);
    }
}
.hover\:ring-primary-50\/35:hover {
    --ring-color: rgba(227, 246, 244, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 35%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 35%, transparent);
    }
}
.focus\:ring-primary-50\/35:focus {
    --ring-color: rgba(227, 246, 244, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 35%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/35 {
    --ring-color: rgba(227, 246, 244, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 35%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 35%, transparent);
    }
}
.ring-primary-50\/40 {
    --ring-color: rgba(227, 246, 244, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
}
.hover\:ring-primary-50\/40:hover {
    --ring-color: rgba(227, 246, 244, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
}
.focus\:ring-primary-50\/40:focus {
    --ring-color: rgba(227, 246, 244, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/40 {
    --ring-color: rgba(227, 246, 244, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
}
.ring-primary-50\/45 {
    --ring-color: rgba(227, 246, 244, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 45%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 45%, transparent);
    }
}
.hover\:ring-primary-50\/45:hover {
    --ring-color: rgba(227, 246, 244, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 45%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 45%, transparent);
    }
}
.focus\:ring-primary-50\/45:focus {
    --ring-color: rgba(227, 246, 244, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 45%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/45 {
    --ring-color: rgba(227, 246, 244, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 45%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 45%, transparent);
    }
}
.ring-primary-50\/50 {
    --ring-color: rgba(227, 246, 244, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
}
.hover\:ring-primary-50\/50:hover {
    --ring-color: rgba(227, 246, 244, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
}
.focus\:ring-primary-50\/50:focus {
    --ring-color: rgba(227, 246, 244, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/50 {
    --ring-color: rgba(227, 246, 244, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
}
.ring-primary-50\/55 {
    --ring-color: rgba(227, 246, 244, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 55%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 55%, transparent);
    }
}
.hover\:ring-primary-50\/55:hover {
    --ring-color: rgba(227, 246, 244, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 55%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 55%, transparent);
    }
}
.focus\:ring-primary-50\/55:focus {
    --ring-color: rgba(227, 246, 244, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 55%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/55 {
    --ring-color: rgba(227, 246, 244, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 55%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 55%, transparent);
    }
}
.ring-primary-50\/60 {
    --ring-color: rgba(227, 246, 244, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
}
.hover\:ring-primary-50\/60:hover {
    --ring-color: rgba(227, 246, 244, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
}
.focus\:ring-primary-50\/60:focus {
    --ring-color: rgba(227, 246, 244, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/60 {
    --ring-color: rgba(227, 246, 244, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
}
.ring-primary-50\/65 {
    --ring-color: rgba(227, 246, 244, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 65%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 65%, transparent);
    }
}
.hover\:ring-primary-50\/65:hover {
    --ring-color: rgba(227, 246, 244, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 65%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 65%, transparent);
    }
}
.focus\:ring-primary-50\/65:focus {
    --ring-color: rgba(227, 246, 244, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 65%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/65 {
    --ring-color: rgba(227, 246, 244, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 65%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 65%, transparent);
    }
}
.ring-primary-50\/70 {
    --ring-color: rgba(227, 246, 244, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
}
.hover\:ring-primary-50\/70:hover {
    --ring-color: rgba(227, 246, 244, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
}
.focus\:ring-primary-50\/70:focus {
    --ring-color: rgba(227, 246, 244, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/70 {
    --ring-color: rgba(227, 246, 244, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
}
.ring-primary-50\/75 {
    --ring-color: rgba(227, 246, 244, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
}
.hover\:ring-primary-50\/75:hover {
    --ring-color: rgba(227, 246, 244, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
}
.focus\:ring-primary-50\/75:focus {
    --ring-color: rgba(227, 246, 244, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/75 {
    --ring-color: rgba(227, 246, 244, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
}
.ring-primary-50\/80 {
    --ring-color: rgba(227, 246, 244, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
}
.hover\:ring-primary-50\/80:hover {
    --ring-color: rgba(227, 246, 244, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
}
.focus\:ring-primary-50\/80:focus {
    --ring-color: rgba(227, 246, 244, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/80 {
    --ring-color: rgba(227, 246, 244, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
}
.ring-primary-50\/85 {
    --ring-color: rgba(227, 246, 244, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 85%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 85%, transparent);
    }
}
.hover\:ring-primary-50\/85:hover {
    --ring-color: rgba(227, 246, 244, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 85%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 85%, transparent);
    }
}
.focus\:ring-primary-50\/85:focus {
    --ring-color: rgba(227, 246, 244, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 85%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/85 {
    --ring-color: rgba(227, 246, 244, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 85%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 85%, transparent);
    }
}
.ring-primary-50\/90 {
    --ring-color: rgba(227, 246, 244, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
}
.hover\:ring-primary-50\/90:hover {
    --ring-color: rgba(227, 246, 244, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
}
.focus\:ring-primary-50\/90:focus {
    --ring-color: rgba(227, 246, 244, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/90 {
    --ring-color: rgba(227, 246, 244, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
}
.ring-primary-50\/95 {
    --ring-color: rgba(227, 246, 244, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 95%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 95%, transparent);
    }
}
.hover\:ring-primary-50\/95:hover {
    --ring-color: rgba(227, 246, 244, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 95%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 95%, transparent);
    }
}
.focus\:ring-primary-50\/95:focus {
    --ring-color: rgba(227, 246, 244, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 95%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/95 {
    --ring-color: rgba(227, 246, 244, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f4 95%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 244, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f4 95%, transparent);
    }
}
.ring-primary-100\/5 {
    --ring-color: rgba(199, 247, 241, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 5%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 5%, transparent);
    }
}
.hover\:ring-primary-100\/5:hover {
    --ring-color: rgba(199, 247, 241, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 5%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 5%, transparent);
    }
}
.focus\:ring-primary-100\/5:focus {
    --ring-color: rgba(199, 247, 241, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 5%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/5 {
    --ring-color: rgba(199, 247, 241, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 5%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 5%, transparent);
    }
}
.ring-primary-100\/10 {
    --ring-color: rgba(199, 247, 241, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 10%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 10%, transparent);
    }
}
.hover\:ring-primary-100\/10:hover {
    --ring-color: rgba(199, 247, 241, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 10%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 10%, transparent);
    }
}
.focus\:ring-primary-100\/10:focus {
    --ring-color: rgba(199, 247, 241, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 10%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/10 {
    --ring-color: rgba(199, 247, 241, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 10%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 10%, transparent);
    }
}
.ring-primary-100\/15 {
    --ring-color: rgba(199, 247, 241, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 15%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 15%, transparent);
    }
}
.hover\:ring-primary-100\/15:hover {
    --ring-color: rgba(199, 247, 241, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 15%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 15%, transparent);
    }
}
.focus\:ring-primary-100\/15:focus {
    --ring-color: rgba(199, 247, 241, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 15%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/15 {
    --ring-color: rgba(199, 247, 241, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 15%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 15%, transparent);
    }
}
.ring-primary-100\/20 {
    --ring-color: rgba(199, 247, 241, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
}
.hover\:ring-primary-100\/20:hover {
    --ring-color: rgba(199, 247, 241, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
}
.focus\:ring-primary-100\/20:focus {
    --ring-color: rgba(199, 247, 241, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/20 {
    --ring-color: rgba(199, 247, 241, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
}
.ring-primary-100\/25 {
    --ring-color: rgba(199, 247, 241, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
}
.hover\:ring-primary-100\/25:hover {
    --ring-color: rgba(199, 247, 241, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
}
.focus\:ring-primary-100\/25:focus {
    --ring-color: rgba(199, 247, 241, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/25 {
    --ring-color: rgba(199, 247, 241, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
}
.ring-primary-100\/30 {
    --ring-color: rgba(199, 247, 241, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
}
.hover\:ring-primary-100\/30:hover {
    --ring-color: rgba(199, 247, 241, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
}
.focus\:ring-primary-100\/30:focus {
    --ring-color: rgba(199, 247, 241, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/30 {
    --ring-color: rgba(199, 247, 241, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
}
.ring-primary-100\/35 {
    --ring-color: rgba(199, 247, 241, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 35%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 35%, transparent);
    }
}
.hover\:ring-primary-100\/35:hover {
    --ring-color: rgba(199, 247, 241, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 35%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 35%, transparent);
    }
}
.focus\:ring-primary-100\/35:focus {
    --ring-color: rgba(199, 247, 241, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 35%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/35 {
    --ring-color: rgba(199, 247, 241, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 35%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 35%, transparent);
    }
}
.ring-primary-100\/40 {
    --ring-color: rgba(199, 247, 241, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
}
.hover\:ring-primary-100\/40:hover {
    --ring-color: rgba(199, 247, 241, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
}
.focus\:ring-primary-100\/40:focus {
    --ring-color: rgba(199, 247, 241, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/40 {
    --ring-color: rgba(199, 247, 241, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
}
.ring-primary-100\/45 {
    --ring-color: rgba(199, 247, 241, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 45%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 45%, transparent);
    }
}
.hover\:ring-primary-100\/45:hover {
    --ring-color: rgba(199, 247, 241, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 45%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 45%, transparent);
    }
}
.focus\:ring-primary-100\/45:focus {
    --ring-color: rgba(199, 247, 241, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 45%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/45 {
    --ring-color: rgba(199, 247, 241, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 45%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 45%, transparent);
    }
}
.ring-primary-100\/50 {
    --ring-color: rgba(199, 247, 241, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
}
.hover\:ring-primary-100\/50:hover {
    --ring-color: rgba(199, 247, 241, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
}
.focus\:ring-primary-100\/50:focus {
    --ring-color: rgba(199, 247, 241, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/50 {
    --ring-color: rgba(199, 247, 241, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
}
.ring-primary-100\/55 {
    --ring-color: rgba(199, 247, 241, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 55%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 55%, transparent);
    }
}
.hover\:ring-primary-100\/55:hover {
    --ring-color: rgba(199, 247, 241, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 55%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 55%, transparent);
    }
}
.focus\:ring-primary-100\/55:focus {
    --ring-color: rgba(199, 247, 241, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 55%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/55 {
    --ring-color: rgba(199, 247, 241, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 55%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 55%, transparent);
    }
}
.ring-primary-100\/60 {
    --ring-color: rgba(199, 247, 241, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
}
.hover\:ring-primary-100\/60:hover {
    --ring-color: rgba(199, 247, 241, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
}
.focus\:ring-primary-100\/60:focus {
    --ring-color: rgba(199, 247, 241, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/60 {
    --ring-color: rgba(199, 247, 241, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
}
.ring-primary-100\/65 {
    --ring-color: rgba(199, 247, 241, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 65%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 65%, transparent);
    }
}
.hover\:ring-primary-100\/65:hover {
    --ring-color: rgba(199, 247, 241, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 65%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 65%, transparent);
    }
}
.focus\:ring-primary-100\/65:focus {
    --ring-color: rgba(199, 247, 241, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 65%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/65 {
    --ring-color: rgba(199, 247, 241, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 65%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 65%, transparent);
    }
}
.ring-primary-100\/70 {
    --ring-color: rgba(199, 247, 241, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
}
.hover\:ring-primary-100\/70:hover {
    --ring-color: rgba(199, 247, 241, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
}
.focus\:ring-primary-100\/70:focus {
    --ring-color: rgba(199, 247, 241, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/70 {
    --ring-color: rgba(199, 247, 241, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
}
.ring-primary-100\/75 {
    --ring-color: rgba(199, 247, 241, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
}
.hover\:ring-primary-100\/75:hover {
    --ring-color: rgba(199, 247, 241, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
}
.focus\:ring-primary-100\/75:focus {
    --ring-color: rgba(199, 247, 241, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/75 {
    --ring-color: rgba(199, 247, 241, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
}
.ring-primary-100\/80 {
    --ring-color: rgba(199, 247, 241, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
}
.hover\:ring-primary-100\/80:hover {
    --ring-color: rgba(199, 247, 241, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
}
.focus\:ring-primary-100\/80:focus {
    --ring-color: rgba(199, 247, 241, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/80 {
    --ring-color: rgba(199, 247, 241, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
}
.ring-primary-100\/85 {
    --ring-color: rgba(199, 247, 241, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 85%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 85%, transparent);
    }
}
.hover\:ring-primary-100\/85:hover {
    --ring-color: rgba(199, 247, 241, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 85%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 85%, transparent);
    }
}
.focus\:ring-primary-100\/85:focus {
    --ring-color: rgba(199, 247, 241, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 85%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/85 {
    --ring-color: rgba(199, 247, 241, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 85%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 85%, transparent);
    }
}
.ring-primary-100\/90 {
    --ring-color: rgba(199, 247, 241, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
}
.hover\:ring-primary-100\/90:hover {
    --ring-color: rgba(199, 247, 241, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
}
.focus\:ring-primary-100\/90:focus {
    --ring-color: rgba(199, 247, 241, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/90 {
    --ring-color: rgba(199, 247, 241, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
}
.ring-primary-100\/95 {
    --ring-color: rgba(199, 247, 241, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 95%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 95%, transparent);
    }
}
.hover\:ring-primary-100\/95:hover {
    --ring-color: rgba(199, 247, 241, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 95%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 95%, transparent);
    }
}
.focus\:ring-primary-100\/95:focus {
    --ring-color: rgba(199, 247, 241, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 95%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/95 {
    --ring-color: rgba(199, 247, 241, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c7f7f1 95%, transparent);
    }
    --tw-ring-color: rgba(199, 247, 241, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c7f7f1 95%, transparent);
    }
}
.ring-primary-200\/5 {
    --ring-color: rgba(147, 242, 231, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 5%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 5%, transparent);
    }
}
.hover\:ring-primary-200\/5:hover {
    --ring-color: rgba(147, 242, 231, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 5%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 5%, transparent);
    }
}
.focus\:ring-primary-200\/5:focus {
    --ring-color: rgba(147, 242, 231, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 5%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/5 {
    --ring-color: rgba(147, 242, 231, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 5%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 5%, transparent);
    }
}
.ring-primary-200\/10 {
    --ring-color: rgba(147, 242, 231, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 10%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 10%, transparent);
    }
}
.hover\:ring-primary-200\/10:hover {
    --ring-color: rgba(147, 242, 231, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 10%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 10%, transparent);
    }
}
.focus\:ring-primary-200\/10:focus {
    --ring-color: rgba(147, 242, 231, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 10%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/10 {
    --ring-color: rgba(147, 242, 231, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 10%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 10%, transparent);
    }
}
.ring-primary-200\/15 {
    --ring-color: rgba(147, 242, 231, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 15%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 15%, transparent);
    }
}
.hover\:ring-primary-200\/15:hover {
    --ring-color: rgba(147, 242, 231, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 15%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 15%, transparent);
    }
}
.focus\:ring-primary-200\/15:focus {
    --ring-color: rgba(147, 242, 231, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 15%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/15 {
    --ring-color: rgba(147, 242, 231, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 15%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 15%, transparent);
    }
}
.ring-primary-200\/20 {
    --ring-color: rgba(147, 242, 231, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
}
.hover\:ring-primary-200\/20:hover {
    --ring-color: rgba(147, 242, 231, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
}
.focus\:ring-primary-200\/20:focus {
    --ring-color: rgba(147, 242, 231, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/20 {
    --ring-color: rgba(147, 242, 231, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
}
.ring-primary-200\/25 {
    --ring-color: rgba(147, 242, 231, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
}
.hover\:ring-primary-200\/25:hover {
    --ring-color: rgba(147, 242, 231, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
}
.focus\:ring-primary-200\/25:focus {
    --ring-color: rgba(147, 242, 231, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/25 {
    --ring-color: rgba(147, 242, 231, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
}
.ring-primary-200\/30 {
    --ring-color: rgba(147, 242, 231, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
}
.hover\:ring-primary-200\/30:hover {
    --ring-color: rgba(147, 242, 231, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
}
.focus\:ring-primary-200\/30:focus {
    --ring-color: rgba(147, 242, 231, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/30 {
    --ring-color: rgba(147, 242, 231, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
}
.ring-primary-200\/35 {
    --ring-color: rgba(147, 242, 231, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 35%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 35%, transparent);
    }
}
.hover\:ring-primary-200\/35:hover {
    --ring-color: rgba(147, 242, 231, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 35%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 35%, transparent);
    }
}
.focus\:ring-primary-200\/35:focus {
    --ring-color: rgba(147, 242, 231, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 35%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/35 {
    --ring-color: rgba(147, 242, 231, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 35%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 35%, transparent);
    }
}
.ring-primary-200\/40 {
    --ring-color: rgba(147, 242, 231, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
}
.hover\:ring-primary-200\/40:hover {
    --ring-color: rgba(147, 242, 231, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
}
.focus\:ring-primary-200\/40:focus {
    --ring-color: rgba(147, 242, 231, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/40 {
    --ring-color: rgba(147, 242, 231, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
}
.ring-primary-200\/45 {
    --ring-color: rgba(147, 242, 231, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 45%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 45%, transparent);
    }
}
.hover\:ring-primary-200\/45:hover {
    --ring-color: rgba(147, 242, 231, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 45%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 45%, transparent);
    }
}
.focus\:ring-primary-200\/45:focus {
    --ring-color: rgba(147, 242, 231, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 45%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/45 {
    --ring-color: rgba(147, 242, 231, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 45%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 45%, transparent);
    }
}
.ring-primary-200\/50 {
    --ring-color: rgba(147, 242, 231, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
}
.hover\:ring-primary-200\/50:hover {
    --ring-color: rgba(147, 242, 231, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
}
.focus\:ring-primary-200\/50:focus {
    --ring-color: rgba(147, 242, 231, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/50 {
    --ring-color: rgba(147, 242, 231, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
}
.ring-primary-200\/55 {
    --ring-color: rgba(147, 242, 231, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 55%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 55%, transparent);
    }
}
.hover\:ring-primary-200\/55:hover {
    --ring-color: rgba(147, 242, 231, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 55%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 55%, transparent);
    }
}
.focus\:ring-primary-200\/55:focus {
    --ring-color: rgba(147, 242, 231, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 55%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/55 {
    --ring-color: rgba(147, 242, 231, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 55%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 55%, transparent);
    }
}
.ring-primary-200\/60 {
    --ring-color: rgba(147, 242, 231, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
}
.hover\:ring-primary-200\/60:hover {
    --ring-color: rgba(147, 242, 231, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
}
.focus\:ring-primary-200\/60:focus {
    --ring-color: rgba(147, 242, 231, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/60 {
    --ring-color: rgba(147, 242, 231, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
}
.ring-primary-200\/65 {
    --ring-color: rgba(147, 242, 231, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 65%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 65%, transparent);
    }
}
.hover\:ring-primary-200\/65:hover {
    --ring-color: rgba(147, 242, 231, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 65%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 65%, transparent);
    }
}
.focus\:ring-primary-200\/65:focus {
    --ring-color: rgba(147, 242, 231, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 65%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/65 {
    --ring-color: rgba(147, 242, 231, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 65%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 65%, transparent);
    }
}
.ring-primary-200\/70 {
    --ring-color: rgba(147, 242, 231, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
}
.hover\:ring-primary-200\/70:hover {
    --ring-color: rgba(147, 242, 231, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
}
.focus\:ring-primary-200\/70:focus {
    --ring-color: rgba(147, 242, 231, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/70 {
    --ring-color: rgba(147, 242, 231, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
}
.ring-primary-200\/75 {
    --ring-color: rgba(147, 242, 231, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
}
.hover\:ring-primary-200\/75:hover {
    --ring-color: rgba(147, 242, 231, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
}
.focus\:ring-primary-200\/75:focus {
    --ring-color: rgba(147, 242, 231, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/75 {
    --ring-color: rgba(147, 242, 231, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
}
.ring-primary-200\/80 {
    --ring-color: rgba(147, 242, 231, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
}
.hover\:ring-primary-200\/80:hover {
    --ring-color: rgba(147, 242, 231, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
}
.focus\:ring-primary-200\/80:focus {
    --ring-color: rgba(147, 242, 231, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/80 {
    --ring-color: rgba(147, 242, 231, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
}
.ring-primary-200\/85 {
    --ring-color: rgba(147, 242, 231, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 85%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 85%, transparent);
    }
}
.hover\:ring-primary-200\/85:hover {
    --ring-color: rgba(147, 242, 231, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 85%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 85%, transparent);
    }
}
.focus\:ring-primary-200\/85:focus {
    --ring-color: rgba(147, 242, 231, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 85%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/85 {
    --ring-color: rgba(147, 242, 231, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 85%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 85%, transparent);
    }
}
.ring-primary-200\/90 {
    --ring-color: rgba(147, 242, 231, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
}
.hover\:ring-primary-200\/90:hover {
    --ring-color: rgba(147, 242, 231, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
}
.focus\:ring-primary-200\/90:focus {
    --ring-color: rgba(147, 242, 231, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/90 {
    --ring-color: rgba(147, 242, 231, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
}
.ring-primary-200\/95 {
    --ring-color: rgba(147, 242, 231, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 95%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 95%, transparent);
    }
}
.hover\:ring-primary-200\/95:hover {
    --ring-color: rgba(147, 242, 231, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 95%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 95%, transparent);
    }
}
.focus\:ring-primary-200\/95:focus {
    --ring-color: rgba(147, 242, 231, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 95%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/95 {
    --ring-color: rgba(147, 242, 231, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #93f2e7 95%, transparent);
    }
    --tw-ring-color: rgba(147, 242, 231, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #93f2e7 95%, transparent);
    }
}
.ring-primary-300\/5 {
    --ring-color: rgba(89, 239, 222, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 5%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 5%, transparent);
    }
}
.hover\:ring-primary-300\/5:hover {
    --ring-color: rgba(89, 239, 222, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 5%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 5%, transparent);
    }
}
.focus\:ring-primary-300\/5:focus {
    --ring-color: rgba(89, 239, 222, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 5%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/5 {
    --ring-color: rgba(89, 239, 222, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 5%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 5%, transparent);
    }
}
.ring-primary-300\/10 {
    --ring-color: rgba(89, 239, 222, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 10%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 10%, transparent);
    }
}
.hover\:ring-primary-300\/10:hover {
    --ring-color: rgba(89, 239, 222, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 10%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 10%, transparent);
    }
}
.focus\:ring-primary-300\/10:focus {
    --ring-color: rgba(89, 239, 222, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 10%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/10 {
    --ring-color: rgba(89, 239, 222, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 10%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 10%, transparent);
    }
}
.ring-primary-300\/15 {
    --ring-color: rgba(89, 239, 222, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 15%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 15%, transparent);
    }
}
.hover\:ring-primary-300\/15:hover {
    --ring-color: rgba(89, 239, 222, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 15%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 15%, transparent);
    }
}
.focus\:ring-primary-300\/15:focus {
    --ring-color: rgba(89, 239, 222, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 15%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/15 {
    --ring-color: rgba(89, 239, 222, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 15%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 15%, transparent);
    }
}
.ring-primary-300\/20 {
    --ring-color: rgba(89, 239, 222, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 20%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 20%, transparent);
    }
}
.hover\:ring-primary-300\/20:hover {
    --ring-color: rgba(89, 239, 222, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 20%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 20%, transparent);
    }
}
.focus\:ring-primary-300\/20:focus {
    --ring-color: rgba(89, 239, 222, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 20%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/20 {
    --ring-color: rgba(89, 239, 222, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 20%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 20%, transparent);
    }
}
.ring-primary-300\/25 {
    --ring-color: rgba(89, 239, 222, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 25%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 25%, transparent);
    }
}
.hover\:ring-primary-300\/25:hover {
    --ring-color: rgba(89, 239, 222, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 25%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 25%, transparent);
    }
}
.focus\:ring-primary-300\/25:focus {
    --ring-color: rgba(89, 239, 222, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 25%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/25 {
    --ring-color: rgba(89, 239, 222, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 25%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 25%, transparent);
    }
}
.ring-primary-300\/30 {
    --ring-color: rgba(89, 239, 222, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 30%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 30%, transparent);
    }
}
.hover\:ring-primary-300\/30:hover {
    --ring-color: rgba(89, 239, 222, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 30%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 30%, transparent);
    }
}
.focus\:ring-primary-300\/30:focus {
    --ring-color: rgba(89, 239, 222, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 30%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/30 {
    --ring-color: rgba(89, 239, 222, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 30%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 30%, transparent);
    }
}
.ring-primary-300\/35 {
    --ring-color: rgba(89, 239, 222, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 35%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 35%, transparent);
    }
}
.hover\:ring-primary-300\/35:hover {
    --ring-color: rgba(89, 239, 222, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 35%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 35%, transparent);
    }
}
.focus\:ring-primary-300\/35:focus {
    --ring-color: rgba(89, 239, 222, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 35%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/35 {
    --ring-color: rgba(89, 239, 222, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 35%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 35%, transparent);
    }
}
.ring-primary-300\/40 {
    --ring-color: rgba(89, 239, 222, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 40%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 40%, transparent);
    }
}
.hover\:ring-primary-300\/40:hover {
    --ring-color: rgba(89, 239, 222, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 40%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 40%, transparent);
    }
}
.focus\:ring-primary-300\/40:focus {
    --ring-color: rgba(89, 239, 222, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 40%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/40 {
    --ring-color: rgba(89, 239, 222, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 40%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 40%, transparent);
    }
}
.ring-primary-300\/45 {
    --ring-color: rgba(89, 239, 222, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 45%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 45%, transparent);
    }
}
.hover\:ring-primary-300\/45:hover {
    --ring-color: rgba(89, 239, 222, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 45%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 45%, transparent);
    }
}
.focus\:ring-primary-300\/45:focus {
    --ring-color: rgba(89, 239, 222, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 45%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/45 {
    --ring-color: rgba(89, 239, 222, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 45%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 45%, transparent);
    }
}
.ring-primary-300\/50 {
    --ring-color: rgba(89, 239, 222, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 50%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 50%, transparent);
    }
}
.hover\:ring-primary-300\/50:hover {
    --ring-color: rgba(89, 239, 222, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 50%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 50%, transparent);
    }
}
.focus\:ring-primary-300\/50:focus {
    --ring-color: rgba(89, 239, 222, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 50%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/50 {
    --ring-color: rgba(89, 239, 222, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 50%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 50%, transparent);
    }
}
.ring-primary-300\/55 {
    --ring-color: rgba(89, 239, 222, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 55%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 55%, transparent);
    }
}
.hover\:ring-primary-300\/55:hover {
    --ring-color: rgba(89, 239, 222, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 55%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 55%, transparent);
    }
}
.focus\:ring-primary-300\/55:focus {
    --ring-color: rgba(89, 239, 222, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 55%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/55 {
    --ring-color: rgba(89, 239, 222, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 55%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 55%, transparent);
    }
}
.ring-primary-300\/60 {
    --ring-color: rgba(89, 239, 222, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 60%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 60%, transparent);
    }
}
.hover\:ring-primary-300\/60:hover {
    --ring-color: rgba(89, 239, 222, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 60%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 60%, transparent);
    }
}
.focus\:ring-primary-300\/60:focus {
    --ring-color: rgba(89, 239, 222, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 60%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/60 {
    --ring-color: rgba(89, 239, 222, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 60%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 60%, transparent);
    }
}
.ring-primary-300\/65 {
    --ring-color: rgba(89, 239, 222, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 65%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 65%, transparent);
    }
}
.hover\:ring-primary-300\/65:hover {
    --ring-color: rgba(89, 239, 222, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 65%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 65%, transparent);
    }
}
.focus\:ring-primary-300\/65:focus {
    --ring-color: rgba(89, 239, 222, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 65%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/65 {
    --ring-color: rgba(89, 239, 222, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 65%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 65%, transparent);
    }
}
.ring-primary-300\/70 {
    --ring-color: rgba(89, 239, 222, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 70%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 70%, transparent);
    }
}
.hover\:ring-primary-300\/70:hover {
    --ring-color: rgba(89, 239, 222, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 70%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 70%, transparent);
    }
}
.focus\:ring-primary-300\/70:focus {
    --ring-color: rgba(89, 239, 222, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 70%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/70 {
    --ring-color: rgba(89, 239, 222, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 70%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 70%, transparent);
    }
}
.ring-primary-300\/75 {
    --ring-color: rgba(89, 239, 222, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 75%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 75%, transparent);
    }
}
.hover\:ring-primary-300\/75:hover {
    --ring-color: rgba(89, 239, 222, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 75%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 75%, transparent);
    }
}
.focus\:ring-primary-300\/75:focus {
    --ring-color: rgba(89, 239, 222, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 75%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/75 {
    --ring-color: rgba(89, 239, 222, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 75%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 75%, transparent);
    }
}
.ring-primary-300\/80 {
    --ring-color: rgba(89, 239, 222, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 80%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 80%, transparent);
    }
}
.hover\:ring-primary-300\/80:hover {
    --ring-color: rgba(89, 239, 222, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 80%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 80%, transparent);
    }
}
.focus\:ring-primary-300\/80:focus {
    --ring-color: rgba(89, 239, 222, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 80%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/80 {
    --ring-color: rgba(89, 239, 222, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 80%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 80%, transparent);
    }
}
.ring-primary-300\/85 {
    --ring-color: rgba(89, 239, 222, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 85%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 85%, transparent);
    }
}
.hover\:ring-primary-300\/85:hover {
    --ring-color: rgba(89, 239, 222, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 85%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 85%, transparent);
    }
}
.focus\:ring-primary-300\/85:focus {
    --ring-color: rgba(89, 239, 222, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 85%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/85 {
    --ring-color: rgba(89, 239, 222, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 85%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 85%, transparent);
    }
}
.ring-primary-300\/90 {
    --ring-color: rgba(89, 239, 222, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 90%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 90%, transparent);
    }
}
.hover\:ring-primary-300\/90:hover {
    --ring-color: rgba(89, 239, 222, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 90%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 90%, transparent);
    }
}
.focus\:ring-primary-300\/90:focus {
    --ring-color: rgba(89, 239, 222, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 90%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/90 {
    --ring-color: rgba(89, 239, 222, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 90%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 90%, transparent);
    }
}
.ring-primary-300\/95 {
    --ring-color: rgba(89, 239, 222, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 95%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 95%, transparent);
    }
}
.hover\:ring-primary-300\/95:hover {
    --ring-color: rgba(89, 239, 222, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 95%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 95%, transparent);
    }
}
.focus\:ring-primary-300\/95:focus {
    --ring-color: rgba(89, 239, 222, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 95%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/95 {
    --ring-color: rgba(89, 239, 222, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #59efde 95%, transparent);
    }
    --tw-ring-color: rgba(89, 239, 222, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #59efde 95%, transparent);
    }
}
.ring-primary-400\/5 {
    --ring-color: rgba(22, 239, 215, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 5%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 5%, transparent);
    }
}
.hover\:ring-primary-400\/5:hover {
    --ring-color: rgba(22, 239, 215, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 5%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 5%, transparent);
    }
}
.focus\:ring-primary-400\/5:focus {
    --ring-color: rgba(22, 239, 215, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 5%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/5 {
    --ring-color: rgba(22, 239, 215, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 5%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 5%, transparent);
    }
}
.ring-primary-400\/10 {
    --ring-color: rgba(22, 239, 215, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 10%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 10%, transparent);
    }
}
.hover\:ring-primary-400\/10:hover {
    --ring-color: rgba(22, 239, 215, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 10%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 10%, transparent);
    }
}
.focus\:ring-primary-400\/10:focus {
    --ring-color: rgba(22, 239, 215, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 10%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/10 {
    --ring-color: rgba(22, 239, 215, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 10%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 10%, transparent);
    }
}
.ring-primary-400\/15 {
    --ring-color: rgba(22, 239, 215, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 15%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 15%, transparent);
    }
}
.hover\:ring-primary-400\/15:hover {
    --ring-color: rgba(22, 239, 215, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 15%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 15%, transparent);
    }
}
.focus\:ring-primary-400\/15:focus {
    --ring-color: rgba(22, 239, 215, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 15%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/15 {
    --ring-color: rgba(22, 239, 215, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 15%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 15%, transparent);
    }
}
.ring-primary-400\/20 {
    --ring-color: rgba(22, 239, 215, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
}
.hover\:ring-primary-400\/20:hover {
    --ring-color: rgba(22, 239, 215, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
}
.focus\:ring-primary-400\/20:focus {
    --ring-color: rgba(22, 239, 215, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/20 {
    --ring-color: rgba(22, 239, 215, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
}
.ring-primary-400\/25 {
    --ring-color: rgba(22, 239, 215, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
}
.hover\:ring-primary-400\/25:hover {
    --ring-color: rgba(22, 239, 215, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
}
.focus\:ring-primary-400\/25:focus {
    --ring-color: rgba(22, 239, 215, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/25 {
    --ring-color: rgba(22, 239, 215, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
}
.ring-primary-400\/30 {
    --ring-color: rgba(22, 239, 215, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
}
.hover\:ring-primary-400\/30:hover {
    --ring-color: rgba(22, 239, 215, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
}
.focus\:ring-primary-400\/30:focus {
    --ring-color: rgba(22, 239, 215, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/30 {
    --ring-color: rgba(22, 239, 215, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
}
.ring-primary-400\/35 {
    --ring-color: rgba(22, 239, 215, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 35%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 35%, transparent);
    }
}
.hover\:ring-primary-400\/35:hover {
    --ring-color: rgba(22, 239, 215, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 35%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 35%, transparent);
    }
}
.focus\:ring-primary-400\/35:focus {
    --ring-color: rgba(22, 239, 215, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 35%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/35 {
    --ring-color: rgba(22, 239, 215, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 35%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 35%, transparent);
    }
}
.ring-primary-400\/40 {
    --ring-color: rgba(22, 239, 215, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
}
.hover\:ring-primary-400\/40:hover {
    --ring-color: rgba(22, 239, 215, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
}
.focus\:ring-primary-400\/40:focus {
    --ring-color: rgba(22, 239, 215, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/40 {
    --ring-color: rgba(22, 239, 215, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
}
.ring-primary-400\/45 {
    --ring-color: rgba(22, 239, 215, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 45%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 45%, transparent);
    }
}
.hover\:ring-primary-400\/45:hover {
    --ring-color: rgba(22, 239, 215, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 45%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 45%, transparent);
    }
}
.focus\:ring-primary-400\/45:focus {
    --ring-color: rgba(22, 239, 215, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 45%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/45 {
    --ring-color: rgba(22, 239, 215, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 45%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 45%, transparent);
    }
}
.ring-primary-400\/50 {
    --ring-color: rgba(22, 239, 215, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
}
.hover\:ring-primary-400\/50:hover {
    --ring-color: rgba(22, 239, 215, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
}
.focus\:ring-primary-400\/50:focus {
    --ring-color: rgba(22, 239, 215, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/50 {
    --ring-color: rgba(22, 239, 215, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
}
.ring-primary-400\/55 {
    --ring-color: rgba(22, 239, 215, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 55%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 55%, transparent);
    }
}
.hover\:ring-primary-400\/55:hover {
    --ring-color: rgba(22, 239, 215, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 55%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 55%, transparent);
    }
}
.focus\:ring-primary-400\/55:focus {
    --ring-color: rgba(22, 239, 215, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 55%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/55 {
    --ring-color: rgba(22, 239, 215, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 55%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 55%, transparent);
    }
}
.ring-primary-400\/60 {
    --ring-color: rgba(22, 239, 215, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
}
.hover\:ring-primary-400\/60:hover {
    --ring-color: rgba(22, 239, 215, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
}
.focus\:ring-primary-400\/60:focus {
    --ring-color: rgba(22, 239, 215, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/60 {
    --ring-color: rgba(22, 239, 215, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
}
.ring-primary-400\/65 {
    --ring-color: rgba(22, 239, 215, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 65%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 65%, transparent);
    }
}
.hover\:ring-primary-400\/65:hover {
    --ring-color: rgba(22, 239, 215, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 65%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 65%, transparent);
    }
}
.focus\:ring-primary-400\/65:focus {
    --ring-color: rgba(22, 239, 215, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 65%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/65 {
    --ring-color: rgba(22, 239, 215, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 65%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 65%, transparent);
    }
}
.ring-primary-400\/70 {
    --ring-color: rgba(22, 239, 215, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
}
.hover\:ring-primary-400\/70:hover {
    --ring-color: rgba(22, 239, 215, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
}
.focus\:ring-primary-400\/70:focus {
    --ring-color: rgba(22, 239, 215, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/70 {
    --ring-color: rgba(22, 239, 215, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
}
.ring-primary-400\/75 {
    --ring-color: rgba(22, 239, 215, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
}
.hover\:ring-primary-400\/75:hover {
    --ring-color: rgba(22, 239, 215, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
}
.focus\:ring-primary-400\/75:focus {
    --ring-color: rgba(22, 239, 215, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/75 {
    --ring-color: rgba(22, 239, 215, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
}
.ring-primary-400\/80 {
    --ring-color: rgba(22, 239, 215, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
}
.hover\:ring-primary-400\/80:hover {
    --ring-color: rgba(22, 239, 215, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
}
.focus\:ring-primary-400\/80:focus {
    --ring-color: rgba(22, 239, 215, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/80 {
    --ring-color: rgba(22, 239, 215, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
}
.ring-primary-400\/85 {
    --ring-color: rgba(22, 239, 215, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 85%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 85%, transparent);
    }
}
.hover\:ring-primary-400\/85:hover {
    --ring-color: rgba(22, 239, 215, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 85%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 85%, transparent);
    }
}
.focus\:ring-primary-400\/85:focus {
    --ring-color: rgba(22, 239, 215, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 85%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/85 {
    --ring-color: rgba(22, 239, 215, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 85%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 85%, transparent);
    }
}
.ring-primary-400\/90 {
    --ring-color: rgba(22, 239, 215, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
}
.hover\:ring-primary-400\/90:hover {
    --ring-color: rgba(22, 239, 215, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
}
.focus\:ring-primary-400\/90:focus {
    --ring-color: rgba(22, 239, 215, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/90 {
    --ring-color: rgba(22, 239, 215, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
}
.ring-primary-400\/95 {
    --ring-color: rgba(22, 239, 215, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 95%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 95%, transparent);
    }
}
.hover\:ring-primary-400\/95:hover {
    --ring-color: rgba(22, 239, 215, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 95%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 95%, transparent);
    }
}
.focus\:ring-primary-400\/95:focus {
    --ring-color: rgba(22, 239, 215, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 95%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/95 {
    --ring-color: rgba(22, 239, 215, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #16efd7 95%, transparent);
    }
    --tw-ring-color: rgba(22, 239, 215, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #16efd7 95%, transparent);
    }
}
.ring-primary-500\/5 {
    --ring-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 5%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.hover\:ring-primary-500\/5:hover {
    --ring-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 5%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.focus\:ring-primary-500\/5:focus {
    --ring-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 5%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/5 {
    --ring-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 5%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 5%, transparent);
    }
}
.ring-primary-500\/10 {
    --ring-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 10%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.hover\:ring-primary-500\/10:hover {
    --ring-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 10%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.focus\:ring-primary-500\/10:focus {
    --ring-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 10%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/10 {
    --ring-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 10%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 10%, transparent);
    }
}
.ring-primary-500\/15 {
    --ring-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 15%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.hover\:ring-primary-500\/15:hover {
    --ring-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 15%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.focus\:ring-primary-500\/15:focus {
    --ring-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 15%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/15 {
    --ring-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 15%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 15%, transparent);
    }
}
.ring-primary-500\/20 {
    --ring-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 20%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.hover\:ring-primary-500\/20:hover {
    --ring-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 20%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.focus\:ring-primary-500\/20:focus {
    --ring-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 20%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/20 {
    --ring-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 20%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 20%, transparent);
    }
}
.ring-primary-500\/25 {
    --ring-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 25%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.hover\:ring-primary-500\/25:hover {
    --ring-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 25%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.focus\:ring-primary-500\/25:focus {
    --ring-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 25%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/25 {
    --ring-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 25%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 25%, transparent);
    }
}
.ring-primary-500\/30 {
    --ring-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 30%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.hover\:ring-primary-500\/30:hover {
    --ring-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 30%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.focus\:ring-primary-500\/30:focus {
    --ring-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 30%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/30 {
    --ring-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 30%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 30%, transparent);
    }
}
.ring-primary-500\/35 {
    --ring-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 35%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.hover\:ring-primary-500\/35:hover {
    --ring-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 35%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.focus\:ring-primary-500\/35:focus {
    --ring-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 35%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/35 {
    --ring-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 35%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 35%, transparent);
    }
}
.ring-primary-500\/40 {
    --ring-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 40%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.hover\:ring-primary-500\/40:hover {
    --ring-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 40%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.focus\:ring-primary-500\/40:focus {
    --ring-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 40%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/40 {
    --ring-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 40%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 40%, transparent);
    }
}
.ring-primary-500\/45 {
    --ring-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 45%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.hover\:ring-primary-500\/45:hover {
    --ring-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 45%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.focus\:ring-primary-500\/45:focus {
    --ring-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 45%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/45 {
    --ring-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 45%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 45%, transparent);
    }
}
.ring-primary-500\/50 {
    --ring-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 50%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.hover\:ring-primary-500\/50:hover {
    --ring-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 50%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.focus\:ring-primary-500\/50:focus {
    --ring-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 50%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/50 {
    --ring-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 50%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 50%, transparent);
    }
}
.ring-primary-500\/55 {
    --ring-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 55%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.hover\:ring-primary-500\/55:hover {
    --ring-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 55%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.focus\:ring-primary-500\/55:focus {
    --ring-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 55%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/55 {
    --ring-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 55%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 55%, transparent);
    }
}
.ring-primary-500\/60 {
    --ring-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 60%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.hover\:ring-primary-500\/60:hover {
    --ring-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 60%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.focus\:ring-primary-500\/60:focus {
    --ring-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 60%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/60 {
    --ring-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 60%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 60%, transparent);
    }
}
.ring-primary-500\/65 {
    --ring-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 65%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.hover\:ring-primary-500\/65:hover {
    --ring-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 65%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.focus\:ring-primary-500\/65:focus {
    --ring-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 65%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/65 {
    --ring-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 65%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 65%, transparent);
    }
}
.ring-primary-500\/70 {
    --ring-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 70%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.hover\:ring-primary-500\/70:hover {
    --ring-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 70%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.focus\:ring-primary-500\/70:focus {
    --ring-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 70%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/70 {
    --ring-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 70%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 70%, transparent);
    }
}
.ring-primary-500\/75 {
    --ring-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 75%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.hover\:ring-primary-500\/75:hover {
    --ring-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 75%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.focus\:ring-primary-500\/75:focus {
    --ring-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 75%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/75 {
    --ring-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 75%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 75%, transparent);
    }
}
.ring-primary-500\/80 {
    --ring-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 80%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.hover\:ring-primary-500\/80:hover {
    --ring-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 80%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.focus\:ring-primary-500\/80:focus {
    --ring-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 80%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/80 {
    --ring-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 80%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 80%, transparent);
    }
}
.ring-primary-500\/85 {
    --ring-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 85%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.hover\:ring-primary-500\/85:hover {
    --ring-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 85%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.focus\:ring-primary-500\/85:focus {
    --ring-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 85%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/85 {
    --ring-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 85%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 85%, transparent);
    }
}
.ring-primary-500\/90 {
    --ring-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 90%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.hover\:ring-primary-500\/90:hover {
    --ring-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 90%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.focus\:ring-primary-500\/90:focus {
    --ring-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 90%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/90 {
    --ring-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 90%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 90%, transparent);
    }
}
.ring-primary-500\/95 {
    --ring-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 95%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.hover\:ring-primary-500\/95:hover {
    --ring-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 95%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.focus\:ring-primary-500\/95:focus {
    --ring-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 95%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/95 {
    --ring-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #07a392 95%, transparent);
    }
    --tw-ring-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #07a392 95%, transparent);
    }
}
.ring-primary-600\/5 {
    --ring-color: rgba(7, 145, 129, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 5%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 5%, transparent);
    }
}
.hover\:ring-primary-600\/5:hover {
    --ring-color: rgba(7, 145, 129, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 5%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 5%, transparent);
    }
}
.focus\:ring-primary-600\/5:focus {
    --ring-color: rgba(7, 145, 129, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 5%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/5 {
    --ring-color: rgba(7, 145, 129, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 5%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 5%, transparent);
    }
}
.ring-primary-600\/10 {
    --ring-color: rgba(7, 145, 129, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 10%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 10%, transparent);
    }
}
.hover\:ring-primary-600\/10:hover {
    --ring-color: rgba(7, 145, 129, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 10%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 10%, transparent);
    }
}
.focus\:ring-primary-600\/10:focus {
    --ring-color: rgba(7, 145, 129, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 10%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/10 {
    --ring-color: rgba(7, 145, 129, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 10%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 10%, transparent);
    }
}
.ring-primary-600\/15 {
    --ring-color: rgba(7, 145, 129, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 15%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 15%, transparent);
    }
}
.hover\:ring-primary-600\/15:hover {
    --ring-color: rgba(7, 145, 129, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 15%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 15%, transparent);
    }
}
.focus\:ring-primary-600\/15:focus {
    --ring-color: rgba(7, 145, 129, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 15%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/15 {
    --ring-color: rgba(7, 145, 129, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 15%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 15%, transparent);
    }
}
.ring-primary-600\/20 {
    --ring-color: rgba(7, 145, 129, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 20%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 20%, transparent);
    }
}
.hover\:ring-primary-600\/20:hover {
    --ring-color: rgba(7, 145, 129, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 20%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 20%, transparent);
    }
}
.focus\:ring-primary-600\/20:focus {
    --ring-color: rgba(7, 145, 129, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 20%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/20 {
    --ring-color: rgba(7, 145, 129, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 20%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 20%, transparent);
    }
}
.ring-primary-600\/25 {
    --ring-color: rgba(7, 145, 129, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 25%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 25%, transparent);
    }
}
.hover\:ring-primary-600\/25:hover {
    --ring-color: rgba(7, 145, 129, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 25%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 25%, transparent);
    }
}
.focus\:ring-primary-600\/25:focus {
    --ring-color: rgba(7, 145, 129, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 25%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/25 {
    --ring-color: rgba(7, 145, 129, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 25%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 25%, transparent);
    }
}
.ring-primary-600\/30 {
    --ring-color: rgba(7, 145, 129, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 30%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 30%, transparent);
    }
}
.hover\:ring-primary-600\/30:hover {
    --ring-color: rgba(7, 145, 129, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 30%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 30%, transparent);
    }
}
.focus\:ring-primary-600\/30:focus {
    --ring-color: rgba(7, 145, 129, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 30%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/30 {
    --ring-color: rgba(7, 145, 129, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 30%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 30%, transparent);
    }
}
.ring-primary-600\/35 {
    --ring-color: rgba(7, 145, 129, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 35%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 35%, transparent);
    }
}
.hover\:ring-primary-600\/35:hover {
    --ring-color: rgba(7, 145, 129, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 35%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 35%, transparent);
    }
}
.focus\:ring-primary-600\/35:focus {
    --ring-color: rgba(7, 145, 129, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 35%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/35 {
    --ring-color: rgba(7, 145, 129, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 35%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 35%, transparent);
    }
}
.ring-primary-600\/40 {
    --ring-color: rgba(7, 145, 129, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 40%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 40%, transparent);
    }
}
.hover\:ring-primary-600\/40:hover {
    --ring-color: rgba(7, 145, 129, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 40%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 40%, transparent);
    }
}
.focus\:ring-primary-600\/40:focus {
    --ring-color: rgba(7, 145, 129, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 40%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/40 {
    --ring-color: rgba(7, 145, 129, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 40%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 40%, transparent);
    }
}
.ring-primary-600\/45 {
    --ring-color: rgba(7, 145, 129, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 45%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 45%, transparent);
    }
}
.hover\:ring-primary-600\/45:hover {
    --ring-color: rgba(7, 145, 129, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 45%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 45%, transparent);
    }
}
.focus\:ring-primary-600\/45:focus {
    --ring-color: rgba(7, 145, 129, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 45%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/45 {
    --ring-color: rgba(7, 145, 129, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 45%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 45%, transparent);
    }
}
.ring-primary-600\/50 {
    --ring-color: rgba(7, 145, 129, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 50%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 50%, transparent);
    }
}
.hover\:ring-primary-600\/50:hover {
    --ring-color: rgba(7, 145, 129, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 50%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 50%, transparent);
    }
}
.focus\:ring-primary-600\/50:focus {
    --ring-color: rgba(7, 145, 129, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 50%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/50 {
    --ring-color: rgba(7, 145, 129, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 50%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 50%, transparent);
    }
}
.ring-primary-600\/55 {
    --ring-color: rgba(7, 145, 129, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 55%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 55%, transparent);
    }
}
.hover\:ring-primary-600\/55:hover {
    --ring-color: rgba(7, 145, 129, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 55%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 55%, transparent);
    }
}
.focus\:ring-primary-600\/55:focus {
    --ring-color: rgba(7, 145, 129, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 55%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/55 {
    --ring-color: rgba(7, 145, 129, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 55%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 55%, transparent);
    }
}
.ring-primary-600\/60 {
    --ring-color: rgba(7, 145, 129, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 60%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 60%, transparent);
    }
}
.hover\:ring-primary-600\/60:hover {
    --ring-color: rgba(7, 145, 129, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 60%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 60%, transparent);
    }
}
.focus\:ring-primary-600\/60:focus {
    --ring-color: rgba(7, 145, 129, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 60%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/60 {
    --ring-color: rgba(7, 145, 129, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 60%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 60%, transparent);
    }
}
.ring-primary-600\/65 {
    --ring-color: rgba(7, 145, 129, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 65%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 65%, transparent);
    }
}
.hover\:ring-primary-600\/65:hover {
    --ring-color: rgba(7, 145, 129, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 65%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 65%, transparent);
    }
}
.focus\:ring-primary-600\/65:focus {
    --ring-color: rgba(7, 145, 129, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 65%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/65 {
    --ring-color: rgba(7, 145, 129, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 65%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 65%, transparent);
    }
}
.ring-primary-600\/70 {
    --ring-color: rgba(7, 145, 129, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 70%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 70%, transparent);
    }
}
.hover\:ring-primary-600\/70:hover {
    --ring-color: rgba(7, 145, 129, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 70%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 70%, transparent);
    }
}
.focus\:ring-primary-600\/70:focus {
    --ring-color: rgba(7, 145, 129, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 70%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/70 {
    --ring-color: rgba(7, 145, 129, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 70%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 70%, transparent);
    }
}
.ring-primary-600\/75 {
    --ring-color: rgba(7, 145, 129, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 75%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 75%, transparent);
    }
}
.hover\:ring-primary-600\/75:hover {
    --ring-color: rgba(7, 145, 129, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 75%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 75%, transparent);
    }
}
.focus\:ring-primary-600\/75:focus {
    --ring-color: rgba(7, 145, 129, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 75%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/75 {
    --ring-color: rgba(7, 145, 129, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 75%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 75%, transparent);
    }
}
.ring-primary-600\/80 {
    --ring-color: rgba(7, 145, 129, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 80%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 80%, transparent);
    }
}
.hover\:ring-primary-600\/80:hover {
    --ring-color: rgba(7, 145, 129, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 80%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 80%, transparent);
    }
}
.focus\:ring-primary-600\/80:focus {
    --ring-color: rgba(7, 145, 129, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 80%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/80 {
    --ring-color: rgba(7, 145, 129, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 80%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 80%, transparent);
    }
}
.ring-primary-600\/85 {
    --ring-color: rgba(7, 145, 129, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 85%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 85%, transparent);
    }
}
.hover\:ring-primary-600\/85:hover {
    --ring-color: rgba(7, 145, 129, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 85%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 85%, transparent);
    }
}
.focus\:ring-primary-600\/85:focus {
    --ring-color: rgba(7, 145, 129, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 85%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/85 {
    --ring-color: rgba(7, 145, 129, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 85%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 85%, transparent);
    }
}
.ring-primary-600\/90 {
    --ring-color: rgba(7, 145, 129, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 90%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 90%, transparent);
    }
}
.hover\:ring-primary-600\/90:hover {
    --ring-color: rgba(7, 145, 129, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 90%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 90%, transparent);
    }
}
.focus\:ring-primary-600\/90:focus {
    --ring-color: rgba(7, 145, 129, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 90%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/90 {
    --ring-color: rgba(7, 145, 129, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 90%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 90%, transparent);
    }
}
.ring-primary-600\/95 {
    --ring-color: rgba(7, 145, 129, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 95%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 95%, transparent);
    }
}
.hover\:ring-primary-600\/95:hover {
    --ring-color: rgba(7, 145, 129, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 95%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 95%, transparent);
    }
}
.focus\:ring-primary-600\/95:focus {
    --ring-color: rgba(7, 145, 129, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 95%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/95 {
    --ring-color: rgba(7, 145, 129, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #079181 95%, transparent);
    }
    --tw-ring-color: rgba(7, 145, 129, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #079181 95%, transparent);
    }
}
.ring-primary-700\/5 {
    --ring-color: rgba(6, 119, 106, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 5%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 5%, transparent);
    }
}
.hover\:ring-primary-700\/5:hover {
    --ring-color: rgba(6, 119, 106, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 5%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 5%, transparent);
    }
}
.focus\:ring-primary-700\/5:focus {
    --ring-color: rgba(6, 119, 106, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 5%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/5 {
    --ring-color: rgba(6, 119, 106, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 5%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 5%, transparent);
    }
}
.ring-primary-700\/10 {
    --ring-color: rgba(6, 119, 106, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 10%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 10%, transparent);
    }
}
.hover\:ring-primary-700\/10:hover {
    --ring-color: rgba(6, 119, 106, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 10%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 10%, transparent);
    }
}
.focus\:ring-primary-700\/10:focus {
    --ring-color: rgba(6, 119, 106, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 10%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/10 {
    --ring-color: rgba(6, 119, 106, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 10%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 10%, transparent);
    }
}
.ring-primary-700\/15 {
    --ring-color: rgba(6, 119, 106, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 15%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 15%, transparent);
    }
}
.hover\:ring-primary-700\/15:hover {
    --ring-color: rgba(6, 119, 106, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 15%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 15%, transparent);
    }
}
.focus\:ring-primary-700\/15:focus {
    --ring-color: rgba(6, 119, 106, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 15%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/15 {
    --ring-color: rgba(6, 119, 106, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 15%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 15%, transparent);
    }
}
.ring-primary-700\/20 {
    --ring-color: rgba(6, 119, 106, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 20%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 20%, transparent);
    }
}
.hover\:ring-primary-700\/20:hover {
    --ring-color: rgba(6, 119, 106, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 20%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 20%, transparent);
    }
}
.focus\:ring-primary-700\/20:focus {
    --ring-color: rgba(6, 119, 106, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 20%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/20 {
    --ring-color: rgba(6, 119, 106, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 20%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 20%, transparent);
    }
}
.ring-primary-700\/25 {
    --ring-color: rgba(6, 119, 106, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 25%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 25%, transparent);
    }
}
.hover\:ring-primary-700\/25:hover {
    --ring-color: rgba(6, 119, 106, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 25%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 25%, transparent);
    }
}
.focus\:ring-primary-700\/25:focus {
    --ring-color: rgba(6, 119, 106, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 25%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/25 {
    --ring-color: rgba(6, 119, 106, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 25%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 25%, transparent);
    }
}
.ring-primary-700\/30 {
    --ring-color: rgba(6, 119, 106, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 30%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 30%, transparent);
    }
}
.hover\:ring-primary-700\/30:hover {
    --ring-color: rgba(6, 119, 106, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 30%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 30%, transparent);
    }
}
.focus\:ring-primary-700\/30:focus {
    --ring-color: rgba(6, 119, 106, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 30%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/30 {
    --ring-color: rgba(6, 119, 106, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 30%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 30%, transparent);
    }
}
.ring-primary-700\/35 {
    --ring-color: rgba(6, 119, 106, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 35%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 35%, transparent);
    }
}
.hover\:ring-primary-700\/35:hover {
    --ring-color: rgba(6, 119, 106, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 35%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 35%, transparent);
    }
}
.focus\:ring-primary-700\/35:focus {
    --ring-color: rgba(6, 119, 106, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 35%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/35 {
    --ring-color: rgba(6, 119, 106, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 35%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 35%, transparent);
    }
}
.ring-primary-700\/40 {
    --ring-color: rgba(6, 119, 106, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 40%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 40%, transparent);
    }
}
.hover\:ring-primary-700\/40:hover {
    --ring-color: rgba(6, 119, 106, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 40%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 40%, transparent);
    }
}
.focus\:ring-primary-700\/40:focus {
    --ring-color: rgba(6, 119, 106, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 40%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/40 {
    --ring-color: rgba(6, 119, 106, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 40%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 40%, transparent);
    }
}
.ring-primary-700\/45 {
    --ring-color: rgba(6, 119, 106, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 45%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 45%, transparent);
    }
}
.hover\:ring-primary-700\/45:hover {
    --ring-color: rgba(6, 119, 106, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 45%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 45%, transparent);
    }
}
.focus\:ring-primary-700\/45:focus {
    --ring-color: rgba(6, 119, 106, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 45%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/45 {
    --ring-color: rgba(6, 119, 106, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 45%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 45%, transparent);
    }
}
.ring-primary-700\/50 {
    --ring-color: rgba(6, 119, 106, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 50%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 50%, transparent);
    }
}
.hover\:ring-primary-700\/50:hover {
    --ring-color: rgba(6, 119, 106, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 50%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 50%, transparent);
    }
}
.focus\:ring-primary-700\/50:focus {
    --ring-color: rgba(6, 119, 106, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 50%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/50 {
    --ring-color: rgba(6, 119, 106, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 50%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 50%, transparent);
    }
}
.ring-primary-700\/55 {
    --ring-color: rgba(6, 119, 106, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 55%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 55%, transparent);
    }
}
.hover\:ring-primary-700\/55:hover {
    --ring-color: rgba(6, 119, 106, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 55%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 55%, transparent);
    }
}
.focus\:ring-primary-700\/55:focus {
    --ring-color: rgba(6, 119, 106, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 55%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/55 {
    --ring-color: rgba(6, 119, 106, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 55%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 55%, transparent);
    }
}
.ring-primary-700\/60 {
    --ring-color: rgba(6, 119, 106, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 60%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 60%, transparent);
    }
}
.hover\:ring-primary-700\/60:hover {
    --ring-color: rgba(6, 119, 106, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 60%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 60%, transparent);
    }
}
.focus\:ring-primary-700\/60:focus {
    --ring-color: rgba(6, 119, 106, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 60%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/60 {
    --ring-color: rgba(6, 119, 106, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 60%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 60%, transparent);
    }
}
.ring-primary-700\/65 {
    --ring-color: rgba(6, 119, 106, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 65%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 65%, transparent);
    }
}
.hover\:ring-primary-700\/65:hover {
    --ring-color: rgba(6, 119, 106, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 65%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 65%, transparent);
    }
}
.focus\:ring-primary-700\/65:focus {
    --ring-color: rgba(6, 119, 106, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 65%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/65 {
    --ring-color: rgba(6, 119, 106, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 65%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 65%, transparent);
    }
}
.ring-primary-700\/70 {
    --ring-color: rgba(6, 119, 106, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 70%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 70%, transparent);
    }
}
.hover\:ring-primary-700\/70:hover {
    --ring-color: rgba(6, 119, 106, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 70%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 70%, transparent);
    }
}
.focus\:ring-primary-700\/70:focus {
    --ring-color: rgba(6, 119, 106, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 70%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/70 {
    --ring-color: rgba(6, 119, 106, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 70%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 70%, transparent);
    }
}
.ring-primary-700\/75 {
    --ring-color: rgba(6, 119, 106, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 75%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 75%, transparent);
    }
}
.hover\:ring-primary-700\/75:hover {
    --ring-color: rgba(6, 119, 106, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 75%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 75%, transparent);
    }
}
.focus\:ring-primary-700\/75:focus {
    --ring-color: rgba(6, 119, 106, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 75%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/75 {
    --ring-color: rgba(6, 119, 106, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 75%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 75%, transparent);
    }
}
.ring-primary-700\/80 {
    --ring-color: rgba(6, 119, 106, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 80%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 80%, transparent);
    }
}
.hover\:ring-primary-700\/80:hover {
    --ring-color: rgba(6, 119, 106, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 80%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 80%, transparent);
    }
}
.focus\:ring-primary-700\/80:focus {
    --ring-color: rgba(6, 119, 106, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 80%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/80 {
    --ring-color: rgba(6, 119, 106, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 80%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 80%, transparent);
    }
}
.ring-primary-700\/85 {
    --ring-color: rgba(6, 119, 106, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 85%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 85%, transparent);
    }
}
.hover\:ring-primary-700\/85:hover {
    --ring-color: rgba(6, 119, 106, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 85%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 85%, transparent);
    }
}
.focus\:ring-primary-700\/85:focus {
    --ring-color: rgba(6, 119, 106, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 85%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/85 {
    --ring-color: rgba(6, 119, 106, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 85%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 85%, transparent);
    }
}
.ring-primary-700\/90 {
    --ring-color: rgba(6, 119, 106, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 90%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 90%, transparent);
    }
}
.hover\:ring-primary-700\/90:hover {
    --ring-color: rgba(6, 119, 106, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 90%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 90%, transparent);
    }
}
.focus\:ring-primary-700\/90:focus {
    --ring-color: rgba(6, 119, 106, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 90%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/90 {
    --ring-color: rgba(6, 119, 106, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 90%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 90%, transparent);
    }
}
.ring-primary-700\/95 {
    --ring-color: rgba(6, 119, 106, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 95%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 95%, transparent);
    }
}
.hover\:ring-primary-700\/95:hover {
    --ring-color: rgba(6, 119, 106, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 95%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 95%, transparent);
    }
}
.focus\:ring-primary-700\/95:focus {
    --ring-color: rgba(6, 119, 106, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 95%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/95 {
    --ring-color: rgba(6, 119, 106, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #06776a 95%, transparent);
    }
    --tw-ring-color: rgba(6, 119, 106, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #06776a 95%, transparent);
    }
}
.ring-primary-800\/5 {
    --ring-color: rgba(1, 93, 83, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 5%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 5%, transparent);
    }
}
.hover\:ring-primary-800\/5:hover {
    --ring-color: rgba(1, 93, 83, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 5%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 5%, transparent);
    }
}
.focus\:ring-primary-800\/5:focus {
    --ring-color: rgba(1, 93, 83, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 5%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/5 {
    --ring-color: rgba(1, 93, 83, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 5%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 5%, transparent);
    }
}
.ring-primary-800\/10 {
    --ring-color: rgba(1, 93, 83, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 10%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 10%, transparent);
    }
}
.hover\:ring-primary-800\/10:hover {
    --ring-color: rgba(1, 93, 83, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 10%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 10%, transparent);
    }
}
.focus\:ring-primary-800\/10:focus {
    --ring-color: rgba(1, 93, 83, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 10%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/10 {
    --ring-color: rgba(1, 93, 83, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 10%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 10%, transparent);
    }
}
.ring-primary-800\/15 {
    --ring-color: rgba(1, 93, 83, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 15%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 15%, transparent);
    }
}
.hover\:ring-primary-800\/15:hover {
    --ring-color: rgba(1, 93, 83, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 15%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 15%, transparent);
    }
}
.focus\:ring-primary-800\/15:focus {
    --ring-color: rgba(1, 93, 83, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 15%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/15 {
    --ring-color: rgba(1, 93, 83, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 15%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 15%, transparent);
    }
}
.ring-primary-800\/20 {
    --ring-color: rgba(1, 93, 83, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 20%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 20%, transparent);
    }
}
.hover\:ring-primary-800\/20:hover {
    --ring-color: rgba(1, 93, 83, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 20%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 20%, transparent);
    }
}
.focus\:ring-primary-800\/20:focus {
    --ring-color: rgba(1, 93, 83, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 20%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/20 {
    --ring-color: rgba(1, 93, 83, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 20%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 20%, transparent);
    }
}
.ring-primary-800\/25 {
    --ring-color: rgba(1, 93, 83, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 25%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 25%, transparent);
    }
}
.hover\:ring-primary-800\/25:hover {
    --ring-color: rgba(1, 93, 83, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 25%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 25%, transparent);
    }
}
.focus\:ring-primary-800\/25:focus {
    --ring-color: rgba(1, 93, 83, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 25%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/25 {
    --ring-color: rgba(1, 93, 83, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 25%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 25%, transparent);
    }
}
.ring-primary-800\/30 {
    --ring-color: rgba(1, 93, 83, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 30%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 30%, transparent);
    }
}
.hover\:ring-primary-800\/30:hover {
    --ring-color: rgba(1, 93, 83, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 30%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 30%, transparent);
    }
}
.focus\:ring-primary-800\/30:focus {
    --ring-color: rgba(1, 93, 83, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 30%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/30 {
    --ring-color: rgba(1, 93, 83, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 30%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 30%, transparent);
    }
}
.ring-primary-800\/35 {
    --ring-color: rgba(1, 93, 83, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 35%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 35%, transparent);
    }
}
.hover\:ring-primary-800\/35:hover {
    --ring-color: rgba(1, 93, 83, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 35%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 35%, transparent);
    }
}
.focus\:ring-primary-800\/35:focus {
    --ring-color: rgba(1, 93, 83, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 35%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/35 {
    --ring-color: rgba(1, 93, 83, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 35%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 35%, transparent);
    }
}
.ring-primary-800\/40 {
    --ring-color: rgba(1, 93, 83, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 40%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 40%, transparent);
    }
}
.hover\:ring-primary-800\/40:hover {
    --ring-color: rgba(1, 93, 83, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 40%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 40%, transparent);
    }
}
.focus\:ring-primary-800\/40:focus {
    --ring-color: rgba(1, 93, 83, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 40%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/40 {
    --ring-color: rgba(1, 93, 83, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 40%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 40%, transparent);
    }
}
.ring-primary-800\/45 {
    --ring-color: rgba(1, 93, 83, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 45%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 45%, transparent);
    }
}
.hover\:ring-primary-800\/45:hover {
    --ring-color: rgba(1, 93, 83, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 45%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 45%, transparent);
    }
}
.focus\:ring-primary-800\/45:focus {
    --ring-color: rgba(1, 93, 83, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 45%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/45 {
    --ring-color: rgba(1, 93, 83, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 45%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 45%, transparent);
    }
}
.ring-primary-800\/50 {
    --ring-color: rgba(1, 93, 83, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 50%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 50%, transparent);
    }
}
.hover\:ring-primary-800\/50:hover {
    --ring-color: rgba(1, 93, 83, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 50%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 50%, transparent);
    }
}
.focus\:ring-primary-800\/50:focus {
    --ring-color: rgba(1, 93, 83, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 50%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/50 {
    --ring-color: rgba(1, 93, 83, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 50%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 50%, transparent);
    }
}
.ring-primary-800\/55 {
    --ring-color: rgba(1, 93, 83, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 55%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 55%, transparent);
    }
}
.hover\:ring-primary-800\/55:hover {
    --ring-color: rgba(1, 93, 83, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 55%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 55%, transparent);
    }
}
.focus\:ring-primary-800\/55:focus {
    --ring-color: rgba(1, 93, 83, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 55%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/55 {
    --ring-color: rgba(1, 93, 83, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 55%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 55%, transparent);
    }
}
.ring-primary-800\/60 {
    --ring-color: rgba(1, 93, 83, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 60%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 60%, transparent);
    }
}
.hover\:ring-primary-800\/60:hover {
    --ring-color: rgba(1, 93, 83, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 60%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 60%, transparent);
    }
}
.focus\:ring-primary-800\/60:focus {
    --ring-color: rgba(1, 93, 83, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 60%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/60 {
    --ring-color: rgba(1, 93, 83, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 60%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 60%, transparent);
    }
}
.ring-primary-800\/65 {
    --ring-color: rgba(1, 93, 83, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 65%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 65%, transparent);
    }
}
.hover\:ring-primary-800\/65:hover {
    --ring-color: rgba(1, 93, 83, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 65%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 65%, transparent);
    }
}
.focus\:ring-primary-800\/65:focus {
    --ring-color: rgba(1, 93, 83, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 65%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/65 {
    --ring-color: rgba(1, 93, 83, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 65%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 65%, transparent);
    }
}
.ring-primary-800\/70 {
    --ring-color: rgba(1, 93, 83, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 70%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 70%, transparent);
    }
}
.hover\:ring-primary-800\/70:hover {
    --ring-color: rgba(1, 93, 83, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 70%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 70%, transparent);
    }
}
.focus\:ring-primary-800\/70:focus {
    --ring-color: rgba(1, 93, 83, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 70%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/70 {
    --ring-color: rgba(1, 93, 83, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 70%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 70%, transparent);
    }
}
.ring-primary-800\/75 {
    --ring-color: rgba(1, 93, 83, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 75%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 75%, transparent);
    }
}
.hover\:ring-primary-800\/75:hover {
    --ring-color: rgba(1, 93, 83, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 75%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 75%, transparent);
    }
}
.focus\:ring-primary-800\/75:focus {
    --ring-color: rgba(1, 93, 83, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 75%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/75 {
    --ring-color: rgba(1, 93, 83, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 75%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 75%, transparent);
    }
}
.ring-primary-800\/80 {
    --ring-color: rgba(1, 93, 83, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 80%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 80%, transparent);
    }
}
.hover\:ring-primary-800\/80:hover {
    --ring-color: rgba(1, 93, 83, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 80%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 80%, transparent);
    }
}
.focus\:ring-primary-800\/80:focus {
    --ring-color: rgba(1, 93, 83, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 80%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/80 {
    --ring-color: rgba(1, 93, 83, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 80%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 80%, transparent);
    }
}
.ring-primary-800\/85 {
    --ring-color: rgba(1, 93, 83, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 85%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 85%, transparent);
    }
}
.hover\:ring-primary-800\/85:hover {
    --ring-color: rgba(1, 93, 83, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 85%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 85%, transparent);
    }
}
.focus\:ring-primary-800\/85:focus {
    --ring-color: rgba(1, 93, 83, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 85%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/85 {
    --ring-color: rgba(1, 93, 83, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 85%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 85%, transparent);
    }
}
.ring-primary-800\/90 {
    --ring-color: rgba(1, 93, 83, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 90%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 90%, transparent);
    }
}
.hover\:ring-primary-800\/90:hover {
    --ring-color: rgba(1, 93, 83, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 90%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 90%, transparent);
    }
}
.focus\:ring-primary-800\/90:focus {
    --ring-color: rgba(1, 93, 83, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 90%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/90 {
    --ring-color: rgba(1, 93, 83, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 90%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 90%, transparent);
    }
}
.ring-primary-800\/95 {
    --ring-color: rgba(1, 93, 83, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 95%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 95%, transparent);
    }
}
.hover\:ring-primary-800\/95:hover {
    --ring-color: rgba(1, 93, 83, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 95%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 95%, transparent);
    }
}
.focus\:ring-primary-800\/95:focus {
    --ring-color: rgba(1, 93, 83, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 95%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/95 {
    --ring-color: rgba(1, 93, 83, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #015d53 95%, transparent);
    }
    --tw-ring-color: rgba(1, 93, 83, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #015d53 95%, transparent);
    }
}
.ring-primary-900\/5 {
    --ring-color: rgba(1, 58, 52, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 5%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 5%, transparent);
    }
}
.hover\:ring-primary-900\/5:hover {
    --ring-color: rgba(1, 58, 52, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 5%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 5%, transparent);
    }
}
.focus\:ring-primary-900\/5:focus {
    --ring-color: rgba(1, 58, 52, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 5%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/5 {
    --ring-color: rgba(1, 58, 52, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 5%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 5%, transparent);
    }
}
.ring-primary-900\/10 {
    --ring-color: rgba(1, 58, 52, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 10%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 10%, transparent);
    }
}
.hover\:ring-primary-900\/10:hover {
    --ring-color: rgba(1, 58, 52, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 10%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 10%, transparent);
    }
}
.focus\:ring-primary-900\/10:focus {
    --ring-color: rgba(1, 58, 52, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 10%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/10 {
    --ring-color: rgba(1, 58, 52, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 10%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 10%, transparent);
    }
}
.ring-primary-900\/15 {
    --ring-color: rgba(1, 58, 52, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 15%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 15%, transparent);
    }
}
.hover\:ring-primary-900\/15:hover {
    --ring-color: rgba(1, 58, 52, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 15%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 15%, transparent);
    }
}
.focus\:ring-primary-900\/15:focus {
    --ring-color: rgba(1, 58, 52, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 15%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/15 {
    --ring-color: rgba(1, 58, 52, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 15%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 15%, transparent);
    }
}
.ring-primary-900\/20 {
    --ring-color: rgba(1, 58, 52, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 20%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 20%, transparent);
    }
}
.hover\:ring-primary-900\/20:hover {
    --ring-color: rgba(1, 58, 52, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 20%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 20%, transparent);
    }
}
.focus\:ring-primary-900\/20:focus {
    --ring-color: rgba(1, 58, 52, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 20%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/20 {
    --ring-color: rgba(1, 58, 52, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 20%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 20%, transparent);
    }
}
.ring-primary-900\/25 {
    --ring-color: rgba(1, 58, 52, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 25%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 25%, transparent);
    }
}
.hover\:ring-primary-900\/25:hover {
    --ring-color: rgba(1, 58, 52, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 25%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 25%, transparent);
    }
}
.focus\:ring-primary-900\/25:focus {
    --ring-color: rgba(1, 58, 52, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 25%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/25 {
    --ring-color: rgba(1, 58, 52, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 25%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 25%, transparent);
    }
}
.ring-primary-900\/30 {
    --ring-color: rgba(1, 58, 52, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 30%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 30%, transparent);
    }
}
.hover\:ring-primary-900\/30:hover {
    --ring-color: rgba(1, 58, 52, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 30%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 30%, transparent);
    }
}
.focus\:ring-primary-900\/30:focus {
    --ring-color: rgba(1, 58, 52, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 30%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/30 {
    --ring-color: rgba(1, 58, 52, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 30%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 30%, transparent);
    }
}
.ring-primary-900\/35 {
    --ring-color: rgba(1, 58, 52, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 35%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 35%, transparent);
    }
}
.hover\:ring-primary-900\/35:hover {
    --ring-color: rgba(1, 58, 52, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 35%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 35%, transparent);
    }
}
.focus\:ring-primary-900\/35:focus {
    --ring-color: rgba(1, 58, 52, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 35%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/35 {
    --ring-color: rgba(1, 58, 52, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 35%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 35%, transparent);
    }
}
.ring-primary-900\/40 {
    --ring-color: rgba(1, 58, 52, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 40%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 40%, transparent);
    }
}
.hover\:ring-primary-900\/40:hover {
    --ring-color: rgba(1, 58, 52, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 40%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 40%, transparent);
    }
}
.focus\:ring-primary-900\/40:focus {
    --ring-color: rgba(1, 58, 52, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 40%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/40 {
    --ring-color: rgba(1, 58, 52, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 40%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 40%, transparent);
    }
}
.ring-primary-900\/45 {
    --ring-color: rgba(1, 58, 52, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 45%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 45%, transparent);
    }
}
.hover\:ring-primary-900\/45:hover {
    --ring-color: rgba(1, 58, 52, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 45%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 45%, transparent);
    }
}
.focus\:ring-primary-900\/45:focus {
    --ring-color: rgba(1, 58, 52, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 45%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/45 {
    --ring-color: rgba(1, 58, 52, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 45%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 45%, transparent);
    }
}
.ring-primary-900\/50 {
    --ring-color: rgba(1, 58, 52, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 50%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 50%, transparent);
    }
}
.hover\:ring-primary-900\/50:hover {
    --ring-color: rgba(1, 58, 52, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 50%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 50%, transparent);
    }
}
.focus\:ring-primary-900\/50:focus {
    --ring-color: rgba(1, 58, 52, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 50%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/50 {
    --ring-color: rgba(1, 58, 52, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 50%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 50%, transparent);
    }
}
.ring-primary-900\/55 {
    --ring-color: rgba(1, 58, 52, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 55%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 55%, transparent);
    }
}
.hover\:ring-primary-900\/55:hover {
    --ring-color: rgba(1, 58, 52, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 55%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 55%, transparent);
    }
}
.focus\:ring-primary-900\/55:focus {
    --ring-color: rgba(1, 58, 52, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 55%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/55 {
    --ring-color: rgba(1, 58, 52, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 55%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 55%, transparent);
    }
}
.ring-primary-900\/60 {
    --ring-color: rgba(1, 58, 52, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 60%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 60%, transparent);
    }
}
.hover\:ring-primary-900\/60:hover {
    --ring-color: rgba(1, 58, 52, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 60%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 60%, transparent);
    }
}
.focus\:ring-primary-900\/60:focus {
    --ring-color: rgba(1, 58, 52, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 60%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/60 {
    --ring-color: rgba(1, 58, 52, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 60%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 60%, transparent);
    }
}
.ring-primary-900\/65 {
    --ring-color: rgba(1, 58, 52, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 65%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 65%, transparent);
    }
}
.hover\:ring-primary-900\/65:hover {
    --ring-color: rgba(1, 58, 52, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 65%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 65%, transparent);
    }
}
.focus\:ring-primary-900\/65:focus {
    --ring-color: rgba(1, 58, 52, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 65%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/65 {
    --ring-color: rgba(1, 58, 52, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 65%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 65%, transparent);
    }
}
.ring-primary-900\/70 {
    --ring-color: rgba(1, 58, 52, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 70%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 70%, transparent);
    }
}
.hover\:ring-primary-900\/70:hover {
    --ring-color: rgba(1, 58, 52, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 70%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 70%, transparent);
    }
}
.focus\:ring-primary-900\/70:focus {
    --ring-color: rgba(1, 58, 52, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 70%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/70 {
    --ring-color: rgba(1, 58, 52, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 70%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 70%, transparent);
    }
}
.ring-primary-900\/75 {
    --ring-color: rgba(1, 58, 52, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 75%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 75%, transparent);
    }
}
.hover\:ring-primary-900\/75:hover {
    --ring-color: rgba(1, 58, 52, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 75%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 75%, transparent);
    }
}
.focus\:ring-primary-900\/75:focus {
    --ring-color: rgba(1, 58, 52, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 75%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/75 {
    --ring-color: rgba(1, 58, 52, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 75%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 75%, transparent);
    }
}
.ring-primary-900\/80 {
    --ring-color: rgba(1, 58, 52, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 80%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 80%, transparent);
    }
}
.hover\:ring-primary-900\/80:hover {
    --ring-color: rgba(1, 58, 52, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 80%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 80%, transparent);
    }
}
.focus\:ring-primary-900\/80:focus {
    --ring-color: rgba(1, 58, 52, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 80%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/80 {
    --ring-color: rgba(1, 58, 52, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 80%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 80%, transparent);
    }
}
.ring-primary-900\/85 {
    --ring-color: rgba(1, 58, 52, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 85%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 85%, transparent);
    }
}
.hover\:ring-primary-900\/85:hover {
    --ring-color: rgba(1, 58, 52, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 85%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 85%, transparent);
    }
}
.focus\:ring-primary-900\/85:focus {
    --ring-color: rgba(1, 58, 52, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 85%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/85 {
    --ring-color: rgba(1, 58, 52, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 85%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 85%, transparent);
    }
}
.ring-primary-900\/90 {
    --ring-color: rgba(1, 58, 52, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 90%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 90%, transparent);
    }
}
.hover\:ring-primary-900\/90:hover {
    --ring-color: rgba(1, 58, 52, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 90%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 90%, transparent);
    }
}
.focus\:ring-primary-900\/90:focus {
    --ring-color: rgba(1, 58, 52, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 90%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/90 {
    --ring-color: rgba(1, 58, 52, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 90%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 90%, transparent);
    }
}
.ring-primary-900\/95 {
    --ring-color: rgba(1, 58, 52, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 95%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 95%, transparent);
    }
}
.hover\:ring-primary-900\/95:hover {
    --ring-color: rgba(1, 58, 52, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 95%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 95%, transparent);
    }
}
.focus\:ring-primary-900\/95:focus {
    --ring-color: rgba(1, 58, 52, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 95%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/95 {
    --ring-color: rgba(1, 58, 52, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #013a34 95%, transparent);
    }
    --tw-ring-color: rgba(1, 58, 52, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #013a34 95%, transparent);
    }
}
.shadow-primary-50\/5 {
    --tw-shadow-color: rgba(227, 246, 244, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/5:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/5:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/5 {
    --tw-shadow-color: rgba(227, 246, 244, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/10 {
    --tw-shadow-color: rgba(227, 246, 244, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/10:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/10:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/10 {
    --tw-shadow-color: rgba(227, 246, 244, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/15 {
    --tw-shadow-color: rgba(227, 246, 244, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/15:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/15:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/15 {
    --tw-shadow-color: rgba(227, 246, 244, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/20 {
    --tw-shadow-color: rgba(227, 246, 244, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/20:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/20:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/20 {
    --tw-shadow-color: rgba(227, 246, 244, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/25 {
    --tw-shadow-color: rgba(227, 246, 244, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/25:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/25:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/25 {
    --tw-shadow-color: rgba(227, 246, 244, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/30 {
    --tw-shadow-color: rgba(227, 246, 244, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/30:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/30:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/30 {
    --tw-shadow-color: rgba(227, 246, 244, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/35 {
    --tw-shadow-color: rgba(227, 246, 244, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/35:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/35:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/35 {
    --tw-shadow-color: rgba(227, 246, 244, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/40 {
    --tw-shadow-color: rgba(227, 246, 244, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/40:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/40:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/40 {
    --tw-shadow-color: rgba(227, 246, 244, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/45 {
    --tw-shadow-color: rgba(227, 246, 244, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/45:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/45:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/45 {
    --tw-shadow-color: rgba(227, 246, 244, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/50 {
    --tw-shadow-color: rgba(227, 246, 244, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/50:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/50:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/50 {
    --tw-shadow-color: rgba(227, 246, 244, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/55 {
    --tw-shadow-color: rgba(227, 246, 244, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/55:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/55:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/55 {
    --tw-shadow-color: rgba(227, 246, 244, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/60 {
    --tw-shadow-color: rgba(227, 246, 244, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/60:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/60:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/60 {
    --tw-shadow-color: rgba(227, 246, 244, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/65 {
    --tw-shadow-color: rgba(227, 246, 244, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/65:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/65:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/65 {
    --tw-shadow-color: rgba(227, 246, 244, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/70 {
    --tw-shadow-color: rgba(227, 246, 244, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/70:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/70:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/70 {
    --tw-shadow-color: rgba(227, 246, 244, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/75 {
    --tw-shadow-color: rgba(227, 246, 244, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/75:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/75:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/75 {
    --tw-shadow-color: rgba(227, 246, 244, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/80 {
    --tw-shadow-color: rgba(227, 246, 244, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/80:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/80:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/80 {
    --tw-shadow-color: rgba(227, 246, 244, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/85 {
    --tw-shadow-color: rgba(227, 246, 244, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/85:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/85:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/85 {
    --tw-shadow-color: rgba(227, 246, 244, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/90 {
    --tw-shadow-color: rgba(227, 246, 244, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/90:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/90:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/90 {
    --tw-shadow-color: rgba(227, 246, 244, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/95 {
    --tw-shadow-color: rgba(227, 246, 244, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/95:hover {
    --tw-shadow-color: rgba(227, 246, 244, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/95:focus {
    --tw-shadow-color: rgba(227, 246, 244, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/95 {
    --tw-shadow-color: rgba(227, 246, 244, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f4 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/5 {
    --tw-shadow-color: rgba(199, 247, 241, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/5:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/5:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/5 {
    --tw-shadow-color: rgba(199, 247, 241, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/10 {
    --tw-shadow-color: rgba(199, 247, 241, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/10:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/10:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/10 {
    --tw-shadow-color: rgba(199, 247, 241, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/15 {
    --tw-shadow-color: rgba(199, 247, 241, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/15:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/15:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/15 {
    --tw-shadow-color: rgba(199, 247, 241, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/20 {
    --tw-shadow-color: rgba(199, 247, 241, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/20:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/20:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/20 {
    --tw-shadow-color: rgba(199, 247, 241, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/25 {
    --tw-shadow-color: rgba(199, 247, 241, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/25:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/25:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/25 {
    --tw-shadow-color: rgba(199, 247, 241, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/30 {
    --tw-shadow-color: rgba(199, 247, 241, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/30:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/30:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/30 {
    --tw-shadow-color: rgba(199, 247, 241, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/35 {
    --tw-shadow-color: rgba(199, 247, 241, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/35:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/35:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/35 {
    --tw-shadow-color: rgba(199, 247, 241, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/40 {
    --tw-shadow-color: rgba(199, 247, 241, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/40:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/40:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/40 {
    --tw-shadow-color: rgba(199, 247, 241, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/45 {
    --tw-shadow-color: rgba(199, 247, 241, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/45:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/45:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/45 {
    --tw-shadow-color: rgba(199, 247, 241, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/50 {
    --tw-shadow-color: rgba(199, 247, 241, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/50:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/50:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/50 {
    --tw-shadow-color: rgba(199, 247, 241, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/55 {
    --tw-shadow-color: rgba(199, 247, 241, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/55:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/55:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/55 {
    --tw-shadow-color: rgba(199, 247, 241, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/60 {
    --tw-shadow-color: rgba(199, 247, 241, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/60:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/60:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/60 {
    --tw-shadow-color: rgba(199, 247, 241, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/65 {
    --tw-shadow-color: rgba(199, 247, 241, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/65:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/65:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/65 {
    --tw-shadow-color: rgba(199, 247, 241, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/70 {
    --tw-shadow-color: rgba(199, 247, 241, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/70:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/70:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/70 {
    --tw-shadow-color: rgba(199, 247, 241, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/75 {
    --tw-shadow-color: rgba(199, 247, 241, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/75:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/75:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/75 {
    --tw-shadow-color: rgba(199, 247, 241, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/80 {
    --tw-shadow-color: rgba(199, 247, 241, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/80:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/80:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/80 {
    --tw-shadow-color: rgba(199, 247, 241, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/85 {
    --tw-shadow-color: rgba(199, 247, 241, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/85:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/85:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/85 {
    --tw-shadow-color: rgba(199, 247, 241, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/90 {
    --tw-shadow-color: rgba(199, 247, 241, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/90:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/90:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/90 {
    --tw-shadow-color: rgba(199, 247, 241, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/95 {
    --tw-shadow-color: rgba(199, 247, 241, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/95:hover {
    --tw-shadow-color: rgba(199, 247, 241, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/95:focus {
    --tw-shadow-color: rgba(199, 247, 241, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/95 {
    --tw-shadow-color: rgba(199, 247, 241, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c7f7f1 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/5 {
    --tw-shadow-color: rgba(147, 242, 231, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/5:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/5:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/5 {
    --tw-shadow-color: rgba(147, 242, 231, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/10 {
    --tw-shadow-color: rgba(147, 242, 231, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/10:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/10:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/10 {
    --tw-shadow-color: rgba(147, 242, 231, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/15 {
    --tw-shadow-color: rgba(147, 242, 231, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/15:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/15:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/15 {
    --tw-shadow-color: rgba(147, 242, 231, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/20 {
    --tw-shadow-color: rgba(147, 242, 231, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/20:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/20:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/20 {
    --tw-shadow-color: rgba(147, 242, 231, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/25 {
    --tw-shadow-color: rgba(147, 242, 231, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/25:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/25:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/25 {
    --tw-shadow-color: rgba(147, 242, 231, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/30 {
    --tw-shadow-color: rgba(147, 242, 231, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/30:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/30:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/30 {
    --tw-shadow-color: rgba(147, 242, 231, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/35 {
    --tw-shadow-color: rgba(147, 242, 231, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/35:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/35:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/35 {
    --tw-shadow-color: rgba(147, 242, 231, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/40 {
    --tw-shadow-color: rgba(147, 242, 231, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/40:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/40:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/40 {
    --tw-shadow-color: rgba(147, 242, 231, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/45 {
    --tw-shadow-color: rgba(147, 242, 231, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/45:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/45:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/45 {
    --tw-shadow-color: rgba(147, 242, 231, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/50 {
    --tw-shadow-color: rgba(147, 242, 231, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/50:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/50:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/50 {
    --tw-shadow-color: rgba(147, 242, 231, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/55 {
    --tw-shadow-color: rgba(147, 242, 231, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/55:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/55:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/55 {
    --tw-shadow-color: rgba(147, 242, 231, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/60 {
    --tw-shadow-color: rgba(147, 242, 231, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/60:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/60:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/60 {
    --tw-shadow-color: rgba(147, 242, 231, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/65 {
    --tw-shadow-color: rgba(147, 242, 231, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/65:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/65:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/65 {
    --tw-shadow-color: rgba(147, 242, 231, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/70 {
    --tw-shadow-color: rgba(147, 242, 231, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/70:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/70:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/70 {
    --tw-shadow-color: rgba(147, 242, 231, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/75 {
    --tw-shadow-color: rgba(147, 242, 231, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/75:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/75:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/75 {
    --tw-shadow-color: rgba(147, 242, 231, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/80 {
    --tw-shadow-color: rgba(147, 242, 231, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/80:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/80:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/80 {
    --tw-shadow-color: rgba(147, 242, 231, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/85 {
    --tw-shadow-color: rgba(147, 242, 231, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/85:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/85:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/85 {
    --tw-shadow-color: rgba(147, 242, 231, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/90 {
    --tw-shadow-color: rgba(147, 242, 231, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/90:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/90:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/90 {
    --tw-shadow-color: rgba(147, 242, 231, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/95 {
    --tw-shadow-color: rgba(147, 242, 231, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/95:hover {
    --tw-shadow-color: rgba(147, 242, 231, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/95:focus {
    --tw-shadow-color: rgba(147, 242, 231, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/95 {
    --tw-shadow-color: rgba(147, 242, 231, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #93f2e7 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/5 {
    --tw-shadow-color: rgba(89, 239, 222, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/5:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/5:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/5 {
    --tw-shadow-color: rgba(89, 239, 222, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/10 {
    --tw-shadow-color: rgba(89, 239, 222, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/10:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/10:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/10 {
    --tw-shadow-color: rgba(89, 239, 222, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/15 {
    --tw-shadow-color: rgba(89, 239, 222, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/15:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/15:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/15 {
    --tw-shadow-color: rgba(89, 239, 222, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/20 {
    --tw-shadow-color: rgba(89, 239, 222, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/20:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/20:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/20 {
    --tw-shadow-color: rgba(89, 239, 222, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/25 {
    --tw-shadow-color: rgba(89, 239, 222, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/25:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/25:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/25 {
    --tw-shadow-color: rgba(89, 239, 222, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/30 {
    --tw-shadow-color: rgba(89, 239, 222, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/30:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/30:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/30 {
    --tw-shadow-color: rgba(89, 239, 222, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/35 {
    --tw-shadow-color: rgba(89, 239, 222, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/35:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/35:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/35 {
    --tw-shadow-color: rgba(89, 239, 222, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/40 {
    --tw-shadow-color: rgba(89, 239, 222, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/40:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/40:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/40 {
    --tw-shadow-color: rgba(89, 239, 222, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/45 {
    --tw-shadow-color: rgba(89, 239, 222, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/45:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/45:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/45 {
    --tw-shadow-color: rgba(89, 239, 222, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/50 {
    --tw-shadow-color: rgba(89, 239, 222, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/50:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/50:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/50 {
    --tw-shadow-color: rgba(89, 239, 222, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/55 {
    --tw-shadow-color: rgba(89, 239, 222, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/55:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/55:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/55 {
    --tw-shadow-color: rgba(89, 239, 222, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/60 {
    --tw-shadow-color: rgba(89, 239, 222, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/60:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/60:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/60 {
    --tw-shadow-color: rgba(89, 239, 222, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/65 {
    --tw-shadow-color: rgba(89, 239, 222, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/65:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/65:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/65 {
    --tw-shadow-color: rgba(89, 239, 222, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/70 {
    --tw-shadow-color: rgba(89, 239, 222, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/70:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/70:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/70 {
    --tw-shadow-color: rgba(89, 239, 222, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/75 {
    --tw-shadow-color: rgba(89, 239, 222, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/75:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/75:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/75 {
    --tw-shadow-color: rgba(89, 239, 222, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/80 {
    --tw-shadow-color: rgba(89, 239, 222, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/80:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/80:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/80 {
    --tw-shadow-color: rgba(89, 239, 222, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/85 {
    --tw-shadow-color: rgba(89, 239, 222, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/85:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/85:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/85 {
    --tw-shadow-color: rgba(89, 239, 222, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/90 {
    --tw-shadow-color: rgba(89, 239, 222, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/90:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/90:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/90 {
    --tw-shadow-color: rgba(89, 239, 222, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/95 {
    --tw-shadow-color: rgba(89, 239, 222, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/95:hover {
    --tw-shadow-color: rgba(89, 239, 222, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/95:focus {
    --tw-shadow-color: rgba(89, 239, 222, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/95 {
    --tw-shadow-color: rgba(89, 239, 222, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #59efde 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/5 {
    --tw-shadow-color: rgba(22, 239, 215, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/5:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/5:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/5 {
    --tw-shadow-color: rgba(22, 239, 215, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/10 {
    --tw-shadow-color: rgba(22, 239, 215, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/10:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/10:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/10 {
    --tw-shadow-color: rgba(22, 239, 215, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/15 {
    --tw-shadow-color: rgba(22, 239, 215, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/15:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/15:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/15 {
    --tw-shadow-color: rgba(22, 239, 215, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/20 {
    --tw-shadow-color: rgba(22, 239, 215, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/20:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/20:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/20 {
    --tw-shadow-color: rgba(22, 239, 215, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/25 {
    --tw-shadow-color: rgba(22, 239, 215, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/25:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/25:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/25 {
    --tw-shadow-color: rgba(22, 239, 215, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/30 {
    --tw-shadow-color: rgba(22, 239, 215, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/30:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/30:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/30 {
    --tw-shadow-color: rgba(22, 239, 215, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/35 {
    --tw-shadow-color: rgba(22, 239, 215, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/35:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/35:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/35 {
    --tw-shadow-color: rgba(22, 239, 215, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/40 {
    --tw-shadow-color: rgba(22, 239, 215, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/40:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/40:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/40 {
    --tw-shadow-color: rgba(22, 239, 215, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/45 {
    --tw-shadow-color: rgba(22, 239, 215, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/45:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/45:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/45 {
    --tw-shadow-color: rgba(22, 239, 215, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/50 {
    --tw-shadow-color: rgba(22, 239, 215, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/50:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/50:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/50 {
    --tw-shadow-color: rgba(22, 239, 215, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/55 {
    --tw-shadow-color: rgba(22, 239, 215, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/55:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/55:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/55 {
    --tw-shadow-color: rgba(22, 239, 215, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/60 {
    --tw-shadow-color: rgba(22, 239, 215, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/60:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/60:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/60 {
    --tw-shadow-color: rgba(22, 239, 215, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/65 {
    --tw-shadow-color: rgba(22, 239, 215, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/65:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/65:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/65 {
    --tw-shadow-color: rgba(22, 239, 215, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/70 {
    --tw-shadow-color: rgba(22, 239, 215, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/70:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/70:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/70 {
    --tw-shadow-color: rgba(22, 239, 215, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/75 {
    --tw-shadow-color: rgba(22, 239, 215, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/75:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/75:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/75 {
    --tw-shadow-color: rgba(22, 239, 215, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/80 {
    --tw-shadow-color: rgba(22, 239, 215, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/80:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/80:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/80 {
    --tw-shadow-color: rgba(22, 239, 215, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/85 {
    --tw-shadow-color: rgba(22, 239, 215, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/85:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/85:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/85 {
    --tw-shadow-color: rgba(22, 239, 215, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/90 {
    --tw-shadow-color: rgba(22, 239, 215, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/90:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/90:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/90 {
    --tw-shadow-color: rgba(22, 239, 215, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/95 {
    --tw-shadow-color: rgba(22, 239, 215, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/95:hover {
    --tw-shadow-color: rgba(22, 239, 215, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/95:focus {
    --tw-shadow-color: rgba(22, 239, 215, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/95 {
    --tw-shadow-color: rgba(22, 239, 215, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #16efd7 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/5 {
    --tw-shadow-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/5:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/5:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/5 {
    --tw-shadow-color: rgba(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/10 {
    --tw-shadow-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/10:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/10:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/10 {
    --tw-shadow-color: rgba(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/15 {
    --tw-shadow-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/15:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/15:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/15 {
    --tw-shadow-color: rgba(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/20 {
    --tw-shadow-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/20:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/20:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/20 {
    --tw-shadow-color: rgba(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/25 {
    --tw-shadow-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/25:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/25:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/25 {
    --tw-shadow-color: rgba(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/30 {
    --tw-shadow-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/30:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/30:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/30 {
    --tw-shadow-color: rgba(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/35 {
    --tw-shadow-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/35:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/35:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/35 {
    --tw-shadow-color: rgba(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/40 {
    --tw-shadow-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/40:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/40:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/40 {
    --tw-shadow-color: rgba(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/45 {
    --tw-shadow-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/45:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/45:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/45 {
    --tw-shadow-color: rgba(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/50 {
    --tw-shadow-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/50:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/50:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/50 {
    --tw-shadow-color: rgba(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/55 {
    --tw-shadow-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/55:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/55:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/55 {
    --tw-shadow-color: rgba(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/60 {
    --tw-shadow-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/60:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/60:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/60 {
    --tw-shadow-color: rgba(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/65 {
    --tw-shadow-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/65:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/65:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/65 {
    --tw-shadow-color: rgba(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/70 {
    --tw-shadow-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/70:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/70:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/70 {
    --tw-shadow-color: rgba(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/75 {
    --tw-shadow-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/75:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/75:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/75 {
    --tw-shadow-color: rgba(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/80 {
    --tw-shadow-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/80:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/80:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/80 {
    --tw-shadow-color: rgba(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/85 {
    --tw-shadow-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/85:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/85:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/85 {
    --tw-shadow-color: rgba(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/90 {
    --tw-shadow-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/90:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/90:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/90 {
    --tw-shadow-color: rgba(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/95 {
    --tw-shadow-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/95:hover {
    --tw-shadow-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/95:focus {
    --tw-shadow-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/95 {
    --tw-shadow-color: rgba(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #07a392 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/5 {
    --tw-shadow-color: rgba(7, 145, 129, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/5:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/5:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/5 {
    --tw-shadow-color: rgba(7, 145, 129, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/10 {
    --tw-shadow-color: rgba(7, 145, 129, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/10:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/10:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/10 {
    --tw-shadow-color: rgba(7, 145, 129, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/15 {
    --tw-shadow-color: rgba(7, 145, 129, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/15:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/15:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/15 {
    --tw-shadow-color: rgba(7, 145, 129, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/20 {
    --tw-shadow-color: rgba(7, 145, 129, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/20:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/20:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/20 {
    --tw-shadow-color: rgba(7, 145, 129, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/25 {
    --tw-shadow-color: rgba(7, 145, 129, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/25:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/25:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/25 {
    --tw-shadow-color: rgba(7, 145, 129, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/30 {
    --tw-shadow-color: rgba(7, 145, 129, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/30:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/30:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/30 {
    --tw-shadow-color: rgba(7, 145, 129, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/35 {
    --tw-shadow-color: rgba(7, 145, 129, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/35:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/35:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/35 {
    --tw-shadow-color: rgba(7, 145, 129, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/40 {
    --tw-shadow-color: rgba(7, 145, 129, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/40:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/40:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/40 {
    --tw-shadow-color: rgba(7, 145, 129, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/45 {
    --tw-shadow-color: rgba(7, 145, 129, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/45:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/45:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/45 {
    --tw-shadow-color: rgba(7, 145, 129, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/50 {
    --tw-shadow-color: rgba(7, 145, 129, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/50:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/50:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/50 {
    --tw-shadow-color: rgba(7, 145, 129, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/55 {
    --tw-shadow-color: rgba(7, 145, 129, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/55:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/55:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/55 {
    --tw-shadow-color: rgba(7, 145, 129, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/60 {
    --tw-shadow-color: rgba(7, 145, 129, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/60:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/60:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/60 {
    --tw-shadow-color: rgba(7, 145, 129, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/65 {
    --tw-shadow-color: rgba(7, 145, 129, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/65:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/65:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/65 {
    --tw-shadow-color: rgba(7, 145, 129, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/70 {
    --tw-shadow-color: rgba(7, 145, 129, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/70:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/70:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/70 {
    --tw-shadow-color: rgba(7, 145, 129, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/75 {
    --tw-shadow-color: rgba(7, 145, 129, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/75:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/75:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/75 {
    --tw-shadow-color: rgba(7, 145, 129, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/80 {
    --tw-shadow-color: rgba(7, 145, 129, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/80:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/80:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/80 {
    --tw-shadow-color: rgba(7, 145, 129, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/85 {
    --tw-shadow-color: rgba(7, 145, 129, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/85:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/85:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/85 {
    --tw-shadow-color: rgba(7, 145, 129, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/90 {
    --tw-shadow-color: rgba(7, 145, 129, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/90:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/90:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/90 {
    --tw-shadow-color: rgba(7, 145, 129, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/95 {
    --tw-shadow-color: rgba(7, 145, 129, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/95:hover {
    --tw-shadow-color: rgba(7, 145, 129, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/95:focus {
    --tw-shadow-color: rgba(7, 145, 129, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/95 {
    --tw-shadow-color: rgba(7, 145, 129, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #079181 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/5 {
    --tw-shadow-color: rgba(6, 119, 106, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/5:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/5:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/5 {
    --tw-shadow-color: rgba(6, 119, 106, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/10 {
    --tw-shadow-color: rgba(6, 119, 106, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/10:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/10:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/10 {
    --tw-shadow-color: rgba(6, 119, 106, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/15 {
    --tw-shadow-color: rgba(6, 119, 106, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/15:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/15:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/15 {
    --tw-shadow-color: rgba(6, 119, 106, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/20 {
    --tw-shadow-color: rgba(6, 119, 106, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/20:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/20:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/20 {
    --tw-shadow-color: rgba(6, 119, 106, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/25 {
    --tw-shadow-color: rgba(6, 119, 106, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/25:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/25:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/25 {
    --tw-shadow-color: rgba(6, 119, 106, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/30 {
    --tw-shadow-color: rgba(6, 119, 106, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/30:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/30:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/30 {
    --tw-shadow-color: rgba(6, 119, 106, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/35 {
    --tw-shadow-color: rgba(6, 119, 106, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/35:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/35:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/35 {
    --tw-shadow-color: rgba(6, 119, 106, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/40 {
    --tw-shadow-color: rgba(6, 119, 106, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/40:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/40:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/40 {
    --tw-shadow-color: rgba(6, 119, 106, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/45 {
    --tw-shadow-color: rgba(6, 119, 106, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/45:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/45:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/45 {
    --tw-shadow-color: rgba(6, 119, 106, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/50 {
    --tw-shadow-color: rgba(6, 119, 106, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/50:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/50:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/50 {
    --tw-shadow-color: rgba(6, 119, 106, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/55 {
    --tw-shadow-color: rgba(6, 119, 106, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/55:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/55:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/55 {
    --tw-shadow-color: rgba(6, 119, 106, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/60 {
    --tw-shadow-color: rgba(6, 119, 106, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/60:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/60:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/60 {
    --tw-shadow-color: rgba(6, 119, 106, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/65 {
    --tw-shadow-color: rgba(6, 119, 106, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/65:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/65:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/65 {
    --tw-shadow-color: rgba(6, 119, 106, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/70 {
    --tw-shadow-color: rgba(6, 119, 106, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/70:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/70:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/70 {
    --tw-shadow-color: rgba(6, 119, 106, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/75 {
    --tw-shadow-color: rgba(6, 119, 106, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/75:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/75:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/75 {
    --tw-shadow-color: rgba(6, 119, 106, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/80 {
    --tw-shadow-color: rgba(6, 119, 106, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/80:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/80:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/80 {
    --tw-shadow-color: rgba(6, 119, 106, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/85 {
    --tw-shadow-color: rgba(6, 119, 106, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/85:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/85:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/85 {
    --tw-shadow-color: rgba(6, 119, 106, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/90 {
    --tw-shadow-color: rgba(6, 119, 106, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/90:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/90:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/90 {
    --tw-shadow-color: rgba(6, 119, 106, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/95 {
    --tw-shadow-color: rgba(6, 119, 106, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/95:hover {
    --tw-shadow-color: rgba(6, 119, 106, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/95:focus {
    --tw-shadow-color: rgba(6, 119, 106, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/95 {
    --tw-shadow-color: rgba(6, 119, 106, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #06776a 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/5 {
    --tw-shadow-color: rgba(1, 93, 83, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/5:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/5:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/5 {
    --tw-shadow-color: rgba(1, 93, 83, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/10 {
    --tw-shadow-color: rgba(1, 93, 83, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/10:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/10:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/10 {
    --tw-shadow-color: rgba(1, 93, 83, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/15 {
    --tw-shadow-color: rgba(1, 93, 83, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/15:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/15:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/15 {
    --tw-shadow-color: rgba(1, 93, 83, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/20 {
    --tw-shadow-color: rgba(1, 93, 83, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/20:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/20:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/20 {
    --tw-shadow-color: rgba(1, 93, 83, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/25 {
    --tw-shadow-color: rgba(1, 93, 83, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/25:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/25:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/25 {
    --tw-shadow-color: rgba(1, 93, 83, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/30 {
    --tw-shadow-color: rgba(1, 93, 83, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/30:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/30:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/30 {
    --tw-shadow-color: rgba(1, 93, 83, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/35 {
    --tw-shadow-color: rgba(1, 93, 83, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/35:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/35:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/35 {
    --tw-shadow-color: rgba(1, 93, 83, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/40 {
    --tw-shadow-color: rgba(1, 93, 83, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/40:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/40:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/40 {
    --tw-shadow-color: rgba(1, 93, 83, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/45 {
    --tw-shadow-color: rgba(1, 93, 83, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/45:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/45:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/45 {
    --tw-shadow-color: rgba(1, 93, 83, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/50 {
    --tw-shadow-color: rgba(1, 93, 83, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/50:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/50:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/50 {
    --tw-shadow-color: rgba(1, 93, 83, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/55 {
    --tw-shadow-color: rgba(1, 93, 83, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/55:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/55:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/55 {
    --tw-shadow-color: rgba(1, 93, 83, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/60 {
    --tw-shadow-color: rgba(1, 93, 83, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/60:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/60:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/60 {
    --tw-shadow-color: rgba(1, 93, 83, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/65 {
    --tw-shadow-color: rgba(1, 93, 83, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/65:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/65:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/65 {
    --tw-shadow-color: rgba(1, 93, 83, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/70 {
    --tw-shadow-color: rgba(1, 93, 83, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/70:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/70:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/70 {
    --tw-shadow-color: rgba(1, 93, 83, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/75 {
    --tw-shadow-color: rgba(1, 93, 83, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/75:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/75:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/75 {
    --tw-shadow-color: rgba(1, 93, 83, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/80 {
    --tw-shadow-color: rgba(1, 93, 83, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/80:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/80:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/80 {
    --tw-shadow-color: rgba(1, 93, 83, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/85 {
    --tw-shadow-color: rgba(1, 93, 83, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/85:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/85:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/85 {
    --tw-shadow-color: rgba(1, 93, 83, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/90 {
    --tw-shadow-color: rgba(1, 93, 83, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/90:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/90:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/90 {
    --tw-shadow-color: rgba(1, 93, 83, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/95 {
    --tw-shadow-color: rgba(1, 93, 83, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/95:hover {
    --tw-shadow-color: rgba(1, 93, 83, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/95:focus {
    --tw-shadow-color: rgba(1, 93, 83, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/95 {
    --tw-shadow-color: rgba(1, 93, 83, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #015d53 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/5 {
    --tw-shadow-color: rgba(1, 58, 52, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/5:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/5:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/5 {
    --tw-shadow-color: rgba(1, 58, 52, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/10 {
    --tw-shadow-color: rgba(1, 58, 52, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/10:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/10:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/10 {
    --tw-shadow-color: rgba(1, 58, 52, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/15 {
    --tw-shadow-color: rgba(1, 58, 52, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/15:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/15:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/15 {
    --tw-shadow-color: rgba(1, 58, 52, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/20 {
    --tw-shadow-color: rgba(1, 58, 52, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/20:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/20:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/20 {
    --tw-shadow-color: rgba(1, 58, 52, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/25 {
    --tw-shadow-color: rgba(1, 58, 52, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/25:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/25:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/25 {
    --tw-shadow-color: rgba(1, 58, 52, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/30 {
    --tw-shadow-color: rgba(1, 58, 52, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/30:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/30:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/30 {
    --tw-shadow-color: rgba(1, 58, 52, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/35 {
    --tw-shadow-color: rgba(1, 58, 52, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/35:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/35:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/35 {
    --tw-shadow-color: rgba(1, 58, 52, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/40 {
    --tw-shadow-color: rgba(1, 58, 52, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/40:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/40:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/40 {
    --tw-shadow-color: rgba(1, 58, 52, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/45 {
    --tw-shadow-color: rgba(1, 58, 52, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/45:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/45:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/45 {
    --tw-shadow-color: rgba(1, 58, 52, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/50 {
    --tw-shadow-color: rgba(1, 58, 52, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/50:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/50:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/50 {
    --tw-shadow-color: rgba(1, 58, 52, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/55 {
    --tw-shadow-color: rgba(1, 58, 52, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/55:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/55:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/55 {
    --tw-shadow-color: rgba(1, 58, 52, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/60 {
    --tw-shadow-color: rgba(1, 58, 52, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/60:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/60:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/60 {
    --tw-shadow-color: rgba(1, 58, 52, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/65 {
    --tw-shadow-color: rgba(1, 58, 52, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/65:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/65:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/65 {
    --tw-shadow-color: rgba(1, 58, 52, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/70 {
    --tw-shadow-color: rgba(1, 58, 52, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/70:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/70:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/70 {
    --tw-shadow-color: rgba(1, 58, 52, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/75 {
    --tw-shadow-color: rgba(1, 58, 52, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/75:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/75:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/75 {
    --tw-shadow-color: rgba(1, 58, 52, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/80 {
    --tw-shadow-color: rgba(1, 58, 52, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/80:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/80:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/80 {
    --tw-shadow-color: rgba(1, 58, 52, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/85 {
    --tw-shadow-color: rgba(1, 58, 52, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/85:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/85:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/85 {
    --tw-shadow-color: rgba(1, 58, 52, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/90 {
    --tw-shadow-color: rgba(1, 58, 52, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/90:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/90:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/90 {
    --tw-shadow-color: rgba(1, 58, 52, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/95 {
    --tw-shadow-color: rgba(1, 58, 52, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/95:hover {
    --tw-shadow-color: rgba(1, 58, 52, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/95:focus {
    --tw-shadow-color: rgba(1, 58, 52, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/95 {
    --tw-shadow-color: rgba(1, 58, 52, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #013a34 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:text-white {
    color: #fff;
}
.from-primary {
    --tw-gradient-from: #07a392;
    --tw-gradient-stops: var(--tw-gradient-via-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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-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(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #07a392 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: #07a392;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #07a392;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #07a392;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #07a392 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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-via-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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-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: #07a392;
    --tw-gradient-stops: var(--tw-gradient-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(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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(7, 163, 146, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #07a392 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%, #c7f7f1 0);
}
a.underlinedlinksmall {
    background-image: linear-gradient(180deg, transparent 88%, #c7f7f1 0);
}
a:hover.underlinedlinksmall {
    background-image: linear-gradient(180deg, transparent 88%, #93f2e7 0);
}
.cms__content a, .ce-bodytext a, .cke_editable a {
    text-decoration: none;
    background-image: linear-gradient(180deg, transparent 85%, #c7f7f1 0);
}
a.highlight {
    color: #0E9C8C !important;
}
a.highlight:hover {
    color: #079181 !important;
}
.cms__content .button-primary:hover {
    background-color: #079181 !important;
    border-color: #079181 !important;
}
.cms__content h1 {
  /*  color: #0E9C8C !important;*/
}
.cms__content .button-primary {
    background-color: #0E9C8C !important;
    border-color: #0E9C8C !important;
}
.prose a {
    color: #0E9C8C !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: #0E9C8C !important};.multiselect__tag{background: #0E9C8C !important};.multiselect__option--highlight:after {background: #0E9C8C !important;} 
        .multiselect__option--highlight {
        
    background: #0E9C8C !important;
   
}a.button-primary{
background-color: #0E9C8C !important; border-color: #0E9C8C !important};