.bg-primary-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 232, 248, var(--tw-bg-opacity));
}
.bg-primary-50-important {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 232, 248, var(--tw-bg-opacity)) !important;
}
.focus\:bg-primary-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 232, 248, var(--tw-bg-opacity));
}
.hover\:bg-primary-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 232, 248, var(--tw-bg-opacity));
}
.bg-primary-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 210, 250, var(--tw-bg-opacity));
}
.bg-primary-100-important {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 210, 250, var(--tw-bg-opacity)) !important;
}
.focus\:bg-primary-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 210, 250, var(--tw-bg-opacity));
}
.hover\:bg-primary-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 210, 250, var(--tw-bg-opacity));
}
.bg-primary-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 171, 247, var(--tw-bg-opacity));
}
.bg-primary-200-important {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 171, 247, var(--tw-bg-opacity)) !important;
}
.focus\:bg-primary-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 171, 247, var(--tw-bg-opacity));
}
.hover\:bg-primary-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 171, 247, var(--tw-bg-opacity));
}
.bg-primary-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(206, 126, 247, var(--tw-bg-opacity));
}
.bg-primary-300-important {
    --tw-bg-opacity: 1;
    background-color: rgba(206, 126, 247, var(--tw-bg-opacity)) !important;
}
.focus\:bg-primary-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(206, 126, 247, var(--tw-bg-opacity));
}
.hover\:bg-primary-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(206, 126, 247, var(--tw-bg-opacity));
}
.bg-primary-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(189, 75, 248, var(--tw-bg-opacity));
}
.bg-primary-400-important {
    --tw-bg-opacity: 1;
    background-color: rgba(189, 75, 248, var(--tw-bg-opacity)) !important;
}
.focus\:bg-primary-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(189, 75, 248, var(--tw-bg-opacity));
}
.hover\:bg-primary-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(189, 75, 248, var(--tw-bg-opacity));
}
.bg-primary-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(168, 4, 252, var(--tw-bg-opacity));
}
.bg-primary-500-important {
    --tw-bg-opacity: 1;
    background-color: rgba(168, 4, 252, var(--tw-bg-opacity)) !important;
}
.focus\:bg-primary-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(168, 4, 252, var(--tw-bg-opacity));
}
.hover\:bg-primary-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(168, 4, 252, var(--tw-bg-opacity));
}
.bg-primary-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(150, 3, 225, var(--tw-bg-opacity));
}
.bg-primary-600-important {
    --tw-bg-opacity: 1;
    background-color: rgba(150, 3, 225, var(--tw-bg-opacity)) !important;
}
.focus\:bg-primary-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(150, 3, 225, var(--tw-bg-opacity));
}
.hover\:bg-primary-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(150, 3, 225, var(--tw-bg-opacity));
}
.bg-primary-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(123, 4, 185, var(--tw-bg-opacity));
}
.bg-primary-700-important {
    --tw-bg-opacity: 1;
    background-color: rgba(123, 4, 185, var(--tw-bg-opacity)) !important;
}
.focus\:bg-primary-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(123, 4, 185, var(--tw-bg-opacity));
}
.hover\:bg-primary-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(123, 4, 185, var(--tw-bg-opacity));
}
.bg-primary-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(93, 0, 142, var(--tw-bg-opacity));
}
.bg-primary-800-important {
    --tw-bg-opacity: 1;
    background-color: rgba(93, 0, 142, var(--tw-bg-opacity)) !important;
}
.focus\:bg-primary-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(93, 0, 142, var(--tw-bg-opacity));
}
.hover\:bg-primary-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(93, 0, 142, var(--tw-bg-opacity));
}
.bg-primary-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 0, 90, var(--tw-bg-opacity));
}
.bg-primary-900-important {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 0, 90, var(--tw-bg-opacity)) !important;
}
.focus\:bg-primary-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 0, 90, var(--tw-bg-opacity));
}
.hover\:bg-primary-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 0, 90, var(--tw-bg-opacity));
}
.bg-primary-20-50 {
    background-color: rgba(243, 232, 248, .2);
}
.bg-primary-20-50-important {
    background-color: rgba(243, 232, 248, .2) !important;
}
.bg-primary-20-100 {
    background-color: rgba(236, 210, 250, .2);
}
.bg-primary-20-100-important {
    background-color: rgba(236, 210, 250, .2) !important;
}
.bg-primary-20-200 {
    background-color: rgba(221, 171, 247, .2);
}
.bg-primary-20-200-important {
    background-color: rgba(221, 171, 247, .2) !important;
}
.bg-primary-20-300 {
    background-color: rgba(206, 126, 247, .2);
}
.bg-primary-20-300-important {
    background-color: rgba(206, 126, 247, .2) !important;
}
.bg-primary-20-400 {
    background-color: rgba(189, 75, 248, .2);
}
.bg-primary-20-400-important {
    background-color: rgba(189, 75, 248, .2) !important;
}
.bg-primary-20-500 {
    background-color: rgba(168, 4, 252, .2);
}
.bg-primary-20-500-important {
    background-color: rgba(168, 4, 252, .2) !important;
}
.bg-primary-20-600 {
    background-color: rgba(150, 3, 225, .2);
}
.bg-primary-20-600-important {
    background-color: rgba(150, 3, 225, .2) !important;
}
.bg-primary-20-700 {
    background-color: rgba(123, 4, 185, .2);
}
.bg-primary-20-700-important {
    background-color: rgba(123, 4, 185, .2) !important;
}
.bg-primary-20-800 {
    background-color: rgba(93, 0, 142, .2);
}
.bg-primary-20-800-important {
    background-color: rgba(93, 0, 142, .2) !important;
}
.bg-primary-20-900 {
    background-color: rgba(59, 0, 90, .2);
}
.bg-primary-20-900-important {
    background-color: rgba(59, 0, 90, .2) !important;
}
.focus\:bg-primary-20-50:focus {
    background-color: rgba(243, 232, 248, .2);
}
.hover\:bg-primary-20-50:hover {
    background-color: rgba(243, 232, 248, .2);
}
.focus\:bg-primary-20-100:focus {
    background-color: rgba(236, 210, 250, .2);
}
.hover\:bg-primary-20-100:hover {
    background-color: rgba(236, 210, 250, .2);
}
.focus\:bg-primary-20-200:focus {
    background-color: rgba(221, 171, 247, .2);
}
.hover\:bg-primary-20-200:hover {
    background-color: rgba(221, 171, 247, .2);
}
.focus\:bg-primary-20-300:focus {
    background-color: rgba(206, 126, 247, .2);
}
.hover\:bg-primary-20-300:hover {
    background-color: rgba(206, 126, 247, .2);
}
.focus\:bg-primary-20-400:focus {
    background-color: rgba(189, 75, 248, .2);
}
.hover\:bg-primary-20-400:hover {
    background-color: rgba(189, 75, 248, .2);
}
.focus\:bg-primary-20-500:focus {
    background-color: rgba(168, 4, 252, .2);
}
.hover\:bg-primary-20-500:hover {
    background-color: rgba(168, 4, 252, .2);
}
.focus\:bg-primary-20-600:focus {
    background-color: rgba(150, 3, 225, .2);
}
.hover\:bg-primary-20-600:hover {
    background-color: rgba(150, 3, 225, .2);
}
.focus\:bg-primary-20-700:focus {
    background-color: rgba(123, 4, 185, .2);
}
.hover\:bg-primary-20-700:hover {
    background-color: rgba(123, 4, 185, .2);
}
.focus\:bg-primary-20-800:focus {
    background-color: rgba(93, 0, 142, .2);
}
.hover\:bg-primary-20-800:hover {
    background-color: rgba(93, 0, 142, .2);
}
.focus\:bg-primary-20-900:focus {
    background-color: rgba(59, 0, 90, .2);
}
.hover\:bg-primary-20-900:hover {
    background-color: rgba(59, 0, 90, .2);
}
.bg-primary-25-50 {
    background-color: rgba(243, 232, 248, .25);
}
.bg-primary-25-50-important {
    background-color: rgba(243, 232, 248, .25) !important;
}
.bg-primary-25-100 {
    background-color: rgba(236, 210, 250, .25);
}
.bg-primary-25-100-important {
    background-color: rgba(236, 210, 250, .25) !important;
}
.bg-primary-25-200 {
    background-color: rgba(221, 171, 247, .25);
}
.bg-primary-25-200-important {
    background-color: rgba(221, 171, 247, .25) !important;
}
.bg-primary-25-300 {
    background-color: rgba(206, 126, 247, .25);
}
.bg-primary-25-300-important {
    background-color: rgba(206, 126, 247, .25) !important;
}
.bg-primary-25-400 {
    background-color: rgba(189, 75, 248, .25);
}
.bg-primary-25-400-important {
    background-color: rgba(189, 75, 248, .25) !important;
}
.bg-primary-25-500 {
    background-color: rgba(168, 4, 252, .25);
}
.bg-primary-25-500-important {
    background-color: rgba(168, 4, 252, .25) !important;
}
.bg-primary-25-600 {
    background-color: rgba(150, 3, 225, .25);
}
.bg-primary-25-600-important {
    background-color: rgba(150, 3, 225, .25) !important;
}
.bg-primary-25-700 {
    background-color: rgba(123, 4, 185, .25);
}
.bg-primary-25-700-important {
    background-color: rgba(123, 4, 185, .25) !important;
}
.bg-primary-25-800 {
    background-color: rgba(93, 0, 142, .25);
}
.bg-primary-25-800-important {
    background-color: rgba(93, 0, 142, .25) !important;
}
.bg-primary-25-900 {
    background-color: rgba(59, 0, 90, .25);
}
.bg-primary-25-900-important {
    background-color: rgba(59, 0, 90, .25) !important;
}
.focus\:bg-primary-25-50:focus {
    background-color: rgba(243, 232, 248, .25);
}
.hover\:bg-primary-25-50:hover {
    background-color: rgba(243, 232, 248, .25);
}
.focus\:bg-primary-25-100:focus {
    background-color: rgba(236, 210, 250, .25);
}
.hover\:bg-primary-25-100:hover {
    background-color: rgba(236, 210, 250, .25);
}
.focus\:bg-primary-25-200:focus {
    background-color: rgba(221, 171, 247, .25);
}
.hover\:bg-primary-25-200:hover {
    background-color: rgba(221, 171, 247, .25);
}
.focus\:bg-primary-25-300:focus {
    background-color: rgba(206, 126, 247, .25);
}
.hover\:bg-primary-25-300:hover {
    background-color: rgba(206, 126, 247, .25);
}
.focus\:bg-primary-25-400:focus {
    background-color: rgba(189, 75, 248, .25);
}
.hover\:bg-primary-25-400:hover {
    background-color: rgba(189, 75, 248, .25);
}
.focus\:bg-primary-25-500:focus {
    background-color: rgba(168, 4, 252, .25);
}
.hover\:bg-primary-25-500:hover {
    background-color: rgba(168, 4, 252, .25);
}
.focus\:bg-primary-25-600:focus {
    background-color: rgba(150, 3, 225, .25);
}
.hover\:bg-primary-25-600:hover {
    background-color: rgba(150, 3, 225, .25);
}
.focus\:bg-primary-25-700:focus {
    background-color: rgba(123, 4, 185, .25);
}
.hover\:bg-primary-25-700:hover {
    background-color: rgba(123, 4, 185, .25);
}
.focus\:bg-primary-25-800:focus {
    background-color: rgba(93, 0, 142, .25);
}
.hover\:bg-primary-25-800:hover {
    background-color: rgba(93, 0, 142, .25);
}
.focus\:bg-primary-25-900:focus {
    background-color: rgba(59, 0, 90, .25);
}
.hover\:bg-primary-25-900:hover {
    background-color: rgba(59, 0, 90, .25);
}
.bg-primary-30-50 {
    background-color: rgba(243, 232, 248, .3);
}
.bg-primary-30-50-important {
    background-color: rgba(243, 232, 248, .3) !important;
}
.bg-primary-30-100 {
    background-color: rgba(236, 210, 250, .3);
}
.bg-primary-30-100-important {
    background-color: rgba(236, 210, 250, .3) !important;
}
.bg-primary-30-200 {
    background-color: rgba(221, 171, 247, .3);
}
.bg-primary-30-200-important {
    background-color: rgba(221, 171, 247, .3) !important;
}
.bg-primary-30-300 {
    background-color: rgba(206, 126, 247, .3);
}
.bg-primary-30-300-important {
    background-color: rgba(206, 126, 247, .3) !important;
}
.bg-primary-30-400 {
    background-color: rgba(189, 75, 248, .3);
}
.bg-primary-30-400-important {
    background-color: rgba(189, 75, 248, .3) !important;
}
.bg-primary-30-500 {
    background-color: rgba(168, 4, 252, .3);
}
.bg-primary-30-500-important {
    background-color: rgba(168, 4, 252, .3) !important;
}
.bg-primary-30-600 {
    background-color: rgba(150, 3, 225, .3);
}
.bg-primary-30-600-important {
    background-color: rgba(150, 3, 225, .3) !important;
}
.bg-primary-30-700 {
    background-color: rgba(123, 4, 185, .3);
}
.bg-primary-30-700-important {
    background-color: rgba(123, 4, 185, .3) !important;
}
.bg-primary-30-800 {
    background-color: rgba(93, 0, 142, .3);
}
.bg-primary-30-800-important {
    background-color: rgba(93, 0, 142, .3) !important;
}
.bg-primary-30-900 {
    background-color: rgba(59, 0, 90, .3);
}
.bg-primary-30-900-important {
    background-color: rgba(59, 0, 90, .3) !important;
}
.focus\:bg-primary-30-50:focus {
    background-color: rgba(243, 232, 248, .3);
}
.hover\:bg-primary-30-50:hover {
    background-color: rgba(243, 232, 248, .3);
}
.focus\:bg-primary-30-100:focus {
    background-color: rgba(236, 210, 250, .3);
}
.hover\:bg-primary-30-100:hover {
    background-color: rgba(236, 210, 250, .3);
}
.focus\:bg-primary-30-200:focus {
    background-color: rgba(221, 171, 247, .3);
}
.hover\:bg-primary-30-200:hover {
    background-color: rgba(221, 171, 247, .3);
}
.focus\:bg-primary-30-300:focus {
    background-color: rgba(206, 126, 247, .3);
}
.hover\:bg-primary-30-300:hover {
    background-color: rgba(206, 126, 247, .3);
}
.focus\:bg-primary-30-400:focus {
    background-color: rgba(189, 75, 248, .3);
}
.hover\:bg-primary-30-400:hover {
    background-color: rgba(189, 75, 248, .3);
}
.focus\:bg-primary-30-500:focus {
    background-color: rgba(168, 4, 252, .3);
}
.hover\:bg-primary-30-500:hover {
    background-color: rgba(168, 4, 252, .3);
}
.focus\:bg-primary-30-600:focus {
    background-color: rgba(150, 3, 225, .3);
}
.hover\:bg-primary-30-600:hover {
    background-color: rgba(150, 3, 225, .3);
}
.focus\:bg-primary-30-700:focus {
    background-color: rgba(123, 4, 185, .3);
}
.hover\:bg-primary-30-700:hover {
    background-color: rgba(123, 4, 185, .3);
}
.focus\:bg-primary-30-800:focus {
    background-color: rgba(93, 0, 142, .3);
}
.hover\:bg-primary-30-800:hover {
    background-color: rgba(93, 0, 142, .3);
}
.focus\:bg-primary-30-900:focus {
    background-color: rgba(59, 0, 90, .3);
}
.hover\:bg-primary-30-900:hover {
    background-color: rgba(59, 0, 90, .3);
}
.bg-primary-40-50 {
    background-color: rgba(243, 232, 248, .4);
}
.bg-primary-40-50-important {
    background-color: rgba(243, 232, 248, .4) !important;
}
.bg-primary-40-100 {
    background-color: rgba(236, 210, 250, .4);
}
.bg-primary-40-100-important {
    background-color: rgba(236, 210, 250, .4) !important;
}
.bg-primary-40-200 {
    background-color: rgba(221, 171, 247, .4);
}
.bg-primary-40-200-important {
    background-color: rgba(221, 171, 247, .4) !important;
}
.bg-primary-40-300 {
    background-color: rgba(206, 126, 247, .4);
}
.bg-primary-40-300-important {
    background-color: rgba(206, 126, 247, .4) !important;
}
.bg-primary-40-400 {
    background-color: rgba(189, 75, 248, .4);
}
.bg-primary-40-400-important {
    background-color: rgba(189, 75, 248, .4) !important;
}
.bg-primary-40-500 {
    background-color: rgba(168, 4, 252, .4);
}
.bg-primary-40-500-important {
    background-color: rgba(168, 4, 252, .4) !important;
}
.bg-primary-40-600 {
    background-color: rgba(150, 3, 225, .4);
}
.bg-primary-40-600-important {
    background-color: rgba(150, 3, 225, .4) !important;
}
.bg-primary-40-700 {
    background-color: rgba(123, 4, 185, .4);
}
.bg-primary-40-700-important {
    background-color: rgba(123, 4, 185, .4) !important;
}
.bg-primary-40-800 {
    background-color: rgba(93, 0, 142, .4);
}
.bg-primary-40-800-important {
    background-color: rgba(93, 0, 142, .4) !important;
}
.bg-primary-40-900 {
    background-color: rgba(59, 0, 90, .4);
}
.bg-primary-40-900-important {
    background-color: rgba(59, 0, 90, .4) !important;
}
.focus\:bg-primary-40-50:focus {
    background-color: rgba(243, 232, 248, .4);
}
.hover\:bg-primary-40-50:hover {
    background-color: rgba(243, 232, 248, .4);
}
.focus\:bg-primary-40-100:focus {
    background-color: rgba(236, 210, 250, .4);
}
.hover\:bg-primary-40-100:hover {
    background-color: rgba(236, 210, 250, .4);
}
.focus\:bg-primary-40-200:focus {
    background-color: rgba(221, 171, 247, .4);
}
.hover\:bg-primary-40-200:hover {
    background-color: rgba(221, 171, 247, .4);
}
.focus\:bg-primary-40-300:focus {
    background-color: rgba(206, 126, 247, .4);
}
.hover\:bg-primary-40-300:hover {
    background-color: rgba(206, 126, 247, .4);
}
.focus\:bg-primary-40-400:focus {
    background-color: rgba(189, 75, 248, .4);
}
.hover\:bg-primary-40-400:hover {
    background-color: rgba(189, 75, 248, .4);
}
.focus\:bg-primary-40-500:focus {
    background-color: rgba(168, 4, 252, .4);
}
.hover\:bg-primary-40-500:hover {
    background-color: rgba(168, 4, 252, .4);
}
.focus\:bg-primary-40-600:focus {
    background-color: rgba(150, 3, 225, .4);
}
.hover\:bg-primary-40-600:hover {
    background-color: rgba(150, 3, 225, .4);
}
.focus\:bg-primary-40-700:focus {
    background-color: rgba(123, 4, 185, .4);
}
.hover\:bg-primary-40-700:hover {
    background-color: rgba(123, 4, 185, .4);
}
.focus\:bg-primary-40-800:focus {
    background-color: rgba(93, 0, 142, .4);
}
.hover\:bg-primary-40-800:hover {
    background-color: rgba(93, 0, 142, .4);
}
.focus\:bg-primary-40-900:focus {
    background-color: rgba(59, 0, 90, .4);
}
.hover\:bg-primary-40-900:hover {
    background-color: rgba(59, 0, 90, .4);
}
.bg-primary-50-50 {
    background-color: rgba(243, 232, 248, .5);
}
.bg-primary-50-50-important {
    background-color: rgba(243, 232, 248, .5) !important;
}
.bg-primary-50-100 {
    background-color: rgba(236, 210, 250, .5);
}
.bg-primary-50-100-important {
    background-color: rgba(236, 210, 250, .5) !important;
}
.bg-primary-50-200 {
    background-color: rgba(221, 171, 247, .5);
}
.bg-primary-50-200-important {
    background-color: rgba(221, 171, 247, .5) !important;
}
.bg-primary-50-300 {
    background-color: rgba(206, 126, 247, .5);
}
.bg-primary-50-300-important {
    background-color: rgba(206, 126, 247, .5) !important;
}
.bg-primary-50-400 {
    background-color: rgba(189, 75, 248, .5);
}
.bg-primary-50-400-important {
    background-color: rgba(189, 75, 248, .5) !important;
}
.bg-primary-50-500 {
    background-color: rgba(168, 4, 252, .5);
}
.bg-primary-50-500-important {
    background-color: rgba(168, 4, 252, .5) !important;
}
.bg-primary-50-600 {
    background-color: rgba(150, 3, 225, .5);
}
.bg-primary-50-600-important {
    background-color: rgba(150, 3, 225, .5) !important;
}
.bg-primary-50-700 {
    background-color: rgba(123, 4, 185, .5);
}
.bg-primary-50-700-important {
    background-color: rgba(123, 4, 185, .5) !important;
}
.bg-primary-50-800 {
    background-color: rgba(93, 0, 142, .5);
}
.bg-primary-50-800-important {
    background-color: rgba(93, 0, 142, .5) !important;
}
.bg-primary-50-900 {
    background-color: rgba(59, 0, 90, .5);
}
.bg-primary-50-900-important {
    background-color: rgba(59, 0, 90, .5) !important;
}
.focus\:bg-primary-50-50:focus {
    background-color: rgba(243, 232, 248, .5);
}
.hover\:bg-primary-50-50:hover {
    background-color: rgba(243, 232, 248, .5);
}
.focus\:bg-primary-50-100:focus {
    background-color: rgba(236, 210, 250, .5);
}
.hover\:bg-primary-50-100:hover {
    background-color: rgba(236, 210, 250, .5);
}
.focus\:bg-primary-50-200:focus {
    background-color: rgba(221, 171, 247, .5);
}
.hover\:bg-primary-50-200:hover {
    background-color: rgba(221, 171, 247, .5);
}
.focus\:bg-primary-50-300:focus {
    background-color: rgba(206, 126, 247, .5);
}
.hover\:bg-primary-50-300:hover {
    background-color: rgba(206, 126, 247, .5);
}
.focus\:bg-primary-50-400:focus {
    background-color: rgba(189, 75, 248, .5);
}
.hover\:bg-primary-50-400:hover {
    background-color: rgba(189, 75, 248, .5);
}
.focus\:bg-primary-50-500:focus {
    background-color: rgba(168, 4, 252, .5);
}
.hover\:bg-primary-50-500:hover {
    background-color: rgba(168, 4, 252, .5);
}
.focus\:bg-primary-50-600:focus {
    background-color: rgba(150, 3, 225, .5);
}
.hover\:bg-primary-50-600:hover {
    background-color: rgba(150, 3, 225, .5);
}
.focus\:bg-primary-50-700:focus {
    background-color: rgba(123, 4, 185, .5);
}
.hover\:bg-primary-50-700:hover {
    background-color: rgba(123, 4, 185, .5);
}
.focus\:bg-primary-50-800:focus {
    background-color: rgba(93, 0, 142, .5);
}
.hover\:bg-primary-50-800:hover {
    background-color: rgba(93, 0, 142, .5);
}
.focus\:bg-primary-50-900:focus {
    background-color: rgba(59, 0, 90, .5);
}
.hover\:bg-primary-50-900:hover {
    background-color: rgba(59, 0, 90, .5);
}
.bg-primary-60-50 {
    background-color: rgba(243, 232, 248, .6);
}
.bg-primary-60-50-important {
    background-color: rgba(243, 232, 248, .6) !important;
}
.bg-primary-60-100 {
    background-color: rgba(236, 210, 250, .6);
}
.bg-primary-60-100-important {
    background-color: rgba(236, 210, 250, .6) !important;
}
.bg-primary-60-200 {
    background-color: rgba(221, 171, 247, .6);
}
.bg-primary-60-200-important {
    background-color: rgba(221, 171, 247, .6) !important;
}
.bg-primary-60-300 {
    background-color: rgba(206, 126, 247, .6);
}
.bg-primary-60-300-important {
    background-color: rgba(206, 126, 247, .6) !important;
}
.bg-primary-60-400 {
    background-color: rgba(189, 75, 248, .6);
}
.bg-primary-60-400-important {
    background-color: rgba(189, 75, 248, .6) !important;
}
.bg-primary-60-500 {
    background-color: rgba(168, 4, 252, .6);
}
.bg-primary-60-500-important {
    background-color: rgba(168, 4, 252, .6) !important;
}
.bg-primary-60-600 {
    background-color: rgba(150, 3, 225, .6);
}
.bg-primary-60-600-important {
    background-color: rgba(150, 3, 225, .6) !important;
}
.bg-primary-60-700 {
    background-color: rgba(123, 4, 185, .6);
}
.bg-primary-60-700-important {
    background-color: rgba(123, 4, 185, .6) !important;
}
.bg-primary-60-800 {
    background-color: rgba(93, 0, 142, .6);
}
.bg-primary-60-800-important {
    background-color: rgba(93, 0, 142, .6) !important;
}
.bg-primary-60-900 {
    background-color: rgba(59, 0, 90, .6);
}
.bg-primary-60-900-important {
    background-color: rgba(59, 0, 90, .6) !important;
}
.focus\:bg-primary-60-50:focus {
    background-color: rgba(243, 232, 248, .6);
}
.hover\:bg-primary-60-50:hover {
    background-color: rgba(243, 232, 248, .6);
}
.focus\:bg-primary-60-100:focus {
    background-color: rgba(236, 210, 250, .6);
}
.hover\:bg-primary-60-100:hover {
    background-color: rgba(236, 210, 250, .6);
}
.focus\:bg-primary-60-200:focus {
    background-color: rgba(221, 171, 247, .6);
}
.hover\:bg-primary-60-200:hover {
    background-color: rgba(221, 171, 247, .6);
}
.focus\:bg-primary-60-300:focus {
    background-color: rgba(206, 126, 247, .6);
}
.hover\:bg-primary-60-300:hover {
    background-color: rgba(206, 126, 247, .6);
}
.focus\:bg-primary-60-400:focus {
    background-color: rgba(189, 75, 248, .6);
}
.hover\:bg-primary-60-400:hover {
    background-color: rgba(189, 75, 248, .6);
}
.focus\:bg-primary-60-500:focus {
    background-color: rgba(168, 4, 252, .6);
}
.hover\:bg-primary-60-500:hover {
    background-color: rgba(168, 4, 252, .6);
}
.focus\:bg-primary-60-600:focus {
    background-color: rgba(150, 3, 225, .6);
}
.hover\:bg-primary-60-600:hover {
    background-color: rgba(150, 3, 225, .6);
}
.focus\:bg-primary-60-700:focus {
    background-color: rgba(123, 4, 185, .6);
}
.hover\:bg-primary-60-700:hover {
    background-color: rgba(123, 4, 185, .6);
}
.focus\:bg-primary-60-800:focus {
    background-color: rgba(93, 0, 142, .6);
}
.hover\:bg-primary-60-800:hover {
    background-color: rgba(93, 0, 142, .6);
}
.focus\:bg-primary-60-900:focus {
    background-color: rgba(59, 0, 90, .6);
}
.hover\:bg-primary-60-900:hover {
    background-color: rgba(59, 0, 90, .6);
}
.bg-primary-70-50 {
    background-color: rgba(243, 232, 248, .7);
}
.bg-primary-70-50-important {
    background-color: rgba(243, 232, 248, .7) !important;
}
.bg-primary-70-100 {
    background-color: rgba(236, 210, 250, .7);
}
.bg-primary-70-100-important {
    background-color: rgba(236, 210, 250, .7) !important;
}
.bg-primary-70-200 {
    background-color: rgba(221, 171, 247, .7);
}
.bg-primary-70-200-important {
    background-color: rgba(221, 171, 247, .7) !important;
}
.bg-primary-70-300 {
    background-color: rgba(206, 126, 247, .7);
}
.bg-primary-70-300-important {
    background-color: rgba(206, 126, 247, .7) !important;
}
.bg-primary-70-400 {
    background-color: rgba(189, 75, 248, .7);
}
.bg-primary-70-400-important {
    background-color: rgba(189, 75, 248, .7) !important;
}
.bg-primary-70-500 {
    background-color: rgba(168, 4, 252, .7);
}
.bg-primary-70-500-important {
    background-color: rgba(168, 4, 252, .7) !important;
}
.bg-primary-70-600 {
    background-color: rgba(150, 3, 225, .7);
}
.bg-primary-70-600-important {
    background-color: rgba(150, 3, 225, .7) !important;
}
.bg-primary-70-700 {
    background-color: rgba(123, 4, 185, .7);
}
.bg-primary-70-700-important {
    background-color: rgba(123, 4, 185, .7) !important;
}
.bg-primary-70-800 {
    background-color: rgba(93, 0, 142, .7);
}
.bg-primary-70-800-important {
    background-color: rgba(93, 0, 142, .7) !important;
}
.bg-primary-70-900 {
    background-color: rgba(59, 0, 90, .7);
}
.bg-primary-70-900-important {
    background-color: rgba(59, 0, 90, .7) !important;
}
.focus\:bg-primary-70-50:focus {
    background-color: rgba(243, 232, 248, .7);
}
.hover\:bg-primary-70-50:hover {
    background-color: rgba(243, 232, 248, .7);
}
.focus\:bg-primary-70-100:focus {
    background-color: rgba(236, 210, 250, .7);
}
.hover\:bg-primary-70-100:hover {
    background-color: rgba(236, 210, 250, .7);
}
.focus\:bg-primary-70-200:focus {
    background-color: rgba(221, 171, 247, .7);
}
.hover\:bg-primary-70-200:hover {
    background-color: rgba(221, 171, 247, .7);
}
.focus\:bg-primary-70-300:focus {
    background-color: rgba(206, 126, 247, .7);
}
.hover\:bg-primary-70-300:hover {
    background-color: rgba(206, 126, 247, .7);
}
.focus\:bg-primary-70-400:focus {
    background-color: rgba(189, 75, 248, .7);
}
.hover\:bg-primary-70-400:hover {
    background-color: rgba(189, 75, 248, .7);
}
.focus\:bg-primary-70-500:focus {
    background-color: rgba(168, 4, 252, .7);
}
.hover\:bg-primary-70-500:hover {
    background-color: rgba(168, 4, 252, .7);
}
.focus\:bg-primary-70-600:focus {
    background-color: rgba(150, 3, 225, .7);
}
.hover\:bg-primary-70-600:hover {
    background-color: rgba(150, 3, 225, .7);
}
.focus\:bg-primary-70-700:focus {
    background-color: rgba(123, 4, 185, .7);
}
.hover\:bg-primary-70-700:hover {
    background-color: rgba(123, 4, 185, .7);
}
.focus\:bg-primary-70-800:focus {
    background-color: rgba(93, 0, 142, .7);
}
.hover\:bg-primary-70-800:hover {
    background-color: rgba(93, 0, 142, .7);
}
.focus\:bg-primary-70-900:focus {
    background-color: rgba(59, 0, 90, .7);
}
.hover\:bg-primary-70-900:hover {
    background-color: rgba(59, 0, 90, .7);
}
.bg-primary-80-50 {
    background-color: rgba(243, 232, 248, .8);
}
.bg-primary-80-50-important {
    background-color: rgba(243, 232, 248, .8) !important;
}
.bg-primary-80-100 {
    background-color: rgba(236, 210, 250, .8);
}
.bg-primary-80-100-important {
    background-color: rgba(236, 210, 250, .8) !important;
}
.bg-primary-80-200 {
    background-color: rgba(221, 171, 247, .8);
}
.bg-primary-80-200-important {
    background-color: rgba(221, 171, 247, .8) !important;
}
.bg-primary-80-300 {
    background-color: rgba(206, 126, 247, .8);
}
.bg-primary-80-300-important {
    background-color: rgba(206, 126, 247, .8) !important;
}
.bg-primary-80-400 {
    background-color: rgba(189, 75, 248, .8);
}
.bg-primary-80-400-important {
    background-color: rgba(189, 75, 248, .8) !important;
}
.bg-primary-80-500 {
    background-color: rgba(168, 4, 252, .8);
}
.bg-primary-80-500-important {
    background-color: rgba(168, 4, 252, .8) !important;
}
.bg-primary-80-600 {
    background-color: rgba(150, 3, 225, .8);
}
.bg-primary-80-600-important {
    background-color: rgba(150, 3, 225, .8) !important;
}
.bg-primary-80-700 {
    background-color: rgba(123, 4, 185, .8);
}
.bg-primary-80-700-important {
    background-color: rgba(123, 4, 185, .8) !important;
}
.bg-primary-80-800 {
    background-color: rgba(93, 0, 142, .8);
}
.bg-primary-80-800-important {
    background-color: rgba(93, 0, 142, .8) !important;
}
.bg-primary-80-900 {
    background-color: rgba(59, 0, 90, .8);
}
.bg-primary-80-900-important {
    background-color: rgba(59, 0, 90, .8) !important;
}
.focus\:bg-primary-80-50:focus {
    background-color: rgba(243, 232, 248, .8);
}
.hover\:bg-primary-80-50:hover {
    background-color: rgba(243, 232, 248, .8);
}
.focus\:bg-primary-80-100:focus {
    background-color: rgba(236, 210, 250, .8);
}
.hover\:bg-primary-80-100:hover {
    background-color: rgba(236, 210, 250, .8);
}
.focus\:bg-primary-80-200:focus {
    background-color: rgba(221, 171, 247, .8);
}
.hover\:bg-primary-80-200:hover {
    background-color: rgba(221, 171, 247, .8);
}
.focus\:bg-primary-80-300:focus {
    background-color: rgba(206, 126, 247, .8);
}
.hover\:bg-primary-80-300:hover {
    background-color: rgba(206, 126, 247, .8);
}
.focus\:bg-primary-80-400:focus {
    background-color: rgba(189, 75, 248, .8);
}
.hover\:bg-primary-80-400:hover {
    background-color: rgba(189, 75, 248, .8);
}
.focus\:bg-primary-80-500:focus {
    background-color: rgba(168, 4, 252, .8);
}
.hover\:bg-primary-80-500:hover {
    background-color: rgba(168, 4, 252, .8);
}
.focus\:bg-primary-80-600:focus {
    background-color: rgba(150, 3, 225, .8);
}
.hover\:bg-primary-80-600:hover {
    background-color: rgba(150, 3, 225, .8);
}
.focus\:bg-primary-80-700:focus {
    background-color: rgba(123, 4, 185, .8);
}
.hover\:bg-primary-80-700:hover {
    background-color: rgba(123, 4, 185, .8);
}
.focus\:bg-primary-80-800:focus {
    background-color: rgba(93, 0, 142, .8);
}
.hover\:bg-primary-80-800:hover {
    background-color: rgba(93, 0, 142, .8);
}
.focus\:bg-primary-80-900:focus {
    background-color: rgba(59, 0, 90, .8);
}
.hover\:bg-primary-80-900:hover {
    background-color: rgba(59, 0, 90, .8);
}
.bg-primary-90-50 {
    background-color: rgba(243, 232, 248, .9);
}
.bg-primary-90-50-important {
    background-color: rgba(243, 232, 248, .9) !important;
}
.bg-primary-90-100 {
    background-color: rgba(236, 210, 250, .9);
}
.bg-primary-90-100-important {
    background-color: rgba(236, 210, 250, .9) !important;
}
.bg-primary-90-200 {
    background-color: rgba(221, 171, 247, .9);
}
.bg-primary-90-200-important {
    background-color: rgba(221, 171, 247, .9) !important;
}
.bg-primary-90-300 {
    background-color: rgba(206, 126, 247, .9);
}
.bg-primary-90-300-important {
    background-color: rgba(206, 126, 247, .9) !important;
}
.bg-primary-90-400 {
    background-color: rgba(189, 75, 248, .9);
}
.bg-primary-90-400-important {
    background-color: rgba(189, 75, 248, .9) !important;
}
.bg-primary-90-500 {
    background-color: rgba(168, 4, 252, .9);
}
.bg-primary-90-500-important {
    background-color: rgba(168, 4, 252, .9) !important;
}
.bg-primary-90-600 {
    background-color: rgba(150, 3, 225, .9);
}
.bg-primary-90-600-important {
    background-color: rgba(150, 3, 225, .9) !important;
}
.bg-primary-90-700 {
    background-color: rgba(123, 4, 185, .9);
}
.bg-primary-90-700-important {
    background-color: rgba(123, 4, 185, .9) !important;
}
.bg-primary-90-800 {
    background-color: rgba(93, 0, 142, .9);
}
.bg-primary-90-800-important {
    background-color: rgba(93, 0, 142, .9) !important;
}
.bg-primary-90-900 {
    background-color: rgba(59, 0, 90, .9);
}
.bg-primary-90-900-important {
    background-color: rgba(59, 0, 90, .9) !important;
}
.focus\:bg-primary-90-50:focus {
    background-color: rgba(243, 232, 248, .9);
}
.hover\:bg-primary-90-50:hover {
    background-color: rgba(243, 232, 248, .9);
}
.focus\:bg-primary-90-100:focus {
    background-color: rgba(236, 210, 250, .9);
}
.hover\:bg-primary-90-100:hover {
    background-color: rgba(236, 210, 250, .9);
}
.focus\:bg-primary-90-200:focus {
    background-color: rgba(221, 171, 247, .9);
}
.hover\:bg-primary-90-200:hover {
    background-color: rgba(221, 171, 247, .9);
}
.focus\:bg-primary-90-300:focus {
    background-color: rgba(206, 126, 247, .9);
}
.hover\:bg-primary-90-300:hover {
    background-color: rgba(206, 126, 247, .9);
}
.focus\:bg-primary-90-400:focus {
    background-color: rgba(189, 75, 248, .9);
}
.hover\:bg-primary-90-400:hover {
    background-color: rgba(189, 75, 248, .9);
}
.focus\:bg-primary-90-500:focus {
    background-color: rgba(168, 4, 252, .9);
}
.hover\:bg-primary-90-500:hover {
    background-color: rgba(168, 4, 252, .9);
}
.focus\:bg-primary-90-600:focus {
    background-color: rgba(150, 3, 225, .9);
}
.hover\:bg-primary-90-600:hover {
    background-color: rgba(150, 3, 225, .9);
}
.focus\:bg-primary-90-700:focus {
    background-color: rgba(123, 4, 185, .9);
}
.hover\:bg-primary-90-700:hover {
    background-color: rgba(123, 4, 185, .9);
}
.focus\:bg-primary-90-800:focus {
    background-color: rgba(93, 0, 142, .9);
}
.hover\:bg-primary-90-800:hover {
    background-color: rgba(93, 0, 142, .9);
}
.focus\:bg-primary-90-900:focus {
    background-color: rgba(59, 0, 90, .9);
}
.hover\:bg-primary-90-900:hover {
    background-color: rgba(59, 0, 90, .9);
}
.bg-primary-75-50 {
    background-color: rgba(243, 232, 248, .75);
}
.bg-primary-75-50-important {
    background-color: rgba(243, 232, 248, .75) !important;
}
.bg-primary-75-100 {
    background-color: rgba(236, 210, 250, .75);
}
.bg-primary-75-100-important {
    background-color: rgba(236, 210, 250, .75) !important;
}
.bg-primary-75-200 {
    background-color: rgba(221, 171, 247, .75);
}
.bg-primary-75-200-important {
    background-color: rgba(221, 171, 247, .75) !important;
}
.bg-primary-75-300 {
    background-color: rgba(206, 126, 247, .75);
}
.bg-primary-75-300-important {
    background-color: rgba(206, 126, 247, .75) !important;
}
.bg-primary-75-400 {
    background-color: rgba(189, 75, 248, .75);
}
.bg-primary-75-400-important {
    background-color: rgba(189, 75, 248, .75) !important;
}
.bg-primary-75-500 {
    background-color: rgba(168, 4, 252, .75);
}
.bg-primary-75-500-important {
    background-color: rgba(168, 4, 252, .75) !important;
}
.bg-primary-75-600 {
    background-color: rgba(150, 3, 225, .75);
}
.bg-primary-75-600-important {
    background-color: rgba(150, 3, 225, .75) !important;
}
.bg-primary-75-700 {
    background-color: rgba(123, 4, 185, .75);
}
.bg-primary-75-700-important {
    background-color: rgba(123, 4, 185, .75) !important;
}
.bg-primary-75-800 {
    background-color: rgba(93, 0, 142, .75);
}
.bg-primary-75-800-important {
    background-color: rgba(93, 0, 142, .75) !important;
}
.bg-primary-75-900 {
    background-color: rgba(59, 0, 90, .75);
}
.bg-primary-75-900-important {
    background-color: rgba(59, 0, 90, .75) !important;
}
.focus\:bg-primary-75-50:focus {
    background-color: rgba(243, 232, 248, .75);
}
.hover\:bg-primary-75-50:hover {
    background-color: rgba(243, 232, 248, .75);
}
.focus\:bg-primary-75-100:focus {
    background-color: rgba(236, 210, 250, .75);
}
.hover\:bg-primary-75-100:hover {
    background-color: rgba(236, 210, 250, .75);
}
.focus\:bg-primary-75-200:focus {
    background-color: rgba(221, 171, 247, .75);
}
.hover\:bg-primary-75-200:hover {
    background-color: rgba(221, 171, 247, .75);
}
.focus\:bg-primary-75-300:focus {
    background-color: rgba(206, 126, 247, .75);
}
.hover\:bg-primary-75-300:hover {
    background-color: rgba(206, 126, 247, .75);
}
.focus\:bg-primary-75-400:focus {
    background-color: rgba(189, 75, 248, .75);
}
.hover\:bg-primary-75-400:hover {
    background-color: rgba(189, 75, 248, .75);
}
.focus\:bg-primary-75-500:focus {
    background-color: rgba(168, 4, 252, .75);
}
.hover\:bg-primary-75-500:hover {
    background-color: rgba(168, 4, 252, .75);
}
.focus\:bg-primary-75-600:focus {
    background-color: rgba(150, 3, 225, .75);
}
.hover\:bg-primary-75-600:hover {
    background-color: rgba(150, 3, 225, .75);
}
.focus\:bg-primary-75-700:focus {
    background-color: rgba(123, 4, 185, .75);
}
.hover\:bg-primary-75-700:hover {
    background-color: rgba(123, 4, 185, .75);
}
.focus\:bg-primary-75-800:focus {
    background-color: rgba(93, 0, 142, .75);
}
.hover\:bg-primary-75-800:hover {
    background-color: rgba(93, 0, 142, .75);
}
.focus\:bg-primary-75-900:focus {
    background-color: rgba(59, 0, 90, .75);
}
.hover\:bg-primary-75-900:hover {
    background-color: rgba(59, 0, 90, .75);
}
.text-primary-50 {
    color: #f3e8f8;
    
}
.text-primary-100 {
    color: #ecd2fa;
    
}
.text-primary-200 {
    color: #ddabf7;
    
}
.text-primary-300 {
    color: #ce7ef7;
    
}
.text-primary-400 {
    color: #bd4bf8;
    
}
.text-primary-500 {
    color: #a804fc;
    
}
.text-primary-600 {
    color: #9603e1;
    
}
.text-primary-700 {
    color: #7b04b9;
    
}
.text-primary-800 {
    color: #5d008e;
    
}
.text-primary-900 {
    color: #3b005a;
    
}
.text-primary-50-important {
    color: #f3e8f8 !important;
    
}
.text-primary-100-important {
    color: #ecd2fa !important;
    
}
.text-primary-200-important {
    color: #ddabf7 !important;
    
}
.text-primary-300-important {
    color: #ce7ef7 !important;
    
}
.text-primary-400-important {
    color: #bd4bf8 !important;
    
}
.text-primary-500-important {
    color: #a804fc !important;
    
}
.text-primary-600-important {
    color: #9603e1 !important;
    
}
.text-primary-700-important {
    color: #7b04b9 !important;
    
}
.text-primary-800-important {
    color: #5d008e !important;
    
}
.text-primary-900-important {
    color: #3b005a !important;
    
}
.focus\:text-primary-50:focus {
    color: #f3e8f8;
    
}
.focus\:text-primary-100:focus {
    color: #ecd2fa;
    
}
.focus\:text-primary-200:focus {
    color: #ddabf7;
    
}
.focus\:text-primary-300:focus {
    color: #ce7ef7;
    
}
.focus\:text-primary-400:focus {
    color: #bd4bf8;
    
}
.focus\:text-primary-500:focus {
    color: #a804fc;
    
}
.focus\:text-primary-600:focus {
    color: #9603e1;
    
}
.focus\:text-primary-700:focus {
    color: #7b04b9;
    
}
.focus\:text-primary-800:focus {
    color: #5d008e;
    
}
.focus\:text-primary-900:focus {
    color: #3b005a;
    
}
.focus\:text-primary-50-important:focus {
    color: #f3e8f8 !important;
    
}
.focus\:text-primary-100-important:focus {
    color: #ecd2fa !important;
    
}
.focus\:text-primary-200-important:focus {
    color: #ddabf7 !important;
    
}
.focus\:text-primary-300-important:focus {
    color: #ce7ef7 !important;
    
}
.focus\:text-primary-400-important:focus {
    color: #bd4bf8 !important;
    
}
.focus\:text-primary-500-important:focus {
    color: #a804fc !important;
    
}
.focus\:text-primary-600-important:focus {
    color: #9603e1 !important;
    
}
.focus\:text-primary-700-important:focus {
    color: #7b04b9 !important;
    
}
.focus\:text-primary-800-important:focus {
    color: #5d008e !important;
    
}
.focus\:text-primary-900-important:focus {
    color: #3b005a !important;
    
}
.hover\:text-primary-50:hover {
    color: #f3e8f8;
    
}
.hover\:text-primary-100:hover {
    color: #ecd2fa;
    
}
.hover\:text-primary-200:hover {
    color: #ddabf7;
    
}
.hover\:text-primary-300:hover {
    color: #ce7ef7;
    
}
.hover\:text-primary-400:hover {
    color: #bd4bf8;
    
}
.hover\:text-primary-500:hover {
    color: #a804fc;
    
}
.hover\:text-primary-600:hover {
    color: #9603e1;
    
}
.hover\:text-primary-700:hover {
    color: #7b04b9;
    
}
.hover\:text-primary-800:hover {
    color: #5d008e;
    
}
.hover\:text-primary-900:hover {
    color: #3b005a;
    
}
.hover\:text-primary-50-important:hover {
    color: #f3e8f8 !important;
    
}
.hover\:text-primary-100-important:hover {
    color: #ecd2fa !important;
    
}
.hover\:text-primary-200-important:hover {
    color: #ddabf7 !important;
    
}
.hover\:text-primary-300-important:hover {
    color: #ce7ef7 !important;
    
}
.hover\:text-primary-400-important:hover {
    color: #bd4bf8 !important;
    
}
.hover\:text-primary-500-important:hover {
    color: #a804fc !important;
    
}
.hover\:text-primary-600-important:hover {
    color: #9603e1 !important;
    
}
.hover\:text-primary-700-important:hover {
    color: #7b04b9 !important;
    
}
.hover\:text-primary-800-important:hover {
    color: #5d008e !important;
    
}
.hover\:text-primary-900-important:hover {
    color: #3b005a !important;
    
}
.border-primary-50 {
    border-color: #f3e8f8;
    
}
.border-primary-100 {
    border-color: #ecd2fa;
    
}
.border-primary-200 {
    border-color: #ddabf7;
    
}
.border-primary-300 {
    border-color: #ce7ef7;
    
}
.border-primary-400 {
    border-color: #bd4bf8;
    
}
.border-primary-500 {
    border-color: #a804fc;
    
}
.border-primary-600 {
    border-color: #9603e1;
    
}
.border-primary-700 {
    border-color: #7b04b9;
    
}
.border-primary-800 {
    border-color: #5d008e;
    
}
.border-primary-900 {
    border-color: #3b005a;
    
}
.border-primary-50-important {
    border-color: #f3e8f8 !important;
    
}
.border-primary-100-important {
    border-color: #ecd2fa !important;
    
}
.border-primary-200-important {
    border-color: #ddabf7 !important;
    
}
.border-primary-300-important {
    border-color: #ce7ef7 !important;
    
}
.border-primary-400-important {
    border-color: #bd4bf8 !important;
    
}
.border-primary-500-important {
    border-color: #a804fc !important;
    
}
.border-primary-600-important {
    border-color: #9603e1 !important;
    
}
.border-primary-700-important {
    border-color: #7b04b9 !important;
    
}
.border-primary-800-important {
    border-color: #5d008e !important;
    
}
.border-primary-900-important {
    border-color: #3b005a !important;
    
}
.focus\:border-primary-50:focus {
    border-color: #f3e8f8;
    
}
.focus\:border-primary-100:focus {
    border-color: #ecd2fa;
    
}
.focus\:border-primary-200:focus {
    border-color: #ddabf7;
    
}
.focus\:border-primary-300:focus {
    border-color: #ce7ef7;
    
}
.focus\:border-primary-400:focus {
    border-color: #bd4bf8;
    
}
.focus\:border-primary-500:focus {
    border-color: #a804fc;
    
}
.focus\:border-primary-600:focus {
    border-color: #9603e1;
    
}
.focus\:border-primary-700:focus {
    border-color: #7b04b9;
    
}
.focus\:border-primary-800:focus {
    border-color: #5d008e;
    
}
.focus\:border-primary-900:focus {
    border-color: #3b005a;
    
}
.focus\:border-primary-50-important:focus {
    border-color: #f3e8f8 !important;
    
}
.focus\:border-primary-100-important:focus {
    border-color: #ecd2fa !important;
    
}
.focus\:border-primary-200-important:focus {
    border-color: #ddabf7 !important;
    
}
.focus\:border-primary-300-important:focus {
    border-color: #ce7ef7 !important;
    
}
.focus\:border-primary-400-important:focus {
    border-color: #bd4bf8 !important;
    
}
.focus\:border-primary-500-important:focus {
    border-color: #a804fc !important;
    
}
.focus\:border-primary-600-important:focus {
    border-color: #9603e1 !important;
    
}
.focus\:border-primary-700-important:focus {
    border-color: #7b04b9 !important;
    
}
.focus\:border-primary-800-important:focus {
    border-color: #5d008e !important;
    
}
.focus\:border-primary-900-important:focus {
    border-color: #3b005a !important;
    
}
.hover\:border-primary-50:hover {
    border-color: #f3e8f8;
    
}
.hover\:border-primary-100:hover {
    border-color: #ecd2fa;
    
}
.hover\:border-primary-200:hover {
    border-color: #ddabf7;
    
}
.hover\:border-primary-300:hover {
    border-color: #ce7ef7;
    
}
.hover\:border-primary-400:hover {
    border-color: #bd4bf8;
    
}
.hover\:border-primary-500:hover {
    border-color: #a804fc;
    
}
.hover\:border-primary-600:hover {
    border-color: #9603e1;
    
}
.hover\:border-primary-700:hover {
    border-color: #7b04b9;
    
}
.hover\:border-primary-800:hover {
    border-color: #5d008e;
    
}
.hover\:border-primary-900:hover {
    border-color: #3b005a;
    
}
.hover\:border-primary-50-important:hover {
    border-color: #f3e8f8 !important;
    
}
.hover\:border-primary-100-important:hover {
    border-color: #ecd2fa !important;
    
}
.hover\:border-primary-200-important:hover {
    border-color: #ddabf7 !important;
    
}
.hover\:border-primary-300-important:hover {
    border-color: #ce7ef7 !important;
    
}
.hover\:border-primary-400-important:hover {
    border-color: #bd4bf8 !important;
    
}
.hover\:border-primary-500-important:hover {
    border-color: #a804fc !important;
    
}
.hover\:border-primary-600-important:hover {
    border-color: #9603e1 !important;
    
}
.hover\:border-primary-700-important:hover {
    border-color: #7b04b9 !important;
    
}
.hover\:border-primary-800-important:hover {
    border-color: #5d008e !important;
    
}
.hover\:border-primary-900-important:hover {
    border-color: #3b005a !important;
    
}
.from-primary-50 {
    --tw-gradient-from: #f3e8f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-100 {
    --tw-gradient-from: #ecd2fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-200 {
    --tw-gradient-from: #ddabf7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-300 {
    --tw-gradient-from: #ce7ef7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-400 {
    --tw-gradient-from: #bd4bf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-500 {
    --tw-gradient-from: #a804fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-600 {
    --tw-gradient-from: #9603e1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-700 {
    --tw-gradient-from: #7b04b9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-800 {
    --tw-gradient-from: #5d008e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-900 {
    --tw-gradient-from: #3b005a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-50-important {
    --tw-gradient-from: #f3e8f8 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-100-important {
    --tw-gradient-from: #ecd2fa !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-200-important {
    --tw-gradient-from: #ddabf7 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-300-important {
    --tw-gradient-from: #ce7ef7 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-400-important {
    --tw-gradient-from: #bd4bf8 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-500-important {
    --tw-gradient-from: #a804fc !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-600-important {
    --tw-gradient-from: #9603e1 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-700-important {
    --tw-gradient-from: #7b04b9 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-800-important {
    --tw-gradient-from: #5d008e !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.from-primary-900-important {
    --tw-gradient-from: #3b005a !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-50:focus {
    --tw-gradient-from: #f3e8f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-100:focus {
    --tw-gradient-from: #ecd2fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-200:focus {
    --tw-gradient-from: #ddabf7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-300:focus {
    --tw-gradient-from: #ce7ef7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-400:focus {
    --tw-gradient-from: #bd4bf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-500:focus {
    --tw-gradient-from: #a804fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-600:focus {
    --tw-gradient-from: #9603e1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-700:focus {
    --tw-gradient-from: #7b04b9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-800:focus {
    --tw-gradient-from: #5d008e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-900:focus {
    --tw-gradient-from: #3b005a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-50-important:focus {
    --tw-gradient-from: #f3e8f8 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-100-important:focus {
    --tw-gradient-from: #ecd2fa !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-200-important:focus {
    --tw-gradient-from: #ddabf7 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-300-important:focus {
    --tw-gradient-from: #ce7ef7 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-400-important:focus {
    --tw-gradient-from: #bd4bf8 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-500-important:focus {
    --tw-gradient-from: #a804fc !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-600-important:focus {
    --tw-gradient-from: #9603e1 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-700-important:focus {
    --tw-gradient-from: #7b04b9 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-800-important:focus {
    --tw-gradient-from: #5d008e !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.focus\:from-primary-900-important:focus {
    --tw-gradient-from: #3b005a !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-50:hover {
    --tw-gradient-from: #f3e8f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-100:hover {
    --tw-gradient-from: #ecd2fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-200:hover {
    --tw-gradient-from: #ddabf7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-300:hover {
    --tw-gradient-from: #ce7ef7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-400:hover {
    --tw-gradient-from: #bd4bf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-500:hover {
    --tw-gradient-from: #a804fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-600:hover {
    --tw-gradient-from: #9603e1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-700:hover {
    --tw-gradient-from: #7b04b9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-800:hover {
    --tw-gradient-from: #5d008e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-900:hover {
    --tw-gradient-from: #3b005a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-50-important:hover {
    --tw-gradient-from: #f3e8f8 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-100-important:hover {
    --tw-gradient-from: #ecd2fa !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-200-important:hover {
    --tw-gradient-from: #ddabf7 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-300-important:hover {
    --tw-gradient-from: #ce7ef7 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-400-important:hover {
    --tw-gradient-from: #bd4bf8 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-500-important:hover {
    --tw-gradient-from: #a804fc !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-600-important:hover {
    --tw-gradient-from: #9603e1 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-700-important:hover {
    --tw-gradient-from: #7b04b9 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-800-important:hover {
    --tw-gradient-from: #5d008e !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.hover\:from-primary-900-important:hover {
    --tw-gradient-from: #3b005a !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}
.to-primary-50 {
    --tw-gradient-to: #f3e8f8;
    
}
.to-primary-100 {
    --tw-gradient-to: #ecd2fa;
    
}
.to-primary-200 {
    --tw-gradient-to: #ddabf7;
    
}
.to-primary-300 {
    --tw-gradient-to: #ce7ef7;
    
}
.to-primary-400 {
    --tw-gradient-to: #bd4bf8;
    
}
.to-primary-500 {
    --tw-gradient-to: #a804fc;
    
}
.to-primary-600 {
    --tw-gradient-to: #9603e1;
    
}
.to-primary-700 {
    --tw-gradient-to: #7b04b9;
    
}
.to-primary-800 {
    --tw-gradient-to: #5d008e;
    
}
.to-primary-900 {
    --tw-gradient-to: #3b005a;
    
}
.to-primary-50-important {
    --tw-gradient-to: #f3e8f8 !important;
    
}
.to-primary-100-important {
    --tw-gradient-to: #ecd2fa !important;
    
}
.to-primary-200-important {
    --tw-gradient-to: #ddabf7 !important;
    
}
.to-primary-300-important {
    --tw-gradient-to: #ce7ef7 !important;
    
}
.to-primary-400-important {
    --tw-gradient-to: #bd4bf8 !important;
    
}
.to-primary-500-important {
    --tw-gradient-to: #a804fc !important;
    
}
.to-primary-600-important {
    --tw-gradient-to: #9603e1 !important;
    
}
.to-primary-700-important {
    --tw-gradient-to: #7b04b9 !important;
    
}
.to-primary-800-important {
    --tw-gradient-to: #5d008e !important;
    
}
.to-primary-900-important {
    --tw-gradient-to: #3b005a !important;
    
}
.focus\:to-primary-50:focus {
    --tw-gradient-to: #f3e8f8;
    
}
.focus\:to-primary-100:focus {
    --tw-gradient-to: #ecd2fa;
    
}
.focus\:to-primary-200:focus {
    --tw-gradient-to: #ddabf7;
    
}
.focus\:to-primary-300:focus {
    --tw-gradient-to: #ce7ef7;
    
}
.focus\:to-primary-400:focus {
    --tw-gradient-to: #bd4bf8;
    
}
.focus\:to-primary-500:focus {
    --tw-gradient-to: #a804fc;
    
}
.focus\:to-primary-600:focus {
    --tw-gradient-to: #9603e1;
    
}
.focus\:to-primary-700:focus {
    --tw-gradient-to: #7b04b9;
    
}
.focus\:to-primary-800:focus {
    --tw-gradient-to: #5d008e;
    
}
.focus\:to-primary-900:focus {
    --tw-gradient-to: #3b005a;
    
}
.focus\:to-primary-50-important:focus {
    --tw-gradient-to: #f3e8f8 !important;
    
}
.focus\:to-primary-100-important:focus {
    --tw-gradient-to: #ecd2fa !important;
    
}
.focus\:to-primary-200-important:focus {
    --tw-gradient-to: #ddabf7 !important;
    
}
.focus\:to-primary-300-important:focus {
    --tw-gradient-to: #ce7ef7 !important;
    
}
.focus\:to-primary-400-important:focus {
    --tw-gradient-to: #bd4bf8 !important;
    
}
.focus\:to-primary-500-important:focus {
    --tw-gradient-to: #a804fc !important;
    
}
.focus\:to-primary-600-important:focus {
    --tw-gradient-to: #9603e1 !important;
    
}
.focus\:to-primary-700-important:focus {
    --tw-gradient-to: #7b04b9 !important;
    
}
.focus\:to-primary-800-important:focus {
    --tw-gradient-to: #5d008e !important;
    
}
.focus\:to-primary-900-important:focus {
    --tw-gradient-to: #3b005a !important;
    
}
.hover\:to-primary-50:hover {
    --tw-gradient-to: #f3e8f8;
    
}
.hover\:to-primary-100:hover {
    --tw-gradient-to: #ecd2fa;
    
}
.hover\:to-primary-200:hover {
    --tw-gradient-to: #ddabf7;
    
}
.hover\:to-primary-300:hover {
    --tw-gradient-to: #ce7ef7;
    
}
.hover\:to-primary-400:hover {
    --tw-gradient-to: #bd4bf8;
    
}
.hover\:to-primary-500:hover {
    --tw-gradient-to: #a804fc;
    
}
.hover\:to-primary-600:hover {
    --tw-gradient-to: #9603e1;
    
}
.hover\:to-primary-700:hover {
    --tw-gradient-to: #7b04b9;
    
}
.hover\:to-primary-800:hover {
    --tw-gradient-to: #5d008e;
    
}
.hover\:to-primary-900:hover {
    --tw-gradient-to: #3b005a;
    
}
.hover\:to-primary-50-important:hover {
    --tw-gradient-to: #f3e8f8 !important;
    
}
.hover\:to-primary-100-important:hover {
    --tw-gradient-to: #ecd2fa !important;
    
}
.hover\:to-primary-200-important:hover {
    --tw-gradient-to: #ddabf7 !important;
    
}
.hover\:to-primary-300-important:hover {
    --tw-gradient-to: #ce7ef7 !important;
    
}
.hover\:to-primary-400-important:hover {
    --tw-gradient-to: #bd4bf8 !important;
    
}
.hover\:to-primary-500-important:hover {
    --tw-gradient-to: #a804fc !important;
    
}
.hover\:to-primary-600-important:hover {
    --tw-gradient-to: #9603e1 !important;
    
}
.hover\:to-primary-700-important:hover {
    --tw-gradient-to: #7b04b9 !important;
    
}
.hover\:to-primary-800-important:hover {
    --tw-gradient-to: #5d008e !important;
    
}
.hover\:to-primary-900-important:hover {
    --tw-gradient-to: #3b005a !important;
    
}
.ring-primary-50 {
    --tw-ring-color: #f3e8f8;
    
}
.ring-primary-100 {
    --tw-ring-color: #ecd2fa;
    
}
.ring-primary-200 {
    --tw-ring-color: #ddabf7;
    
}
.ring-primary-300 {
    --tw-ring-color: #ce7ef7;
    
}
.ring-primary-400 {
    --tw-ring-color: #bd4bf8;
    
}
.ring-primary-500 {
    --tw-ring-color: #a804fc;
    
}
.ring-primary-600 {
    --tw-ring-color: #9603e1;
    
}
.ring-primary-700 {
    --tw-ring-color: #7b04b9;
    
}
.ring-primary-800 {
    --tw-ring-color: #5d008e;
    
}
.ring-primary-900 {
    --tw-ring-color: #3b005a;
    
}
.ring-primary-50-important {
    --tw-ring-color: #f3e8f8 !important;
    
}
.ring-primary-100-important {
    --tw-ring-color: #ecd2fa !important;
    
}
.ring-primary-200-important {
    --tw-ring-color: #ddabf7 !important;
    
}
.ring-primary-300-important {
    --tw-ring-color: #ce7ef7 !important;
    
}
.ring-primary-400-important {
    --tw-ring-color: #bd4bf8 !important;
    
}
.ring-primary-500-important {
    --tw-ring-color: #a804fc !important;
    
}
.ring-primary-600-important {
    --tw-ring-color: #9603e1 !important;
    
}
.ring-primary-700-important {
    --tw-ring-color: #7b04b9 !important;
    
}
.ring-primary-800-important {
    --tw-ring-color: #5d008e !important;
    
}
.ring-primary-900-important {
    --tw-ring-color: #3b005a !important;
    
}
.focus\:ring-primary-50:focus {
    --tw-ring-color: #f3e8f8;
    
}
.focus\:ring-primary-100:focus {
    --tw-ring-color: #ecd2fa;
    
}
.focus\:ring-primary-200:focus {
    --tw-ring-color: #ddabf7;
    
}
.focus\:ring-primary-300:focus {
    --tw-ring-color: #ce7ef7;
    
}
.focus\:ring-primary-400:focus {
    --tw-ring-color: #bd4bf8;
    
}
.focus\:ring-primary-500:focus {
    --tw-ring-color: #a804fc;
    
}
.focus\:ring-primary-600:focus {
    --tw-ring-color: #9603e1;
    
}
.focus\:ring-primary-700:focus {
    --tw-ring-color: #7b04b9;
    
}
.focus\:ring-primary-800:focus {
    --tw-ring-color: #5d008e;
    
}
.focus\:ring-primary-900:focus {
    --tw-ring-color: #3b005a;
    
}
.focus\:ring-primary-50-important:focus {
    --tw-ring-color: #f3e8f8 !important;
    
}
.focus\:ring-primary-100-important:focus {
    --tw-ring-color: #ecd2fa !important;
    
}
.focus\:ring-primary-200-important:focus {
    --tw-ring-color: #ddabf7 !important;
    
}
.focus\:ring-primary-300-important:focus {
    --tw-ring-color: #ce7ef7 !important;
    
}
.focus\:ring-primary-400-important:focus {
    --tw-ring-color: #bd4bf8 !important;
    
}
.focus\:ring-primary-500-important:focus {
    --tw-ring-color: #a804fc !important;
    
}
.focus\:ring-primary-600-important:focus {
    --tw-ring-color: #9603e1 !important;
    
}
.focus\:ring-primary-700-important:focus {
    --tw-ring-color: #7b04b9 !important;
    
}
.focus\:ring-primary-800-important:focus {
    --tw-ring-color: #5d008e !important;
    
}
.focus\:ring-primary-900-important:focus {
    --tw-ring-color: #3b005a !important;
    
}
.hover\:ring-primary-50:hover {
    --tw-ring-color: #f3e8f8;
    
}
.hover\:ring-primary-100:hover {
    --tw-ring-color: #ecd2fa;
    
}
.hover\:ring-primary-200:hover {
    --tw-ring-color: #ddabf7;
    
}
.hover\:ring-primary-300:hover {
    --tw-ring-color: #ce7ef7;
    
}
.hover\:ring-primary-400:hover {
    --tw-ring-color: #bd4bf8;
    
}
.hover\:ring-primary-500:hover {
    --tw-ring-color: #a804fc;
    
}
.hover\:ring-primary-600:hover {
    --tw-ring-color: #9603e1;
    
}
.hover\:ring-primary-700:hover {
    --tw-ring-color: #7b04b9;
    
}
.hover\:ring-primary-800:hover {
    --tw-ring-color: #5d008e;
    
}
.hover\:ring-primary-900:hover {
    --tw-ring-color: #3b005a;
    
}
.hover\:ring-primary-50-important:hover {
    --tw-ring-color: #f3e8f8 !important;
    
}
.hover\:ring-primary-100-important:hover {
    --tw-ring-color: #ecd2fa !important;
    
}
.hover\:ring-primary-200-important:hover {
    --tw-ring-color: #ddabf7 !important;
    
}
.hover\:ring-primary-300-important:hover {
    --tw-ring-color: #ce7ef7 !important;
    
}
.hover\:ring-primary-400-important:hover {
    --tw-ring-color: #bd4bf8 !important;
    
}
.hover\:ring-primary-500-important:hover {
    --tw-ring-color: #a804fc !important;
    
}
.hover\:ring-primary-600-important:hover {
    --tw-ring-color: #9603e1 !important;
    
}
.hover\:ring-primary-700-important:hover {
    --tw-ring-color: #7b04b9 !important;
    
}
.hover\:ring-primary-800-important:hover {
    --tw-ring-color: #5d008e !important;
    
}
.hover\:ring-primary-900-important:hover {
    --tw-ring-color: #3b005a !important;
    
}
.via-primary-50 {
    --tw-gradient-via: #f3e8f8;
    
}
.via-primary-100 {
    --tw-gradient-via: #ecd2fa;
    
}
.via-primary-200 {
    --tw-gradient-via: #ddabf7;
    
}
.via-primary-300 {
    --tw-gradient-via: #ce7ef7;
    
}
.via-primary-400 {
    --tw-gradient-via: #bd4bf8;
    
}
.via-primary-500 {
    --tw-gradient-via: #a804fc;
    
}
.via-primary-600 {
    --tw-gradient-via: #9603e1;
    
}
.via-primary-700 {
    --tw-gradient-via: #7b04b9;
    
}
.via-primary-800 {
    --tw-gradient-via: #5d008e;
    
}
.via-primary-900 {
    --tw-gradient-via: #3b005a;
    
}
.via-primary-50-important {
    --tw-gradient-via: #f3e8f8 !important;
    
}
.via-primary-100-important {
    --tw-gradient-via: #ecd2fa !important;
    
}
.via-primary-200-important {
    --tw-gradient-via: #ddabf7 !important;
    
}
.via-primary-300-important {
    --tw-gradient-via: #ce7ef7 !important;
    
}
.via-primary-400-important {
    --tw-gradient-via: #bd4bf8 !important;
    
}
.via-primary-500-important {
    --tw-gradient-via: #a804fc !important;
    
}
.via-primary-600-important {
    --tw-gradient-via: #9603e1 !important;
    
}
.via-primary-700-important {
    --tw-gradient-via: #7b04b9 !important;
    
}
.via-primary-800-important {
    --tw-gradient-via: #5d008e !important;
    
}
.via-primary-900-important {
    --tw-gradient-via: #3b005a !important;
    
}
.focus\:via-primary-50:focus {
    --tw-gradient-via: #f3e8f8;
    
}
.focus\:via-primary-100:focus {
    --tw-gradient-via: #ecd2fa;
    
}
.focus\:via-primary-200:focus {
    --tw-gradient-via: #ddabf7;
    
}
.focus\:via-primary-300:focus {
    --tw-gradient-via: #ce7ef7;
    
}
.focus\:via-primary-400:focus {
    --tw-gradient-via: #bd4bf8;
    
}
.focus\:via-primary-500:focus {
    --tw-gradient-via: #a804fc;
    
}
.focus\:via-primary-600:focus {
    --tw-gradient-via: #9603e1;
    
}
.focus\:via-primary-700:focus {
    --tw-gradient-via: #7b04b9;
    
}
.focus\:via-primary-800:focus {
    --tw-gradient-via: #5d008e;
    
}
.focus\:via-primary-900:focus {
    --tw-gradient-via: #3b005a;
    
}
.focus\:via-primary-50-important:focus {
    --tw-gradient-via: #f3e8f8 !important;
    
}
.focus\:via-primary-100-important:focus {
    --tw-gradient-via: #ecd2fa !important;
    
}
.focus\:via-primary-200-important:focus {
    --tw-gradient-via: #ddabf7 !important;
    
}
.focus\:via-primary-300-important:focus {
    --tw-gradient-via: #ce7ef7 !important;
    
}
.focus\:via-primary-400-important:focus {
    --tw-gradient-via: #bd4bf8 !important;
    
}
.focus\:via-primary-500-important:focus {
    --tw-gradient-via: #a804fc !important;
    
}
.focus\:via-primary-600-important:focus {
    --tw-gradient-via: #9603e1 !important;
    
}
.focus\:via-primary-700-important:focus {
    --tw-gradient-via: #7b04b9 !important;
    
}
.focus\:via-primary-800-important:focus {
    --tw-gradient-via: #5d008e !important;
    
}
.focus\:via-primary-900-important:focus {
    --tw-gradient-via: #3b005a !important;
    
}
.hover\:via-primary-50:hover {
    --tw-gradient-via: #f3e8f8;
    
}
.hover\:via-primary-100:hover {
    --tw-gradient-via: #ecd2fa;
    
}
.hover\:via-primary-200:hover {
    --tw-gradient-via: #ddabf7;
    
}
.hover\:via-primary-300:hover {
    --tw-gradient-via: #ce7ef7;
    
}
.hover\:via-primary-400:hover {
    --tw-gradient-via: #bd4bf8;
    
}
.hover\:via-primary-500:hover {
    --tw-gradient-via: #a804fc;
    
}
.hover\:via-primary-600:hover {
    --tw-gradient-via: #9603e1;
    
}
.hover\:via-primary-700:hover {
    --tw-gradient-via: #7b04b9;
    
}
.hover\:via-primary-800:hover {
    --tw-gradient-via: #5d008e;
    
}
.hover\:via-primary-900:hover {
    --tw-gradient-via: #3b005a;
    
}
.hover\:via-primary-50-important:hover {
    --tw-gradient-via: #f3e8f8 !important;
    
}
.hover\:via-primary-100-important:hover {
    --tw-gradient-via: #ecd2fa !important;
    
}
.hover\:via-primary-200-important:hover {
    --tw-gradient-via: #ddabf7 !important;
    
}
.hover\:via-primary-300-important:hover {
    --tw-gradient-via: #ce7ef7 !important;
    
}
.hover\:via-primary-400-important:hover {
    --tw-gradient-via: #bd4bf8 !important;
    
}
.hover\:via-primary-500-important:hover {
    --tw-gradient-via: #a804fc !important;
    
}
.hover\:via-primary-600-important:hover {
    --tw-gradient-via: #9603e1 !important;
    
}
.hover\:via-primary-700-important:hover {
    --tw-gradient-via: #7b04b9 !important;
    
}
.hover\:via-primary-800-important:hover {
    --tw-gradient-via: #5d008e !important;
    
}
.hover\:via-primary-900-important:hover {
    --tw-gradient-via: #3b005a !important;
    
}
a.underlinedlink {
    background-image: linear-gradient(180deg, transparent 85%, #ecd2fa 0);
}
a.underlinedlinksmall {
    background-image: linear-gradient(180deg, transparent 88%, #ecd2fa 0);
}
a:hover.underlinedlinksmall {
    background-image: linear-gradient(180deg, transparent 88%, #ddabf7 0);
}
.cms__content a, .ce-bodytext a, .cke_editable a {
    text-decoration: none;
    background-image: linear-gradient(180deg, transparent 85%, #ecd2fa 0);
}
a.highlight {
    color: #a40ff1 !important;
}
a.highlight:hover {
    color: #9603e1 !important;
}
.cms__content .button-primary:hover {
    background-color: #9603e1 !important;
    border-color: #9603e1 !important;
}
.cms__content h1 {
  /*  color: #a40ff1 !important;*/
}
.cms__content .button-primary {
    background-color: #a40ff1 !important;
    border-color: #a40ff1 !important;
}
.prose a {
    color: #a40ff1 !important;
}
bg-opacity-10{
--tw-bg-opacity: 0.1;
}
.bg-opacity-20{
--tw-bg-opacity: 0.2;
}
.bg-opacity-30{
--tw-bg-opacity: 0.3;
}
.bg-opacity-40{
--tw-bg-opacity: 0.4;
}
.bg-opacity-50{
--tw-bg-opacity: 0.5;
}
.bg-opacity-60{
--tw-bg-opacity: 0.6;
}
.bg-opacity-70{
--tw-bg-opacity: 0.7;
}
.bg-opacity-80{
--tw-bg-opacity: 0.8;
}
.bg-opacity-90{
--tw-bg-opacity: 0.9;
}
.bg-opacity-100{
--tw-bg-opacity: 1;
}
.eventschedule a {color: #a40ff1 !important};.multiselect__tag{background: #a40ff1 !important};.multiselect__option--highlight:after {background: #a40ff1 !important;} 
        .multiselect__option--highlight {
        
    background: #a40ff1 !important;
   
}a.button-primary{
background-color: #a40ff1 !important; border-color: #a40ff1 !important};