@-webkit-keyframes floatParticle {
    0% {
        -webkit-transform: translateY(100vh) translateX(0);
        transform: translateY(100vh) translateX(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-10vh) translateX(30px);
        transform: translateY(-10vh) translateX(30px);
        opacity: 0
    }
}

@keyframes floatParticle {
    0% {
        -webkit-transform: translateY(100vh) translateX(0);
        transform: translateY(100vh) translateX(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-10vh) translateX(30px);
        transform: translateY(-10vh) translateX(30px);
        opacity: 0
    }
}

@-webkit-keyframes float {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes float {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@-webkit-keyframes ripple {
    to {
        -webkit-transform: scale(12);
        transform: scale(12);
        opacity: 0
    }
}

@keyframes ripple {
    to {
        -webkit-transform: scale(12);
        transform: scale(12);
        opacity: 0
    }
}

.card-hover:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0 12px 26px rgba(196, 90, 43, .25);
    box-shadow: 0 12px 26px rgba(196, 90, 43, .25)
}

.hero__cta:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 14px 30px rgba(240, 138, 75, .45);
    box-shadow: 0 14px 30px rgba(240, 138, 75, .45)
}

.cta__button:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 14px 30px rgba(240, 138, 75, .45);
    box-shadow: 0 14px 30px rgba(240, 138, 75, .45)
}

.footer__link:hover {
    color: #fff;
    text-decoration: underline
}

.back-to-top:hover {
    background: var(--accent-gold);
    -webkit-transform: translateY(-3px) scale(1.1);
    transform: translateY(-3px) scale(1.1);
    -webkit-box-shadow: 0 10px 22px rgba(243, 194, 107, .4);
    box-shadow: 0 10px 22px rgba(243, 194, 107, .4)
}

@-webkit-keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.focus-within\:sr-only:focus-within {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.focus-within\:not-sr-only:focus-within {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.focus\:sr-only:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.fixed {
    position: fixed
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.z-50 {
    z-index: 50
}

.focus-within\:z-0:focus-within {
    z-index: 0
}

.focus-within\:z-10:focus-within {
    z-index: 10
}

.focus-within\:z-20:focus-within {
    z-index: 20
}

.focus-within\:z-30:focus-within {
    z-index: 30
}

.focus-within\:z-40:focus-within {
    z-index: 40
}

.focus-within\:z-50:focus-within {
    z-index: 50
}

.focus-within\:z-auto:focus-within {
    z-index: auto
}

.focus\:z-0:focus {
    z-index: 0
}

.focus\:z-10:focus {
    z-index: 10
}

.focus\:z-20:focus {
    z-index: 20
}

.focus\:z-30:focus {
    z-index: 30
}

.focus\:z-40:focus {
    z-index: 40
}

.focus\:z-50:focus {
    z-index: 50
}

.focus\:z-auto:focus {
    z-index: auto
}

.hover\:translate-x-0:hover {
    --tw-translate-x: 0px
}

.hover\:translate-x-1:hover {
    --tw-translate-x: 0.25rem
}

.hover\:translate-x-2:hover {
    --tw-translate-x: 0.5rem
}

.hover\:translate-x-3:hover {
    --tw-translate-x: 0.75rem
}

.hover\:translate-x-4:hover {
    --tw-translate-x: 1rem
}

.hover\:translate-x-5:hover {
    --tw-translate-x: 1.25rem
}

.hover\:translate-x-6:hover {
    --tw-translate-x: 1.5rem
}

.hover\:translate-x-7:hover {
    --tw-translate-x: 1.75rem
}

.hover\:translate-x-8:hover {
    --tw-translate-x: 2rem
}

.hover\:translate-x-9:hover {
    --tw-translate-x: 2.25rem
}

.hover\:translate-x-10:hover {
    --tw-translate-x: 2.5rem
}

.hover\:translate-x-11:hover {
    --tw-translate-x: 2.75rem
}

.hover\:translate-x-12:hover {
    --tw-translate-x: 3rem
}

.hover\:translate-x-14:hover {
    --tw-translate-x: 3.5rem
}

.hover\:translate-x-16:hover {
    --tw-translate-x: 4rem
}

.hover\:translate-x-20:hover {
    --tw-translate-x: 5rem
}

.hover\:translate-x-24:hover {
    --tw-translate-x: 6rem
}

.hover\:translate-x-28:hover {
    --tw-translate-x: 7rem
}

.hover\:translate-x-32:hover {
    --tw-translate-x: 8rem
}

.hover\:translate-x-36:hover {
    --tw-translate-x: 9rem
}

.hover\:translate-x-40:hover {
    --tw-translate-x: 10rem
}

.hover\:translate-x-44:hover {
    --tw-translate-x: 11rem
}

.hover\:translate-x-48:hover {
    --tw-translate-x: 12rem
}

.hover\:translate-x-52:hover {
    --tw-translate-x: 13rem
}

.hover\:translate-x-56:hover {
    --tw-translate-x: 14rem
}

.hover\:translate-x-60:hover {
    --tw-translate-x: 15rem
}

.hover\:translate-x-64:hover {
    --tw-translate-x: 16rem
}

.hover\:translate-x-72:hover {
    --tw-translate-x: 18rem
}

.hover\:translate-x-80:hover {
    --tw-translate-x: 20rem
}

.hover\:translate-x-96:hover {
    --tw-translate-x: 24rem
}

.hover\:translate-x-px:hover {
    --tw-translate-x: 1px
}

.hover\:translate-x-0\.5:hover {
    --tw-translate-x: 0.125rem
}

.hover\:translate-x-1\.5:hover {
    --tw-translate-x: 0.375rem
}

.hover\:translate-x-2\.5:hover {
    --tw-translate-x: 0.625rem
}

.hover\:translate-x-3\.5:hover {
    --tw-translate-x: 0.875rem
}

.hover\:-translate-x-0:hover {
    --tw-translate-x: 0px
}

.hover\:-translate-x-1:hover {
    --tw-translate-x: -0.25rem
}

.hover\:-translate-x-2:hover {
    --tw-translate-x: -0.5rem
}

.hover\:-translate-x-3:hover {
    --tw-translate-x: -0.75rem
}

.hover\:-translate-x-4:hover {
    --tw-translate-x: -1rem
}

.hover\:-translate-x-5:hover {
    --tw-translate-x: -1.25rem
}

.hover\:-translate-x-6:hover {
    --tw-translate-x: -1.5rem
}

.hover\:-translate-x-7:hover {
    --tw-translate-x: -1.75rem
}

.hover\:-translate-x-8:hover {
    --tw-translate-x: -2rem
}

.hover\:-translate-x-9:hover {
    --tw-translate-x: -2.25rem
}

.hover\:-translate-x-10:hover {
    --tw-translate-x: -2.5rem
}

.hover\:-translate-x-11:hover {
    --tw-translate-x: -2.75rem
}

.hover\:-translate-x-12:hover {
    --tw-translate-x: -3rem
}

.hover\:-translate-x-14:hover {
    --tw-translate-x: -3.5rem
}

.hover\:-translate-x-16:hover {
    --tw-translate-x: -4rem
}

.hover\:-translate-x-20:hover {
    --tw-translate-x: -5rem
}

.hover\:-translate-x-24:hover {
    --tw-translate-x: -6rem
}

.hover\:-translate-x-28:hover {
    --tw-translate-x: -7rem
}

.hover\:-translate-x-32:hover {
    --tw-translate-x: -8rem
}

.hover\:-translate-x-36:hover {
    --tw-translate-x: -9rem
}

.hover\:-translate-x-40:hover {
    --tw-translate-x: -10rem
}

.hover\:-translate-x-44:hover {
    --tw-translate-x: -11rem
}

.hover\:-translate-x-48:hover {
    --tw-translate-x: -12rem
}

.hover\:-translate-x-52:hover {
    --tw-translate-x: -13rem
}

.hover\:-translate-x-56:hover {
    --tw-translate-x: -14rem
}

.hover\:-translate-x-60:hover {
    --tw-translate-x: -15rem
}

.hover\:-translate-x-64:hover {
    --tw-translate-x: -16rem
}

.hover\:-translate-x-72:hover {
    --tw-translate-x: -18rem
}

.hover\:-translate-x-80:hover {
    --tw-translate-x: -20rem
}

.hover\:-translate-x-96:hover {
    --tw-translate-x: -24rem
}

.hover\:-translate-x-px:hover {
    --tw-translate-x: -1px
}

.hover\:-translate-x-0\.5:hover {
    --tw-translate-x: -0.125rem
}

.hover\:-translate-x-1\.5:hover {
    --tw-translate-x: -0.375rem
}

.hover\:-translate-x-2\.5:hover {
    --tw-translate-x: -0.625rem
}

.hover\:-translate-x-3\.5:hover {
    --tw-translate-x: -0.875rem
}

.hover\:translate-x-1\/2:hover {
    --tw-translate-x: 50%
}

.hover\:translate-x-1\/3:hover {
    --tw-translate-x: 33.333333%
}

.hover\:translate-x-2\/3:hover {
    --tw-translate-x: 66.666667%
}

.hover\:translate-x-1\/4:hover {
    --tw-translate-x: 25%
}

.hover\:translate-x-2\/4:hover {
    --tw-translate-x: 50%
}

.hover\:translate-x-3\/4:hover {
    --tw-translate-x: 75%
}

.hover\:translate-x-full:hover {
    --tw-translate-x: 100%
}

.hover\:-translate-x-1\/2:hover {
    --tw-translate-x: -50%
}

.hover\:-translate-x-1\/3:hover {
    --tw-translate-x: -33.333333%
}

.hover\:-translate-x-2\/3:hover {
    --tw-translate-x: -66.666667%
}

.hover\:-translate-x-1\/4:hover {
    --tw-translate-x: -25%
}

.hover\:-translate-x-2\/4:hover {
    --tw-translate-x: -50%
}

.hover\:-translate-x-3\/4:hover {
    --tw-translate-x: -75%
}

.hover\:-translate-x-full:hover {
    --tw-translate-x: -100%
}

.hover\:translate-y-0:hover {
    --tw-translate-y: 0px
}

.hover\:translate-y-1:hover {
    --tw-translate-y: 0.25rem
}

.hover\:translate-y-2:hover {
    --tw-translate-y: 0.5rem
}

.hover\:translate-y-3:hover {
    --tw-translate-y: 0.75rem
}

.hover\:translate-y-4:hover {
    --tw-translate-y: 1rem
}

.hover\:translate-y-5:hover {
    --tw-translate-y: 1.25rem
}

.hover\:translate-y-6:hover {
    --tw-translate-y: 1.5rem
}

.hover\:translate-y-7:hover {
    --tw-translate-y: 1.75rem
}

.hover\:translate-y-8:hover {
    --tw-translate-y: 2rem
}

.hover\:translate-y-9:hover {
    --tw-translate-y: 2.25rem
}

.hover\:translate-y-10:hover {
    --tw-translate-y: 2.5rem
}

.hover\:translate-y-11:hover {
    --tw-translate-y: 2.75rem
}

.hover\:translate-y-12:hover {
    --tw-translate-y: 3rem
}

.hover\:translate-y-14:hover {
    --tw-translate-y: 3.5rem
}

.hover\:translate-y-16:hover {
    --tw-translate-y: 4rem
}

.hover\:translate-y-20:hover {
    --tw-translate-y: 5rem
}

.hover\:translate-y-24:hover {
    --tw-translate-y: 6rem
}

.hover\:translate-y-28:hover {
    --tw-translate-y: 7rem
}

.hover\:translate-y-32:hover {
    --tw-translate-y: 8rem
}

.hover\:translate-y-36:hover {
    --tw-translate-y: 9rem
}

.hover\:translate-y-40:hover {
    --tw-translate-y: 10rem
}

.hover\:translate-y-44:hover {
    --tw-translate-y: 11rem
}

.hover\:translate-y-48:hover {
    --tw-translate-y: 12rem
}

.hover\:translate-y-52:hover {
    --tw-translate-y: 13rem
}

.hover\:translate-y-56:hover {
    --tw-translate-y: 14rem
}

.hover\:translate-y-60:hover {
    --tw-translate-y: 15rem
}

.hover\:translate-y-64:hover {
    --tw-translate-y: 16rem
}

.hover\:translate-y-72:hover {
    --tw-translate-y: 18rem
}

.hover\:translate-y-80:hover {
    --tw-translate-y: 20rem
}

.hover\:translate-y-96:hover {
    --tw-translate-y: 24rem
}

.hover\:translate-y-px:hover {
    --tw-translate-y: 1px
}

.hover\:translate-y-0\.5:hover {
    --tw-translate-y: 0.125rem
}

.hover\:translate-y-1\.5:hover {
    --tw-translate-y: 0.375rem
}

.hover\:translate-y-2\.5:hover {
    --tw-translate-y: 0.625rem
}

.hover\:translate-y-3\.5:hover {
    --tw-translate-y: 0.875rem
}

.hover\:-translate-y-0:hover {
    --tw-translate-y: 0px
}

.hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem
}

.hover\:-translate-y-2:hover {
    --tw-translate-y: -0.5rem
}

.hover\:-translate-y-3:hover {
    --tw-translate-y: -0.75rem
}

.hover\:-translate-y-4:hover {
    --tw-translate-y: -1rem
}

.hover\:-translate-y-5:hover {
    --tw-translate-y: -1.25rem
}

.hover\:-translate-y-6:hover {
    --tw-translate-y: -1.5rem
}

.hover\:-translate-y-7:hover {
    --tw-translate-y: -1.75rem
}

.hover\:-translate-y-8:hover {
    --tw-translate-y: -2rem
}

.hover\:-translate-y-9:hover {
    --tw-translate-y: -2.25rem
}

.hover\:-translate-y-10:hover {
    --tw-translate-y: -2.5rem
}

.hover\:-translate-y-11:hover {
    --tw-translate-y: -2.75rem
}

.hover\:-translate-y-12:hover {
    --tw-translate-y: -3rem
}

.hover\:-translate-y-14:hover {
    --tw-translate-y: -3.5rem
}

.hover\:-translate-y-16:hover {
    --tw-translate-y: -4rem
}

.hover\:-translate-y-20:hover {
    --tw-translate-y: -5rem
}

.hover\:-translate-y-24:hover {
    --tw-translate-y: -6rem
}

.hover\:-translate-y-28:hover {
    --tw-translate-y: -7rem
}

.hover\:-translate-y-32:hover {
    --tw-translate-y: -8rem
}

.hover\:-translate-y-36:hover {
    --tw-translate-y: -9rem
}

.hover\:-translate-y-40:hover {
    --tw-translate-y: -10rem
}

.hover\:-translate-y-44:hover {
    --tw-translate-y: -11rem
}

.hover\:-translate-y-48:hover {
    --tw-translate-y: -12rem
}

.hover\:-translate-y-52:hover {
    --tw-translate-y: -13rem
}

.hover\:-translate-y-56:hover {
    --tw-translate-y: -14rem
}

.hover\:-translate-y-60:hover {
    --tw-translate-y: -15rem
}

.hover\:-translate-y-64:hover {
    --tw-translate-y: -16rem
}

.hover\:-translate-y-72:hover {
    --tw-translate-y: -18rem
}

.hover\:-translate-y-80:hover {
    --tw-translate-y: -20rem
}

.hover\:-translate-y-96:hover {
    --tw-translate-y: -24rem
}

.hover\:-translate-y-px:hover {
    --tw-translate-y: -1px
}

.hover\:-translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem
}

.hover\:-translate-y-1\.5:hover {
    --tw-translate-y: -0.375rem
}

.hover\:-translate-y-2\.5:hover {
    --tw-translate-y: -0.625rem
}

.hover\:-translate-y-3\.5:hover {
    --tw-translate-y: -0.875rem
}

.hover\:translate-y-1\/2:hover {
    --tw-translate-y: 50%
}

.hover\:translate-y-1\/3:hover {
    --tw-translate-y: 33.333333%
}

.hover\:translate-y-2\/3:hover {
    --tw-translate-y: 66.666667%
}

.hover\:translate-y-1\/4:hover {
    --tw-translate-y: 25%
}

.hover\:translate-y-2\/4:hover {
    --tw-translate-y: 50%
}

.hover\:translate-y-3\/4:hover {
    --tw-translate-y: 75%
}

.hover\:translate-y-full:hover {
    --tw-translate-y: 100%
}

.hover\:-translate-y-1\/2:hover {
    --tw-translate-y: -50%
}

.hover\:-translate-y-1\/3:hover {
    --tw-translate-y: -33.333333%
}

.hover\:-translate-y-2\/3:hover {
    --tw-translate-y: -66.666667%
}

.hover\:-translate-y-1\/4:hover {
    --tw-translate-y: -25%
}

.hover\:-translate-y-2\/4:hover {
    --tw-translate-y: -50%
}

.hover\:-translate-y-3\/4:hover {
    --tw-translate-y: -75%
}

.hover\:-translate-y-full:hover {
    --tw-translate-y: -100%
}

.focus\:translate-x-0:focus {
    --tw-translate-x: 0px
}

.focus\:translate-x-1:focus {
    --tw-translate-x: 0.25rem
}

.focus\:translate-x-2:focus {
    --tw-translate-x: 0.5rem
}

.focus\:translate-x-3:focus {
    --tw-translate-x: 0.75rem
}

.focus\:translate-x-4:focus {
    --tw-translate-x: 1rem
}

.focus\:translate-x-5:focus {
    --tw-translate-x: 1.25rem
}

.focus\:translate-x-6:focus {
    --tw-translate-x: 1.5rem
}

.focus\:translate-x-7:focus {
    --tw-translate-x: 1.75rem
}

.focus\:translate-x-8:focus {
    --tw-translate-x: 2rem
}

.focus\:translate-x-9:focus {
    --tw-translate-x: 2.25rem
}

.focus\:translate-x-10:focus {
    --tw-translate-x: 2.5rem
}

.focus\:translate-x-11:focus {
    --tw-translate-x: 2.75rem
}

.focus\:translate-x-12:focus {
    --tw-translate-x: 3rem
}

.focus\:translate-x-14:focus {
    --tw-translate-x: 3.5rem
}

.focus\:translate-x-16:focus {
    --tw-translate-x: 4rem
}

.focus\:translate-x-20:focus {
    --tw-translate-x: 5rem
}

.focus\:translate-x-24:focus {
    --tw-translate-x: 6rem
}

.focus\:translate-x-28:focus {
    --tw-translate-x: 7rem
}

.focus\:translate-x-32:focus {
    --tw-translate-x: 8rem
}

.focus\:translate-x-36:focus {
    --tw-translate-x: 9rem
}

.focus\:translate-x-40:focus {
    --tw-translate-x: 10rem
}

.focus\:translate-x-44:focus {
    --tw-translate-x: 11rem
}

.focus\:translate-x-48:focus {
    --tw-translate-x: 12rem
}

.focus\:translate-x-52:focus {
    --tw-translate-x: 13rem
}

.focus\:translate-x-56:focus {
    --tw-translate-x: 14rem
}

.focus\:translate-x-60:focus {
    --tw-translate-x: 15rem
}

.focus\:translate-x-64:focus {
    --tw-translate-x: 16rem
}

.focus\:translate-x-72:focus {
    --tw-translate-x: 18rem
}

.focus\:translate-x-80:focus {
    --tw-translate-x: 20rem
}

.focus\:translate-x-96:focus {
    --tw-translate-x: 24rem
}

.focus\:translate-x-px:focus {
    --tw-translate-x: 1px
}

.focus\:translate-x-0\.5:focus {
    --tw-translate-x: 0.125rem
}

.focus\:translate-x-1\.5:focus {
    --tw-translate-x: 0.375rem
}

.focus\:translate-x-2\.5:focus {
    --tw-translate-x: 0.625rem
}

.focus\:translate-x-3\.5:focus {
    --tw-translate-x: 0.875rem
}

.focus\:-translate-x-0:focus {
    --tw-translate-x: 0px
}

.focus\:-translate-x-1:focus {
    --tw-translate-x: -0.25rem
}

.focus\:-translate-x-2:focus {
    --tw-translate-x: -0.5rem
}

.focus\:-translate-x-3:focus {
    --tw-translate-x: -0.75rem
}

.focus\:-translate-x-4:focus {
    --tw-translate-x: -1rem
}

.focus\:-translate-x-5:focus {
    --tw-translate-x: -1.25rem
}

.focus\:-translate-x-6:focus {
    --tw-translate-x: -1.5rem
}

.focus\:-translate-x-7:focus {
    --tw-translate-x: -1.75rem
}

.focus\:-translate-x-8:focus {
    --tw-translate-x: -2rem
}

.focus\:-translate-x-9:focus {
    --tw-translate-x: -2.25rem
}

.focus\:-translate-x-10:focus {
    --tw-translate-x: -2.5rem
}

.focus\:-translate-x-11:focus {
    --tw-translate-x: -2.75rem
}

.focus\:-translate-x-12:focus {
    --tw-translate-x: -3rem
}

.focus\:-translate-x-14:focus {
    --tw-translate-x: -3.5rem
}

.focus\:-translate-x-16:focus {
    --tw-translate-x: -4rem
}

.focus\:-translate-x-20:focus {
    --tw-translate-x: -5rem
}

.focus\:-translate-x-24:focus {
    --tw-translate-x: -6rem
}

.focus\:-translate-x-28:focus {
    --tw-translate-x: -7rem
}

.focus\:-translate-x-32:focus {
    --tw-translate-x: -8rem
}

.focus\:-translate-x-36:focus {
    --tw-translate-x: -9rem
}

.focus\:-translate-x-40:focus {
    --tw-translate-x: -10rem
}

.focus\:-translate-x-44:focus {
    --tw-translate-x: -11rem
}

.focus\:-translate-x-48:focus {
    --tw-translate-x: -12rem
}

.focus\:-translate-x-52:focus {
    --tw-translate-x: -13rem
}

.focus\:-translate-x-56:focus {
    --tw-translate-x: -14rem
}

.focus\:-translate-x-60:focus {
    --tw-translate-x: -15rem
}

.focus\:-translate-x-64:focus {
    --tw-translate-x: -16rem
}

.focus\:-translate-x-72:focus {
    --tw-translate-x: -18rem
}

.focus\:-translate-x-80:focus {
    --tw-translate-x: -20rem
}

.focus\:-translate-x-96:focus {
    --tw-translate-x: -24rem
}

.focus\:-translate-x-px:focus {
    --tw-translate-x: -1px
}

.focus\:-translate-x-0\.5:focus {
    --tw-translate-x: -0.125rem
}

.focus\:-translate-x-1\.5:focus {
    --tw-translate-x: -0.375rem
}

.focus\:-translate-x-2\.5:focus {
    --tw-translate-x: -0.625rem
}

.focus\:-translate-x-3\.5:focus {
    --tw-translate-x: -0.875rem
}

.focus\:translate-x-1\/2:focus {
    --tw-translate-x: 50%
}

.focus\:translate-x-1\/3:focus {
    --tw-translate-x: 33.333333%
}

.focus\:translate-x-2\/3:focus {
    --tw-translate-x: 66.666667%
}

.focus\:translate-x-1\/4:focus {
    --tw-translate-x: 25%
}

.focus\:translate-x-2\/4:focus {
    --tw-translate-x: 50%
}

.focus\:translate-x-3\/4:focus {
    --tw-translate-x: 75%
}

.focus\:translate-x-full:focus {
    --tw-translate-x: 100%
}

.focus\:-translate-x-1\/2:focus {
    --tw-translate-x: -50%
}

.focus\:-translate-x-1\/3:focus {
    --tw-translate-x: -33.333333%
}

.focus\:-translate-x-2\/3:focus {
    --tw-translate-x: -66.666667%
}

.focus\:-translate-x-1\/4:focus {
    --tw-translate-x: -25%
}

.focus\:-translate-x-2\/4:focus {
    --tw-translate-x: -50%
}

.focus\:-translate-x-3\/4:focus {
    --tw-translate-x: -75%
}

.focus\:-translate-x-full:focus {
    --tw-translate-x: -100%
}

.focus\:translate-y-0:focus {
    --tw-translate-y: 0px
}

.focus\:translate-y-1:focus {
    --tw-translate-y: 0.25rem
}

.focus\:translate-y-2:focus {
    --tw-translate-y: 0.5rem
}

.focus\:translate-y-3:focus {
    --tw-translate-y: 0.75rem
}

.focus\:translate-y-4:focus {
    --tw-translate-y: 1rem
}

.focus\:translate-y-5:focus {
    --tw-translate-y: 1.25rem
}

.focus\:translate-y-6:focus {
    --tw-translate-y: 1.5rem
}

.focus\:translate-y-7:focus {
    --tw-translate-y: 1.75rem
}

.focus\:translate-y-8:focus {
    --tw-translate-y: 2rem
}

.focus\:translate-y-9:focus {
    --tw-translate-y: 2.25rem
}

.focus\:translate-y-10:focus {
    --tw-translate-y: 2.5rem
}

.focus\:translate-y-11:focus {
    --tw-translate-y: 2.75rem
}

.focus\:translate-y-12:focus {
    --tw-translate-y: 3rem
}

.focus\:translate-y-14:focus {
    --tw-translate-y: 3.5rem
}

.focus\:translate-y-16:focus {
    --tw-translate-y: 4rem
}

.focus\:translate-y-20:focus {
    --tw-translate-y: 5rem
}

.focus\:translate-y-24:focus {
    --tw-translate-y: 6rem
}

.focus\:translate-y-28:focus {
    --tw-translate-y: 7rem
}

.focus\:translate-y-32:focus {
    --tw-translate-y: 8rem
}

.focus\:translate-y-36:focus {
    --tw-translate-y: 9rem
}

.focus\:translate-y-40:focus {
    --tw-translate-y: 10rem
}

.focus\:translate-y-44:focus {
    --tw-translate-y: 11rem
}

.focus\:translate-y-48:focus {
    --tw-translate-y: 12rem
}

.focus\:translate-y-52:focus {
    --tw-translate-y: 13rem
}

.focus\:translate-y-56:focus {
    --tw-translate-y: 14rem
}

.focus\:translate-y-60:focus {
    --tw-translate-y: 15rem
}

.focus\:translate-y-64:focus {
    --tw-translate-y: 16rem
}

.focus\:translate-y-72:focus {
    --tw-translate-y: 18rem
}

.focus\:translate-y-80:focus {
    --tw-translate-y: 20rem
}

.focus\:translate-y-96:focus {
    --tw-translate-y: 24rem
}

.focus\:translate-y-px:focus {
    --tw-translate-y: 1px
}

.focus\:translate-y-0\.5:focus {
    --tw-translate-y: 0.125rem
}

.focus\:translate-y-1\.5:focus {
    --tw-translate-y: 0.375rem
}

.focus\:translate-y-2\.5:focus {
    --tw-translate-y: 0.625rem
}

.focus\:translate-y-3\.5:focus {
    --tw-translate-y: 0.875rem
}

.focus\:-translate-y-0:focus {
    --tw-translate-y: 0px
}

.focus\:-translate-y-1:focus {
    --tw-translate-y: -0.25rem
}

.focus\:-translate-y-2:focus {
    --tw-translate-y: -0.5rem
}

.focus\:-translate-y-3:focus {
    --tw-translate-y: -0.75rem
}

.focus\:-translate-y-4:focus {
    --tw-translate-y: -1rem
}

.focus\:-translate-y-5:focus {
    --tw-translate-y: -1.25rem
}

.focus\:-translate-y-6:focus {
    --tw-translate-y: -1.5rem
}

.focus\:-translate-y-7:focus {
    --tw-translate-y: -1.75rem
}

.focus\:-translate-y-8:focus {
    --tw-translate-y: -2rem
}

.focus\:-translate-y-9:focus {
    --tw-translate-y: -2.25rem
}

.focus\:-translate-y-10:focus {
    --tw-translate-y: -2.5rem
}

.focus\:-translate-y-11:focus {
    --tw-translate-y: -2.75rem
}

.focus\:-translate-y-12:focus {
    --tw-translate-y: -3rem
}

.focus\:-translate-y-14:focus {
    --tw-translate-y: -3.5rem
}

.focus\:-translate-y-16:focus {
    --tw-translate-y: -4rem
}

.focus\:-translate-y-20:focus {
    --tw-translate-y: -5rem
}

.focus\:-translate-y-24:focus {
    --tw-translate-y: -6rem
}

.focus\:-translate-y-28:focus {
    --tw-translate-y: -7rem
}

.focus\:-translate-y-32:focus {
    --tw-translate-y: -8rem
}

.focus\:-translate-y-36:focus {
    --tw-translate-y: -9rem
}

.focus\:-translate-y-40:focus {
    --tw-translate-y: -10rem
}

.focus\:-translate-y-44:focus {
    --tw-translate-y: -11rem
}

.focus\:-translate-y-48:focus {
    --tw-translate-y: -12rem
}

.focus\:-translate-y-52:focus {
    --tw-translate-y: -13rem
}

.focus\:-translate-y-56:focus {
    --tw-translate-y: -14rem
}

.focus\:-translate-y-60:focus {
    --tw-translate-y: -15rem
}

.focus\:-translate-y-64:focus {
    --tw-translate-y: -16rem
}

.focus\:-translate-y-72:focus {
    --tw-translate-y: -18rem
}

.focus\:-translate-y-80:focus {
    --tw-translate-y: -20rem
}

.focus\:-translate-y-96:focus {
    --tw-translate-y: -24rem
}

.focus\:-translate-y-px:focus {
    --tw-translate-y: -1px
}

.focus\:-translate-y-0\.5:focus {
    --tw-translate-y: -0.125rem
}

.focus\:-translate-y-1\.5:focus {
    --tw-translate-y: -0.375rem
}

.focus\:-translate-y-2\.5:focus {
    --tw-translate-y: -0.625rem
}

.focus\:-translate-y-3\.5:focus {
    --tw-translate-y: -0.875rem
}

.focus\:translate-y-1\/2:focus {
    --tw-translate-y: 50%
}

.focus\:translate-y-1\/3:focus {
    --tw-translate-y: 33.333333%
}

.focus\:translate-y-2\/3:focus {
    --tw-translate-y: 66.666667%
}

.focus\:translate-y-1\/4:focus {
    --tw-translate-y: 25%
}

.focus\:translate-y-2\/4:focus {
    --tw-translate-y: 50%
}

.focus\:translate-y-3\/4:focus {
    --tw-translate-y: 75%
}

.focus\:translate-y-full:focus {
    --tw-translate-y: 100%
}

.focus\:-translate-y-1\/2:focus {
    --tw-translate-y: -50%
}

.focus\:-translate-y-1\/3:focus {
    --tw-translate-y: -33.333333%
}

.focus\:-translate-y-2\/3:focus {
    --tw-translate-y: -66.666667%
}

.focus\:-translate-y-1\/4:focus {
    --tw-translate-y: -25%
}

.focus\:-translate-y-2\/4:focus {
    --tw-translate-y: -50%
}

.focus\:-translate-y-3\/4:focus {
    --tw-translate-y: -75%
}

.focus\:-translate-y-full:focus {
    --tw-translate-y: -100%
}

.hover\:rotate-0:hover {
    --tw-rotate: 0deg
}

.hover\:rotate-1:hover {
    --tw-rotate: 1deg
}

.hover\:rotate-2:hover {
    --tw-rotate: 2deg
}

.hover\:rotate-3:hover {
    --tw-rotate: 3deg
}

.hover\:rotate-6:hover {
    --tw-rotate: 6deg
}

.hover\:rotate-12:hover {
    --tw-rotate: 12deg
}

.hover\:rotate-45:hover {
    --tw-rotate: 45deg
}

.hover\:rotate-90:hover {
    --tw-rotate: 90deg
}

.hover\:rotate-180:hover {
    --tw-rotate: 180deg
}

.hover\:-rotate-180:hover {
    --tw-rotate: -180deg
}

.hover\:-rotate-90:hover {
    --tw-rotate: -90deg
}

.hover\:-rotate-45:hover {
    --tw-rotate: -45deg
}

.hover\:-rotate-12:hover {
    --tw-rotate: -12deg
}

.hover\:-rotate-6:hover {
    --tw-rotate: -6deg
}

.hover\:-rotate-3:hover {
    --tw-rotate: -3deg
}

.hover\:-rotate-2:hover {
    --tw-rotate: -2deg
}

.hover\:-rotate-1:hover {
    --tw-rotate: -1deg
}

.focus\:rotate-0:focus {
    --tw-rotate: 0deg
}

.focus\:rotate-1:focus {
    --tw-rotate: 1deg
}

.focus\:rotate-2:focus {
    --tw-rotate: 2deg
}

.focus\:rotate-3:focus {
    --tw-rotate: 3deg
}

.focus\:rotate-6:focus {
    --tw-rotate: 6deg
}

.focus\:rotate-12:focus {
    --tw-rotate: 12deg
}

.focus\:rotate-45:focus {
    --tw-rotate: 45deg
}

.focus\:rotate-90:focus {
    --tw-rotate: 90deg
}

.focus\:rotate-180:focus {
    --tw-rotate: 180deg
}

.focus\:-rotate-180:focus {
    --tw-rotate: -180deg
}

.focus\:-rotate-90:focus {
    --tw-rotate: -90deg
}

.focus\:-rotate-45:focus {
    --tw-rotate: -45deg
}

.focus\:-rotate-12:focus {
    --tw-rotate: -12deg
}

.focus\:-rotate-6:focus {
    --tw-rotate: -6deg
}

.focus\:-rotate-3:focus {
    --tw-rotate: -3deg
}

.focus\:-rotate-2:focus {
    --tw-rotate: -2deg
}

.focus\:-rotate-1:focus {
    --tw-rotate: -1deg
}

.hover\:skew-x-0:hover {
    --tw-skew-x: 0deg
}

.hover\:skew-x-1:hover {
    --tw-skew-x: 1deg
}

.hover\:skew-x-2:hover {
    --tw-skew-x: 2deg
}

.hover\:skew-x-3:hover {
    --tw-skew-x: 3deg
}

.hover\:skew-x-6:hover {
    --tw-skew-x: 6deg
}

.hover\:skew-x-12:hover {
    --tw-skew-x: 12deg
}

.hover\:-skew-x-12:hover {
    --tw-skew-x: -12deg
}

.hover\:-skew-x-6:hover {
    --tw-skew-x: -6deg
}

.hover\:-skew-x-3:hover {
    --tw-skew-x: -3deg
}

.hover\:-skew-x-2:hover {
    --tw-skew-x: -2deg
}

.hover\:-skew-x-1:hover {
    --tw-skew-x: -1deg
}

.hover\:skew-y-0:hover {
    --tw-skew-y: 0deg
}

.hover\:skew-y-1:hover {
    --tw-skew-y: 1deg
}

.hover\:skew-y-2:hover {
    --tw-skew-y: 2deg
}

.hover\:skew-y-3:hover {
    --tw-skew-y: 3deg
}

.hover\:skew-y-6:hover {
    --tw-skew-y: 6deg
}

.hover\:skew-y-12:hover {
    --tw-skew-y: 12deg
}

.hover\:-skew-y-12:hover {
    --tw-skew-y: -12deg
}

.hover\:-skew-y-6:hover {
    --tw-skew-y: -6deg
}

.hover\:-skew-y-3:hover {
    --tw-skew-y: -3deg
}

.hover\:-skew-y-2:hover {
    --tw-skew-y: -2deg
}

.hover\:-skew-y-1:hover {
    --tw-skew-y: -1deg
}

.focus\:skew-x-0:focus {
    --tw-skew-x: 0deg
}

.focus\:skew-x-1:focus {
    --tw-skew-x: 1deg
}

.focus\:skew-x-2:focus {
    --tw-skew-x: 2deg
}

.focus\:skew-x-3:focus {
    --tw-skew-x: 3deg
}

.focus\:skew-x-6:focus {
    --tw-skew-x: 6deg
}

.focus\:skew-x-12:focus {
    --tw-skew-x: 12deg
}

.focus\:-skew-x-12:focus {
    --tw-skew-x: -12deg
}

.focus\:-skew-x-6:focus {
    --tw-skew-x: -6deg
}

.focus\:-skew-x-3:focus {
    --tw-skew-x: -3deg
}

.focus\:-skew-x-2:focus {
    --tw-skew-x: -2deg
}

.focus\:-skew-x-1:focus {
    --tw-skew-x: -1deg
}

.focus\:skew-y-0:focus {
    --tw-skew-y: 0deg
}

.focus\:skew-y-1:focus {
    --tw-skew-y: 1deg
}

.focus\:skew-y-2:focus {
    --tw-skew-y: 2deg
}

.focus\:skew-y-3:focus {
    --tw-skew-y: 3deg
}

.focus\:skew-y-6:focus {
    --tw-skew-y: 6deg
}

.focus\:skew-y-12:focus {
    --tw-skew-y: 12deg
}

.focus\:-skew-y-12:focus {
    --tw-skew-y: -12deg
}

.focus\:-skew-y-6:focus {
    --tw-skew-y: -6deg
}

.focus\:-skew-y-3:focus {
    --tw-skew-y: -3deg
}

.focus\:-skew-y-2:focus {
    --tw-skew-y: -2deg
}

.focus\:-skew-y-1:focus {
    --tw-skew-y: -1deg
}

.hover\:scale-0:hover {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.hover\:scale-50:hover {
    --tw-scale-x: .5;
    --tw-scale-y: .5
}

.hover\:scale-75:hover {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.hover\:scale-90:hover {
    --tw-scale-x: .9;
    --tw-scale-y: .9
}

.hover\:scale-95:hover {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.hover\:scale-100:hover {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.hover\:scale-125:hover {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25
}

.hover\:scale-150:hover {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

.focus\:scale-0:focus {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.focus\:scale-50:focus {
    --tw-scale-x: .5;
    --tw-scale-y: .5
}

.focus\:scale-75:focus {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.focus\:scale-90:focus {
    --tw-scale-x: .9;
    --tw-scale-y: .9
}

.focus\:scale-95:focus {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.focus\:scale-100:focus {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.focus\:scale-105:focus {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.focus\:scale-110:focus {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.focus\:scale-125:focus {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25
}

.focus\:scale-150:focus {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

.hover\:scale-x-0:hover {
    --tw-scale-x: 0
}

.hover\:scale-x-50:hover {
    --tw-scale-x: .5
}

.hover\:scale-x-75:hover {
    --tw-scale-x: .75
}

.hover\:scale-x-90:hover {
    --tw-scale-x: .9
}

.hover\:scale-x-95:hover {
    --tw-scale-x: .95
}

.hover\:scale-x-100:hover {
    --tw-scale-x: 1
}

.hover\:scale-x-105:hover {
    --tw-scale-x: 1.05
}

.hover\:scale-x-110:hover {
    --tw-scale-x: 1.1
}

.hover\:scale-x-125:hover {
    --tw-scale-x: 1.25
}

.hover\:scale-x-150:hover {
    --tw-scale-x: 1.5
}

.hover\:scale-y-0:hover {
    --tw-scale-y: 0
}

.hover\:scale-y-50:hover {
    --tw-scale-y: .5
}

.hover\:scale-y-75:hover {
    --tw-scale-y: .75
}

.hover\:scale-y-90:hover {
    --tw-scale-y: .9
}

.hover\:scale-y-95:hover {
    --tw-scale-y: .95
}

.hover\:scale-y-100:hover {
    --tw-scale-y: 1
}

.hover\:scale-y-105:hover {
    --tw-scale-y: 1.05
}

.hover\:scale-y-110:hover {
    --tw-scale-y: 1.1
}

.hover\:scale-y-125:hover {
    --tw-scale-y: 1.25
}

.hover\:scale-y-150:hover {
    --tw-scale-y: 1.5
}

.focus\:scale-x-0:focus {
    --tw-scale-x: 0
}

.focus\:scale-x-50:focus {
    --tw-scale-x: .5
}

.focus\:scale-x-75:focus {
    --tw-scale-x: .75
}

.focus\:scale-x-90:focus {
    --tw-scale-x: .9
}

.focus\:scale-x-95:focus {
    --tw-scale-x: .95
}

.focus\:scale-x-100:focus {
    --tw-scale-x: 1
}

.focus\:scale-x-105:focus {
    --tw-scale-x: 1.05
}

.focus\:scale-x-110:focus {
    --tw-scale-x: 1.1
}

.focus\:scale-x-125:focus {
    --tw-scale-x: 1.25
}

.focus\:scale-x-150:focus {
    --tw-scale-x: 1.5
}

.focus\:scale-y-0:focus {
    --tw-scale-y: 0
}

.focus\:scale-y-50:focus {
    --tw-scale-y: .5
}

.focus\:scale-y-75:focus {
    --tw-scale-y: .75
}

.focus\:scale-y-90:focus {
    --tw-scale-y: .9
}

.focus\:scale-y-95:focus {
    --tw-scale-y: .95
}

.focus\:scale-y-100:focus {
    --tw-scale-y: 1
}

.focus\:scale-y-105:focus {
    --tw-scale-y: 1.05
}

.focus\:scale-y-110:focus {
    --tw-scale-y: 1.1
}

.focus\:scale-y-125:focus {
    --tw-scale-y: 1.25
}

.focus\:scale-y-150:focus {
    --tw-scale-y: 1.5
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes ping {

    75%,
    to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes ping {

    75%,
    to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@-webkit-keyframes bounce {

    0%,
    to {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
        -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }

    50% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

@keyframes bounce {

    0%,
    to {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
        -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }

    50% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.overflow-hidden {
    overflow: hidden
}

.group:hover .group-hover\:border-transparent {
    border-color: transparent
}

.group:hover .group-hover\:border-current {
    border-color: currentColor
}

.group:hover .group-hover\:border-black {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-white {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-red-50 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-red-700 {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-red-800 {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-red-900 {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-yellow-50 {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-yellow-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-yellow-600 {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-yellow-700 {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-yellow-800 {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-yellow-900 {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-green-50 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-green-700 {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-green-800 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-green-900 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-blue-50 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-blue-800 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-blue-900 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-indigo-50 {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-indigo-100 {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-indigo-200 {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-indigo-300 {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-indigo-400 {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-indigo-600 {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-indigo-700 {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-indigo-800 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-indigo-900 {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-purple-50 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-purple-100 {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-purple-200 {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-purple-300 {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-purple-400 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-purple-600 {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-purple-700 {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-purple-800 {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-purple-900 {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-pink-50 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-pink-100 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-pink-200 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-pink-300 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-pink-400 {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-pink-600 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-pink-700 {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-pink-800 {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-pink-900 {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-primary {
    --tw-border-opacity: 1;
    border-color: rgba(26, 185, 56, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-orange {
    --tw-border-opacity: 1;
    border-color: rgba(253, 171, 90, var(--tw-border-opacity))
}

.group:hover .group-hover\:border-danger {
    border-color: #c75d5d
}

.focus-within\:border-transparent:focus-within {
    border-color: transparent
}

.focus-within\:border-current:focus-within {
    border-color: currentColor
}

.focus-within\:border-black:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity))
}

.focus-within\:border-white:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.focus-within\:border-gray-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity))
}

.focus-within\:border-gray-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity))
}

.focus-within\:border-gray-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity))
}

.focus-within\:border-gray-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity))
}

.focus-within\:border-gray-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity))
}

.focus-within\:border-gray-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity))
}

.focus-within\:border-gray-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity))
}

.focus-within\:border-gray-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity))
}

.focus-within\:border-gray-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity))
}

.focus-within\:border-gray-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity))
}

.focus-within\:border-red-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity))
}

.focus-within\:border-red-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity))
}

.focus-within\:border-red-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity))
}

.focus-within\:border-red-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity))
}

.focus-within\:border-red-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity))
}

.focus-within\:border-red-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity))
}

.focus-within\:border-red-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity))
}

.focus-within\:border-red-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity))
}

.focus-within\:border-red-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity))
}

.focus-within\:border-red-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity))
}

.focus-within\:border-yellow-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity))
}

.focus-within\:border-yellow-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity))
}

.focus-within\:border-yellow-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity))
}

.focus-within\:border-yellow-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity))
}

.focus-within\:border-yellow-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity))
}

.focus-within\:border-yellow-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity))
}

.focus-within\:border-yellow-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity))
}

.focus-within\:border-yellow-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity))
}

.focus-within\:border-yellow-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity))
}

.focus-within\:border-yellow-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity))
}

.focus-within\:border-green-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity))
}

.focus-within\:border-green-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity))
}

.focus-within\:border-green-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity))
}

.focus-within\:border-green-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity))
}

.focus-within\:border-green-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity))
}

.focus-within\:border-green-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity))
}

.focus-within\:border-green-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity))
}

.focus-within\:border-green-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity))
}

.focus-within\:border-green-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity))
}

.focus-within\:border-green-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity))
}

.focus-within\:border-blue-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity))
}

.focus-within\:border-blue-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity))
}

.focus-within\:border-blue-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity))
}

.focus-within\:border-blue-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity))
}

.focus-within\:border-blue-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity))
}

.focus-within\:border-blue-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity))
}

.focus-within\:border-blue-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity))
}

.focus-within\:border-blue-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity))
}

.focus-within\:border-blue-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity))
}

.focus-within\:border-blue-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity))
}

.focus-within\:border-indigo-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity))
}

.focus-within\:border-indigo-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity))
}

.focus-within\:border-indigo-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity))
}

.focus-within\:border-indigo-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity))
}

.focus-within\:border-indigo-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity))
}

.focus-within\:border-indigo-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity))
}

.focus-within\:border-indigo-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity))
}

.focus-within\:border-indigo-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity))
}

.focus-within\:border-indigo-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity))
}

.focus-within\:border-indigo-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity))
}

.focus-within\:border-purple-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity))
}

.focus-within\:border-purple-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity))
}

.focus-within\:border-purple-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity))
}

.focus-within\:border-purple-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity))
}

.focus-within\:border-purple-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity))
}

.focus-within\:border-purple-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity))
}

.focus-within\:border-purple-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity))
}

.focus-within\:border-purple-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity))
}

.focus-within\:border-purple-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity))
}

.focus-within\:border-purple-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity))
}

.focus-within\:border-pink-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity))
}

.focus-within\:border-pink-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity))
}

.focus-within\:border-pink-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity))
}

.focus-within\:border-pink-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity))
}

.focus-within\:border-pink-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity))
}

.focus-within\:border-pink-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity))
}

.focus-within\:border-pink-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity))
}

.focus-within\:border-pink-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity))
}

.focus-within\:border-pink-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity))
}

.focus-within\:border-pink-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity))
}

.focus-within\:border-primary:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(26, 185, 56, var(--tw-border-opacity))
}

.focus-within\:border-orange:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(253, 171, 90, var(--tw-border-opacity))
}

.focus-within\:border-danger:focus-within {
    border-color: #c75d5d
}

.hover\:border-transparent:hover {
    border-color: transparent
}

.hover\:border-current:hover {
    border-color: currentColor
}

.hover\:border-black:hover {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity))
}

.hover\:border-white:hover {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.hover\:border-gray-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity))
}

.hover\:border-gray-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity))
}

.hover\:border-gray-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity))
}

.hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity))
}

.hover\:border-gray-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity))
}

.hover\:border-gray-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity))
}

.hover\:border-gray-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity))
}

.hover\:border-gray-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity))
}

.hover\:border-gray-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity))
}

.hover\:border-gray-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity))
}

.hover\:border-red-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity))
}

.hover\:border-red-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity))
}

.hover\:border-red-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity))
}

.hover\:border-red-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity))
}

.hover\:border-red-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity))
}

.hover\:border-red-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity))
}

.hover\:border-red-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity))
}

.hover\:border-red-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity))
}

.hover\:border-red-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity))
}

.hover\:border-red-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity))
}

.hover\:border-yellow-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity))
}

.hover\:border-yellow-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity))
}

.hover\:border-yellow-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity))
}

.hover\:border-yellow-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity))
}

.hover\:border-yellow-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity))
}

.hover\:border-yellow-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity))
}

.hover\:border-yellow-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity))
}

.hover\:border-yellow-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity))
}

.hover\:border-yellow-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity))
}

.hover\:border-yellow-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity))
}

.hover\:border-green-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity))
}

.hover\:border-green-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity))
}

.hover\:border-green-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity))
}

.hover\:border-green-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity))
}

.hover\:border-green-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity))
}

.hover\:border-green-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity))
}

.hover\:border-green-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity))
}

.hover\:border-green-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity))
}

.hover\:border-green-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity))
}

.hover\:border-green-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity))
}

.hover\:border-blue-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity))
}

.hover\:border-blue-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity))
}

.hover\:border-blue-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity))
}

.hover\:border-blue-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity))
}

.hover\:border-blue-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity))
}

.hover\:border-blue-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity))
}

.hover\:border-blue-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity))
}

.hover\:border-blue-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity))
}

.hover\:border-blue-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity))
}

.hover\:border-blue-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity))
}

.hover\:border-indigo-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity))
}

.hover\:border-indigo-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity))
}

.hover\:border-indigo-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity))
}

.hover\:border-indigo-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity))
}

.hover\:border-indigo-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity))
}

.hover\:border-indigo-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity))
}

.hover\:border-indigo-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity))
}

.hover\:border-indigo-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity))
}

.hover\:border-indigo-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity))
}

.hover\:border-indigo-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity))
}

.hover\:border-purple-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity))
}

.hover\:border-purple-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity))
}

.hover\:border-purple-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity))
}

.hover\:border-purple-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity))
}

.hover\:border-purple-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity))
}

.hover\:border-purple-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity))
}

.hover\:border-purple-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity))
}

.hover\:border-purple-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity))
}

.hover\:border-purple-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity))
}

.hover\:border-purple-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity))
}

.hover\:border-pink-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity))
}

.hover\:border-pink-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity))
}

.hover\:border-pink-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity))
}

.hover\:border-pink-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity))
}

.hover\:border-pink-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity))
}

.hover\:border-pink-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity))
}

.hover\:border-pink-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity))
}

.hover\:border-pink-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity))
}

.hover\:border-pink-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity))
}

.hover\:border-pink-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity))
}

.hover\:border-primary:hover {
    --tw-border-opacity: 1;
    border-color: rgba(26, 185, 56, var(--tw-border-opacity))
}

.hover\:border-orange:hover {
    --tw-border-opacity: 1;
    border-color: rgba(253, 171, 90, var(--tw-border-opacity))
}

.hover\:border-danger:hover {
    border-color: #c75d5d
}

.focus\:border-transparent:focus {
    border-color: transparent
}

.focus\:border-current:focus {
    border-color: currentColor
}

.focus\:border-black:focus {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity))
}

.focus\:border-white:focus {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.focus\:border-gray-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity))
}

.focus\:border-gray-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity))
}

.focus\:border-gray-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity))
}

.focus\:border-gray-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity))
}

.focus\:border-gray-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity))
}

.focus\:border-gray-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity))
}

.focus\:border-gray-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity))
}

.focus\:border-gray-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity))
}

.focus\:border-gray-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity))
}

.focus\:border-gray-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity))
}

.focus\:border-red-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity))
}

.focus\:border-red-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity))
}

.focus\:border-red-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity))
}

.focus\:border-red-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity))
}

.focus\:border-red-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity))
}

.focus\:border-red-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity))
}

.focus\:border-red-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity))
}

.focus\:border-red-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity))
}

.focus\:border-red-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity))
}

.focus\:border-red-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity))
}

.focus\:border-yellow-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity))
}

.focus\:border-yellow-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity))
}

.focus\:border-yellow-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity))
}

.focus\:border-yellow-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity))
}

.focus\:border-yellow-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity))
}

.focus\:border-yellow-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity))
}

.focus\:border-yellow-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity))
}

.focus\:border-yellow-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity))
}

.focus\:border-yellow-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity))
}

.focus\:border-yellow-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity))
}

.focus\:border-green-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity))
}

.focus\:border-green-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity))
}

.focus\:border-green-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity))
}

.focus\:border-green-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity))
}

.focus\:border-green-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity))
}

.focus\:border-green-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity))
}

.focus\:border-green-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity))
}

.focus\:border-green-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity))
}

.focus\:border-green-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity))
}

.focus\:border-green-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity))
}

.focus\:border-blue-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity))
}

.focus\:border-blue-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity))
}

.focus\:border-blue-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity))
}

.focus\:border-blue-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity))
}

.focus\:border-blue-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity))
}

.focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity))
}

.focus\:border-blue-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity))
}

.focus\:border-blue-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity))
}

.focus\:border-blue-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity))
}

.focus\:border-blue-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity))
}

.focus\:border-indigo-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity))
}

.focus\:border-indigo-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity))
}

.focus\:border-indigo-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity))
}

.focus\:border-indigo-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity))
}

.focus\:border-indigo-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity))
}

.focus\:border-indigo-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity))
}

.focus\:border-indigo-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity))
}

.focus\:border-indigo-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity))
}

.focus\:border-indigo-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity))
}

.focus\:border-indigo-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity))
}

.focus\:border-purple-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity))
}

.focus\:border-purple-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity))
}

.focus\:border-purple-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity))
}

.focus\:border-purple-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity))
}

.focus\:border-purple-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity))
}

.focus\:border-purple-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity))
}

.focus\:border-purple-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity))
}

.focus\:border-purple-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity))
}

.focus\:border-purple-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity))
}

.focus\:border-purple-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity))
}

.focus\:border-pink-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity))
}

.focus\:border-pink-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity))
}

.focus\:border-pink-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity))
}

.focus\:border-pink-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity))
}

.focus\:border-pink-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity))
}

.focus\:border-pink-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity))
}

.focus\:border-pink-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity))
}

.focus\:border-pink-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity))
}

.focus\:border-pink-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity))
}

.focus\:border-pink-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity))
}

.focus\:border-primary:focus {
    --tw-border-opacity: 1;
    border-color: rgba(26, 185, 56, var(--tw-border-opacity))
}

.focus\:border-orange:focus {
    --tw-border-opacity: 1;
    border-color: rgba(253, 171, 90, var(--tw-border-opacity))
}

.focus\:border-danger:focus {
    border-color: #c75d5d
}

.group:hover .group-hover\:border-opacity-0 {
    --tw-border-opacity: 0
}

.group:hover .group-hover\:border-opacity-5 {
    --tw-border-opacity: 0.05
}

.group:hover .group-hover\:border-opacity-10 {
    --tw-border-opacity: 0.1
}

.group:hover .group-hover\:border-opacity-20 {
    --tw-border-opacity: 0.2
}

.group:hover .group-hover\:border-opacity-25 {
    --tw-border-opacity: 0.25
}

.group:hover .group-hover\:border-opacity-30 {
    --tw-border-opacity: 0.3
}

.group:hover .group-hover\:border-opacity-40 {
    --tw-border-opacity: 0.4
}

.group:hover .group-hover\:border-opacity-50 {
    --tw-border-opacity: 0.5
}

.group:hover .group-hover\:border-opacity-60 {
    --tw-border-opacity: 0.6
}

.group:hover .group-hover\:border-opacity-70 {
    --tw-border-opacity: 0.7
}

.group:hover .group-hover\:border-opacity-75 {
    --tw-border-opacity: 0.75
}

.group:hover .group-hover\:border-opacity-80 {
    --tw-border-opacity: 0.8
}

.group:hover .group-hover\:border-opacity-90 {
    --tw-border-opacity: 0.9
}

.group:hover .group-hover\:border-opacity-95 {
    --tw-border-opacity: 0.95
}

.group:hover .group-hover\:border-opacity-100 {
    --tw-border-opacity: 1
}

.focus-within\:border-opacity-0:focus-within {
    --tw-border-opacity: 0
}

.focus-within\:border-opacity-5:focus-within {
    --tw-border-opacity: 0.05
}

.focus-within\:border-opacity-10:focus-within {
    --tw-border-opacity: 0.1
}

.focus-within\:border-opacity-20:focus-within {
    --tw-border-opacity: 0.2
}

.focus-within\:border-opacity-25:focus-within {
    --tw-border-opacity: 0.25
}

.focus-within\:border-opacity-30:focus-within {
    --tw-border-opacity: 0.3
}

.focus-within\:border-opacity-40:focus-within {
    --tw-border-opacity: 0.4
}

.focus-within\:border-opacity-50:focus-within {
    --tw-border-opacity: 0.5
}

.focus-within\:border-opacity-60:focus-within {
    --tw-border-opacity: 0.6
}

.focus-within\:border-opacity-70:focus-within {
    --tw-border-opacity: 0.7
}

.focus-within\:border-opacity-75:focus-within {
    --tw-border-opacity: 0.75
}

.focus-within\:border-opacity-80:focus-within {
    --tw-border-opacity: 0.8
}

.focus-within\:border-opacity-90:focus-within {
    --tw-border-opacity: 0.9
}

.focus-within\:border-opacity-95:focus-within {
    --tw-border-opacity: 0.95
}

.focus-within\:border-opacity-100:focus-within {
    --tw-border-opacity: 1
}

.hover\:border-opacity-0:hover {
    --tw-border-opacity: 0
}

.hover\:border-opacity-5:hover {
    --tw-border-opacity: 0.05
}

.hover\:border-opacity-10:hover {
    --tw-border-opacity: 0.1
}

.hover\:border-opacity-20:hover {
    --tw-border-opacity: 0.2
}

.hover\:border-opacity-25:hover {
    --tw-border-opacity: 0.25
}

.hover\:border-opacity-30:hover {
    --tw-border-opacity: 0.3
}

.hover\:border-opacity-40:hover {
    --tw-border-opacity: 0.4
}

.hover\:border-opacity-50:hover {
    --tw-border-opacity: 0.5
}

.hover\:border-opacity-60:hover {
    --tw-border-opacity: 0.6
}

.hover\:border-opacity-70:hover {
    --tw-border-opacity: 0.7
}

.hover\:border-opacity-75:hover {
    --tw-border-opacity: 0.75
}

.hover\:border-opacity-80:hover {
    --tw-border-opacity: 0.8
}

.hover\:border-opacity-90:hover {
    --tw-border-opacity: 0.9
}

.hover\:border-opacity-95:hover {
    --tw-border-opacity: 0.95
}

.hover\:border-opacity-100:hover {
    --tw-border-opacity: 1
}

.focus\:border-opacity-0:focus {
    --tw-border-opacity: 0
}

.focus\:border-opacity-5:focus {
    --tw-border-opacity: 0.05
}

.focus\:border-opacity-10:focus {
    --tw-border-opacity: 0.1
}

.focus\:border-opacity-20:focus {
    --tw-border-opacity: 0.2
}

.focus\:border-opacity-25:focus {
    --tw-border-opacity: 0.25
}

.focus\:border-opacity-30:focus {
    --tw-border-opacity: 0.3
}

.focus\:border-opacity-40:focus {
    --tw-border-opacity: 0.4
}

.focus\:border-opacity-50:focus {
    --tw-border-opacity: 0.5
}

.focus\:border-opacity-60:focus {
    --tw-border-opacity: 0.6
}

.focus\:border-opacity-70:focus {
    --tw-border-opacity: 0.7
}

.focus\:border-opacity-75:focus {
    --tw-border-opacity: 0.75
}

.focus\:border-opacity-80:focus {
    --tw-border-opacity: 0.8
}

.focus\:border-opacity-90:focus {
    --tw-border-opacity: 0.9
}

.focus\:border-opacity-95:focus {
    --tw-border-opacity: 0.95
}

.focus\:border-opacity-100:focus {
    --tw-border-opacity: 1
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-transparent {
    background-color: transparent
}

.group:hover .group-hover\:bg-current {
    background-color: currentColor
}

.group:hover .group-hover\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-red-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-yellow-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-yellow-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-green-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-green-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-indigo-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-indigo-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-indigo-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-indigo-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-purple-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-purple-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-purple-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-purple-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-pink-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-pink-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-pink-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-pink-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-pink-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-pink-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-pink-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-orange {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-danger {
    background-color: #c75d5d
}

.focus-within\:bg-transparent:focus-within {
    background-color: transparent
}

.focus-within\:bg-current:focus-within {
    background-color: currentColor
}

.focus-within\:bg-black:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.focus-within\:bg-white:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.focus-within\:bg-gray-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
}

.focus-within\:bg-gray-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
}

.focus-within\:bg-gray-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}

.focus-within\:bg-gray-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
}

.focus-within\:bg-gray-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
}

.focus-within\:bg-gray-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
}

.focus-within\:bg-gray-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
}

.focus-within\:bg-gray-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
}

.focus-within\:bg-gray-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
}

.focus-within\:bg-gray-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
}

.focus-within\:bg-red-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
}

.focus-within\:bg-red-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
}

.focus-within\:bg-red-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
}

.focus-within\:bg-red-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
}

.focus-within\:bg-red-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
}

.focus-within\:bg-red-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
}

.focus-within\:bg-red-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
}

.focus-within\:bg-red-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
}

.focus-within\:bg-red-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
}

.focus-within\:bg-red-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
}

.focus-within\:bg-yellow-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
}

.focus-within\:bg-yellow-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
}

.focus-within\:bg-yellow-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
}

.focus-within\:bg-yellow-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
}

.focus-within\:bg-yellow-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
}

.focus-within\:bg-yellow-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
}

.focus-within\:bg-yellow-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
}

.focus-within\:bg-yellow-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
}

.focus-within\:bg-yellow-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
}

.focus-within\:bg-yellow-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
}

.focus-within\:bg-green-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
}

.focus-within\:bg-green-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
}

.focus-within\:bg-green-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
}

.focus-within\:bg-green-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
}

.focus-within\:bg-green-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
}

.focus-within\:bg-green-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
}

.focus-within\:bg-green-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
}

.focus-within\:bg-green-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
}

.focus-within\:bg-green-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
}

.focus-within\:bg-green-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
}

.focus-within\:bg-blue-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
}

.focus-within\:bg-blue-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
}

.focus-within\:bg-blue-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
}

.focus-within\:bg-blue-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
}

.focus-within\:bg-blue-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
}

.focus-within\:bg-blue-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
}

.focus-within\:bg-blue-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
}

.focus-within\:bg-blue-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
}

.focus-within\:bg-blue-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
}

.focus-within\:bg-blue-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
}

.focus-within\:bg-indigo-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
}

.focus-within\:bg-indigo-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
}

.focus-within\:bg-indigo-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
}

.focus-within\:bg-indigo-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
}

.focus-within\:bg-indigo-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
}

.focus-within\:bg-indigo-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
}

.focus-within\:bg-indigo-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
}

.focus-within\:bg-indigo-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
}

.focus-within\:bg-indigo-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
}

.focus-within\:bg-indigo-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
}

.focus-within\:bg-purple-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
}

.focus-within\:bg-purple-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
}

.focus-within\:bg-purple-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
}

.focus-within\:bg-purple-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
}

.focus-within\:bg-purple-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
}

.focus-within\:bg-purple-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
}

.focus-within\:bg-purple-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
}

.focus-within\:bg-purple-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
}

.focus-within\:bg-purple-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
}

.focus-within\:bg-purple-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
}

.focus-within\:bg-pink-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
}

.focus-within\:bg-pink-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
}

.focus-within\:bg-pink-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
}

.focus-within\:bg-pink-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
}

.focus-within\:bg-pink-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
}

.focus-within\:bg-pink-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
}

.focus-within\:bg-pink-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
}

.focus-within\:bg-pink-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
}

.focus-within\:bg-pink-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
}

.focus-within\:bg-pink-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
}

.focus-within\:bg-primary:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
}

.focus-within\:bg-orange:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
}

.focus-within\:bg-danger:focus-within {
    background-color: #c75d5d
}

.hover\:bg-transparent:hover {
    background-color: transparent
}

.hover\:bg-current:hover {
    background-color: currentColor
}

.hover\:bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}

.hover\:bg-gray-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
}

.hover\:bg-gray-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
}

.hover\:bg-gray-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
}

.hover\:bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
}

.hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
}

.hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
}

.hover\:bg-gray-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
}

.hover\:bg-red-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
}

.hover\:bg-red-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
}

.hover\:bg-red-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
}

.hover\:bg-red-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
}

.hover\:bg-red-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
}

.hover\:bg-red-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
}

.hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
}

.hover\:bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
}

.hover\:bg-red-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
}

.hover\:bg-red-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
}

.hover\:bg-yellow-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
}

.hover\:bg-yellow-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
}

.hover\:bg-yellow-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
}

.hover\:bg-yellow-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
}

.hover\:bg-yellow-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
}

.hover\:bg-yellow-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
}

.hover\:bg-yellow-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
}

.hover\:bg-yellow-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
}

.hover\:bg-yellow-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
}

.hover\:bg-yellow-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
}

.hover\:bg-green-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
}

.hover\:bg-green-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
}

.hover\:bg-green-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
}

.hover\:bg-green-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
}

.hover\:bg-green-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
}

.hover\:bg-green-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
}

.hover\:bg-green-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
}

.hover\:bg-green-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
}

.hover\:bg-green-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
}

.hover\:bg-green-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
}

.hover\:bg-blue-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
}

.hover\:bg-blue-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
}

.hover\:bg-blue-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
}

.hover\:bg-blue-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
}

.hover\:bg-blue-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
}

.hover\:bg-blue-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
}

.hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
}

.hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
}

.hover\:bg-blue-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
}

.hover\:bg-blue-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
}

.hover\:bg-indigo-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
}

.hover\:bg-indigo-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
}

.hover\:bg-indigo-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
}

.hover\:bg-indigo-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
}

.hover\:bg-indigo-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
}

.hover\:bg-indigo-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
}

.hover\:bg-indigo-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
}

.hover\:bg-indigo-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
}

.hover\:bg-indigo-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
}

.hover\:bg-indigo-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
}

.hover\:bg-purple-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
}

.hover\:bg-purple-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
}

.hover\:bg-purple-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
}

.hover\:bg-purple-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
}

.hover\:bg-purple-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
}

.hover\:bg-purple-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
}

.hover\:bg-purple-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
}

.hover\:bg-purple-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
}

.hover\:bg-purple-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
}

.hover\:bg-purple-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
}

.hover\:bg-pink-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
}

.hover\:bg-pink-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
}

.hover\:bg-pink-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
}

.hover\:bg-pink-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
}

.hover\:bg-pink-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
}

.hover\:bg-pink-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
}

.hover\:bg-pink-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
}

.hover\:bg-pink-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
}

.hover\:bg-pink-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
}

.hover\:bg-pink-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
}

.hover\:bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
}

.hover\:bg-orange:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
}

.hover\:bg-danger:hover {
    background-color: #c75d5d
}

.focus\:bg-transparent:focus {
    background-color: transparent
}

.focus\:bg-current:focus {
    background-color: currentColor
}

.focus\:bg-black:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.focus\:bg-white:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.focus\:bg-gray-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
}

.focus\:bg-gray-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
}

.focus\:bg-gray-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}

.focus\:bg-gray-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
}

.focus\:bg-gray-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
}

.focus\:bg-gray-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
}

.focus\:bg-gray-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
}

.focus\:bg-gray-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
}

.focus\:bg-gray-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
}

.focus\:bg-gray-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
}

.focus\:bg-red-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
}

.focus\:bg-red-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
}

.focus\:bg-red-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
}

.focus\:bg-red-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
}

.focus\:bg-red-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
}

.focus\:bg-red-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
}

.focus\:bg-red-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
}

.focus\:bg-red-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
}

.focus\:bg-red-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
}

.focus\:bg-red-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
}

.focus\:bg-yellow-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
}

.focus\:bg-yellow-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
}

.focus\:bg-yellow-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
}

.focus\:bg-yellow-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
}

.focus\:bg-yellow-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
}

.focus\:bg-yellow-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
}

.focus\:bg-yellow-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
}

.focus\:bg-yellow-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
}

.focus\:bg-yellow-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
}

.focus\:bg-yellow-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
}

.focus\:bg-green-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
}

.focus\:bg-green-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
}

.focus\:bg-green-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
}

.focus\:bg-green-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
}

.focus\:bg-green-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
}

.focus\:bg-green-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
}

.focus\:bg-green-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
}

.focus\:bg-green-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
}

.focus\:bg-green-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
}

.focus\:bg-green-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
}

.focus\:bg-blue-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
}

.focus\:bg-blue-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
}

.focus\:bg-blue-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
}

.focus\:bg-blue-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
}

.focus\:bg-blue-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
}

.focus\:bg-blue-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
}

.focus\:bg-blue-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
}

.focus\:bg-blue-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
}

.focus\:bg-blue-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
}

.focus\:bg-blue-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
}

.focus\:bg-indigo-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
}

.focus\:bg-indigo-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
}

.focus\:bg-indigo-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
}

.focus\:bg-indigo-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
}

.focus\:bg-indigo-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
}

.focus\:bg-indigo-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
}

.focus\:bg-indigo-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
}

.focus\:bg-indigo-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
}

.focus\:bg-indigo-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
}

.focus\:bg-indigo-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
}

.focus\:bg-purple-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
}

.focus\:bg-purple-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
}

.focus\:bg-purple-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
}

.focus\:bg-purple-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
}

.focus\:bg-purple-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
}

.focus\:bg-purple-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
}

.focus\:bg-purple-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
}

.focus\:bg-purple-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
}

.focus\:bg-purple-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
}

.focus\:bg-purple-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
}

.focus\:bg-pink-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
}

.focus\:bg-pink-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
}

.focus\:bg-pink-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
}

.focus\:bg-pink-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
}

.focus\:bg-pink-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
}

.focus\:bg-pink-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
}

.focus\:bg-pink-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
}

.focus\:bg-pink-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
}

.focus\:bg-pink-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
}

.focus\:bg-pink-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
}

.focus\:bg-primary:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
}

.focus\:bg-orange:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
}

.focus\:bg-danger:focus {
    background-color: #c75d5d
}

.bg-opacity-75 {
    --tw-bg-opacity: 0.75
}

.group:hover .group-hover\:bg-opacity-0 {
    --tw-bg-opacity: 0
}

.group:hover .group-hover\:bg-opacity-5 {
    --tw-bg-opacity: 0.05
}

.group:hover .group-hover\:bg-opacity-10 {
    --tw-bg-opacity: 0.1
}

.group:hover .group-hover\:bg-opacity-20 {
    --tw-bg-opacity: 0.2
}

.group:hover .group-hover\:bg-opacity-25 {
    --tw-bg-opacity: 0.25
}

.group:hover .group-hover\:bg-opacity-30 {
    --tw-bg-opacity: 0.3
}

.group:hover .group-hover\:bg-opacity-40 {
    --tw-bg-opacity: 0.4
}

.group:hover .group-hover\:bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.group:hover .group-hover\:bg-opacity-60 {
    --tw-bg-opacity: 0.6
}

.group:hover .group-hover\:bg-opacity-70 {
    --tw-bg-opacity: 0.7
}

.group:hover .group-hover\:bg-opacity-75 {
    --tw-bg-opacity: 0.75
}

.group:hover .group-hover\:bg-opacity-80 {
    --tw-bg-opacity: 0.8
}

.group:hover .group-hover\:bg-opacity-90 {
    --tw-bg-opacity: 0.9
}

.group:hover .group-hover\:bg-opacity-95 {
    --tw-bg-opacity: 0.95
}

.group:hover .group-hover\:bg-opacity-100 {
    --tw-bg-opacity: 1
}

.focus-within\:bg-opacity-0:focus-within {
    --tw-bg-opacity: 0
}

.focus-within\:bg-opacity-5:focus-within {
    --tw-bg-opacity: 0.05
}

.focus-within\:bg-opacity-10:focus-within {
    --tw-bg-opacity: 0.1
}

.focus-within\:bg-opacity-20:focus-within {
    --tw-bg-opacity: 0.2
}

.focus-within\:bg-opacity-25:focus-within {
    --tw-bg-opacity: 0.25
}

.focus-within\:bg-opacity-30:focus-within {
    --tw-bg-opacity: 0.3
}

.focus-within\:bg-opacity-40:focus-within {
    --tw-bg-opacity: 0.4
}

.focus-within\:bg-opacity-50:focus-within {
    --tw-bg-opacity: 0.5
}

.focus-within\:bg-opacity-60:focus-within {
    --tw-bg-opacity: 0.6
}

.focus-within\:bg-opacity-70:focus-within {
    --tw-bg-opacity: 0.7
}

.focus-within\:bg-opacity-75:focus-within {
    --tw-bg-opacity: 0.75
}

.focus-within\:bg-opacity-80:focus-within {
    --tw-bg-opacity: 0.8
}

.focus-within\:bg-opacity-90:focus-within {
    --tw-bg-opacity: 0.9
}

.focus-within\:bg-opacity-95:focus-within {
    --tw-bg-opacity: 0.95
}

.focus-within\:bg-opacity-100:focus-within {
    --tw-bg-opacity: 1
}

.hover\:bg-opacity-0:hover {
    --tw-bg-opacity: 0
}

.hover\:bg-opacity-5:hover {
    --tw-bg-opacity: 0.05
}

.hover\:bg-opacity-10:hover {
    --tw-bg-opacity: 0.1
}

.hover\:bg-opacity-20:hover {
    --tw-bg-opacity: 0.2
}

.hover\:bg-opacity-25:hover {
    --tw-bg-opacity: 0.25
}

.hover\:bg-opacity-30:hover {
    --tw-bg-opacity: 0.3
}

.hover\:bg-opacity-40:hover {
    --tw-bg-opacity: 0.4
}

.hover\:bg-opacity-50:hover {
    --tw-bg-opacity: 0.5
}

.hover\:bg-opacity-60:hover {
    --tw-bg-opacity: 0.6
}

.hover\:bg-opacity-70:hover {
    --tw-bg-opacity: 0.7
}

.hover\:bg-opacity-75:hover {
    --tw-bg-opacity: 0.75
}

.hover\:bg-opacity-80:hover {
    --tw-bg-opacity: 0.8
}

.hover\:bg-opacity-90:hover {
    --tw-bg-opacity: 0.9
}

.hover\:bg-opacity-95:hover {
    --tw-bg-opacity: 0.95
}

.hover\:bg-opacity-100:hover {
    --tw-bg-opacity: 1
}

.focus\:bg-opacity-0:focus {
    --tw-bg-opacity: 0
}

.focus\:bg-opacity-5:focus {
    --tw-bg-opacity: 0.05
}

.focus\:bg-opacity-10:focus {
    --tw-bg-opacity: 0.1
}

.focus\:bg-opacity-20:focus {
    --tw-bg-opacity: 0.2
}

.focus\:bg-opacity-25:focus {
    --tw-bg-opacity: 0.25
}

.focus\:bg-opacity-30:focus {
    --tw-bg-opacity: 0.3
}

.focus\:bg-opacity-40:focus {
    --tw-bg-opacity: 0.4
}

.focus\:bg-opacity-50:focus {
    --tw-bg-opacity: 0.5
}

.focus\:bg-opacity-60:focus {
    --tw-bg-opacity: 0.6
}

.focus\:bg-opacity-70:focus {
    --tw-bg-opacity: 0.7
}

.focus\:bg-opacity-75:focus {
    --tw-bg-opacity: 0.75
}

.focus\:bg-opacity-80:focus {
    --tw-bg-opacity: 0.8
}

.focus\:bg-opacity-90:focus {
    --tw-bg-opacity: 0.9
}

.focus\:bg-opacity-95:focus {
    --tw-bg-opacity: 0.95
}

.focus\:bg-opacity-100:focus {
    --tw-bg-opacity: 1
}

.hover\:from-transparent:hover {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
}

.hover\:from-current:hover {
    --tw-gradient-from: currentColor;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:from-black:hover {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
}

.hover\:from-white:hover {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:from-gray-50:hover {
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0))
}

.hover\:from-gray-100:hover {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0))
}

.hover\:from-gray-200:hover {
    --tw-gradient-from: #e5e7eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0))
}

.hover\:from-gray-300:hover {
    --tw-gradient-from: #d1d5db;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0))
}

.hover\:from-gray-400:hover {
    --tw-gradient-from: #9ca3af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0))
}

.hover\:from-gray-500:hover {
    --tw-gradient-from: #6b7280;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0))
}

.hover\:from-gray-600:hover {
    --tw-gradient-from: #4b5563;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0))
}

.hover\:from-gray-700:hover {
    --tw-gradient-from: #374151;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0))
}

.hover\:from-gray-800:hover {
    --tw-gradient-from: #1f2937;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0))
}

.hover\:from-gray-900:hover {
    --tw-gradient-from: #111827;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0))
}

.hover\:from-red-50:hover {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0))
}

.hover\:from-red-100:hover {
    --tw-gradient-from: #fee2e2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0))
}

.hover\:from-red-200:hover {
    --tw-gradient-from: #fecaca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0))
}

.hover\:from-red-300:hover {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0))
}

.hover\:from-red-400:hover {
    --tw-gradient-from: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0))
}

.hover\:from-red-500:hover {
    --tw-gradient-from: #ef4444;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0))
}

.hover\:from-red-600:hover {
    --tw-gradient-from: #dc2626;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0))
}

.hover\:from-red-700:hover {
    --tw-gradient-from: #b91c1c;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0))
}

.hover\:from-red-800:hover {
    --tw-gradient-from: #991b1b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0))
}

.hover\:from-red-900:hover {
    --tw-gradient-from: #7f1d1d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0))
}

.hover\:from-yellow-50:hover {
    --tw-gradient-from: #fffbeb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0))
}

.hover\:from-yellow-100:hover {
    --tw-gradient-from: #fef3c7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0))
}

.hover\:from-yellow-200:hover {
    --tw-gradient-from: #fde68a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0))
}

.hover\:from-yellow-300:hover {
    --tw-gradient-from: #fcd34d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0))
}

.hover\:from-yellow-400:hover {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0))
}

.hover\:from-yellow-500:hover {
    --tw-gradient-from: #f59e0b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0))
}

.hover\:from-yellow-600:hover {
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0))
}

.hover\:from-yellow-700:hover {
    --tw-gradient-from: #b45309;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0))
}

.hover\:from-yellow-800:hover {
    --tw-gradient-from: #92400e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0))
}

.hover\:from-yellow-900:hover {
    --tw-gradient-from: #78350f;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0))
}

.hover\:from-green-50:hover {
    --tw-gradient-from: #ecfdf5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0))
}

.hover\:from-green-100:hover {
    --tw-gradient-from: #d1fae5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0))
}

.hover\:from-green-200:hover {
    --tw-gradient-from: #a7f3d0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0))
}

.hover\:from-green-300:hover {
    --tw-gradient-from: #6ee7b7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0))
}

.hover\:from-green-400:hover {
    --tw-gradient-from: #34d399;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0))
}

.hover\:from-green-500:hover {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0))
}

.hover\:from-green-600:hover {
    --tw-gradient-from: #059669;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0))
}

.hover\:from-green-700:hover {
    --tw-gradient-from: #047857;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0))
}

.hover\:from-green-800:hover {
    --tw-gradient-from: #065f46;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0))
}

.hover\:from-green-900:hover {
    --tw-gradient-from: #064e3b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0))
}

.hover\:from-blue-50:hover {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0))
}

.hover\:from-blue-100:hover {
    --tw-gradient-from: #dbeafe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0))
}

.hover\:from-blue-200:hover {
    --tw-gradient-from: #bfdbfe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0))
}

.hover\:from-blue-300:hover {
    --tw-gradient-from: #93c5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0))
}

.hover\:from-blue-400:hover {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0))
}

.hover\:from-blue-500:hover {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0))
}

.hover\:from-blue-600:hover {
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0))
}

.hover\:from-blue-700:hover {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0))
}

.hover\:from-blue-800:hover {
    --tw-gradient-from: #1e40af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0))
}

.hover\:from-blue-900:hover {
    --tw-gradient-from: #1e3a8a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0))
}

.hover\:from-indigo-50:hover {
    --tw-gradient-from: #eef2ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0))
}

.hover\:from-indigo-100:hover {
    --tw-gradient-from: #e0e7ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0))
}

.hover\:from-indigo-200:hover {
    --tw-gradient-from: #c7d2fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0))
}

.hover\:from-indigo-300:hover {
    --tw-gradient-from: #a5b4fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0))
}

.hover\:from-indigo-400:hover {
    --tw-gradient-from: #818cf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0))
}

.hover\:from-indigo-500:hover {
    --tw-gradient-from: #6366f1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0))
}

.hover\:from-indigo-600:hover {
    --tw-gradient-from: #4f46e5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0))
}

.hover\:from-indigo-700:hover {
    --tw-gradient-from: #4338ca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0))
}

.hover\:from-indigo-800:hover {
    --tw-gradient-from: #3730a3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0))
}

.hover\:from-indigo-900:hover {
    --tw-gradient-from: #312e81;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0))
}

.hover\:from-purple-50:hover {
    --tw-gradient-from: #f5f3ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0))
}

.hover\:from-purple-100:hover {
    --tw-gradient-from: #ede9fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0))
}

.hover\:from-purple-200:hover {
    --tw-gradient-from: #ddd6fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0))
}

.hover\:from-purple-300:hover {
    --tw-gradient-from: #c4b5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0))
}

.hover\:from-purple-400:hover {
    --tw-gradient-from: #a78bfa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0))
}

.hover\:from-purple-500:hover {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))
}

.hover\:from-purple-600:hover {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0))
}

.hover\:from-purple-700:hover {
    --tw-gradient-from: #6d28d9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0))
}

.hover\:from-purple-800:hover {
    --tw-gradient-from: #5b21b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0))
}

.hover\:from-purple-900:hover {
    --tw-gradient-from: #4c1d95;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0))
}

.hover\:from-pink-50:hover {
    --tw-gradient-from: #fdf2f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0))
}

.hover\:from-pink-100:hover {
    --tw-gradient-from: #fce7f3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0))
}

.hover\:from-pink-200:hover {
    --tw-gradient-from: #fbcfe8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0))
}

.hover\:from-pink-300:hover {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0))
}

.hover\:from-pink-400:hover {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0))
}

.hover\:from-pink-500:hover {
    --tw-gradient-from: #ec4899;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0))
}

.hover\:from-pink-600:hover {
    --tw-gradient-from: #db2777;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0))
}

.hover\:from-pink-700:hover {
    --tw-gradient-from: #be185d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0))
}

.hover\:from-pink-800:hover {
    --tw-gradient-from: #9d174d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0))
}

.hover\:from-pink-900:hover {
    --tw-gradient-from: #831843;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0))
}

.hover\:from-primary:hover {
    --tw-gradient-from: #1ab938;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 185, 56, 0))
}

.hover\:from-orange:hover {
    --tw-gradient-from: #fdab5a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 171, 90, 0))
}

.hover\:from-danger:hover {
    --tw-gradient-from: #c75d5d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 93, 93, 0))
}

.focus\:from-transparent:focus {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
}

.focus\:from-current:focus {
    --tw-gradient-from: currentColor;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:from-black:focus {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
}

.focus\:from-white:focus {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:from-gray-50:focus {
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0))
}

.focus\:from-gray-100:focus {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0))
}

.focus\:from-gray-200:focus {
    --tw-gradient-from: #e5e7eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0))
}

.focus\:from-gray-300:focus {
    --tw-gradient-from: #d1d5db;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0))
}

.focus\:from-gray-400:focus {
    --tw-gradient-from: #9ca3af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0))
}

.focus\:from-gray-500:focus {
    --tw-gradient-from: #6b7280;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0))
}

.focus\:from-gray-600:focus {
    --tw-gradient-from: #4b5563;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0))
}

.focus\:from-gray-700:focus {
    --tw-gradient-from: #374151;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0))
}

.focus\:from-gray-800:focus {
    --tw-gradient-from: #1f2937;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0))
}

.focus\:from-gray-900:focus {
    --tw-gradient-from: #111827;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0))
}

.focus\:from-red-50:focus {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0))
}

.focus\:from-red-100:focus {
    --tw-gradient-from: #fee2e2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0))
}

.focus\:from-red-200:focus {
    --tw-gradient-from: #fecaca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0))
}

.focus\:from-red-300:focus {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0))
}

.focus\:from-red-400:focus {
    --tw-gradient-from: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0))
}

.focus\:from-red-500:focus {
    --tw-gradient-from: #ef4444;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0))
}

.focus\:from-red-600:focus {
    --tw-gradient-from: #dc2626;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0))
}

.focus\:from-red-700:focus {
    --tw-gradient-from: #b91c1c;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0))
}

.focus\:from-red-800:focus {
    --tw-gradient-from: #991b1b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0))
}

.focus\:from-red-900:focus {
    --tw-gradient-from: #7f1d1d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0))
}

.focus\:from-yellow-50:focus {
    --tw-gradient-from: #fffbeb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0))
}

.focus\:from-yellow-100:focus {
    --tw-gradient-from: #fef3c7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0))
}

.focus\:from-yellow-200:focus {
    --tw-gradient-from: #fde68a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0))
}

.focus\:from-yellow-300:focus {
    --tw-gradient-from: #fcd34d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0))
}

.focus\:from-yellow-400:focus {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0))
}

.focus\:from-yellow-500:focus {
    --tw-gradient-from: #f59e0b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0))
}

.focus\:from-yellow-600:focus {
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0))
}

.focus\:from-yellow-700:focus {
    --tw-gradient-from: #b45309;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0))
}

.focus\:from-yellow-800:focus {
    --tw-gradient-from: #92400e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0))
}

.focus\:from-yellow-900:focus {
    --tw-gradient-from: #78350f;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0))
}

.focus\:from-green-50:focus {
    --tw-gradient-from: #ecfdf5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0))
}

.focus\:from-green-100:focus {
    --tw-gradient-from: #d1fae5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0))
}

.focus\:from-green-200:focus {
    --tw-gradient-from: #a7f3d0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0))
}

.focus\:from-green-300:focus {
    --tw-gradient-from: #6ee7b7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0))
}

.focus\:from-green-400:focus {
    --tw-gradient-from: #34d399;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0))
}

.focus\:from-green-500:focus {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0))
}

.focus\:from-green-600:focus {
    --tw-gradient-from: #059669;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0))
}

.focus\:from-green-700:focus {
    --tw-gradient-from: #047857;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0))
}

.focus\:from-green-800:focus {
    --tw-gradient-from: #065f46;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0))
}

.focus\:from-green-900:focus {
    --tw-gradient-from: #064e3b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0))
}

.focus\:from-blue-50:focus {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0))
}

.focus\:from-blue-100:focus {
    --tw-gradient-from: #dbeafe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0))
}

.focus\:from-blue-200:focus {
    --tw-gradient-from: #bfdbfe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0))
}

.focus\:from-blue-300:focus {
    --tw-gradient-from: #93c5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0))
}

.focus\:from-blue-400:focus {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0))
}

.focus\:from-blue-500:focus {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0))
}

.focus\:from-blue-600:focus {
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0))
}

.focus\:from-blue-700:focus {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0))
}

.focus\:from-blue-800:focus {
    --tw-gradient-from: #1e40af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0))
}

.focus\:from-blue-900:focus {
    --tw-gradient-from: #1e3a8a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0))
}

.focus\:from-indigo-50:focus {
    --tw-gradient-from: #eef2ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0))
}

.focus\:from-indigo-100:focus {
    --tw-gradient-from: #e0e7ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0))
}

.focus\:from-indigo-200:focus {
    --tw-gradient-from: #c7d2fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0))
}

.focus\:from-indigo-300:focus {
    --tw-gradient-from: #a5b4fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0))
}

.focus\:from-indigo-400:focus {
    --tw-gradient-from: #818cf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0))
}

.focus\:from-indigo-500:focus {
    --tw-gradient-from: #6366f1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0))
}

.focus\:from-indigo-600:focus {
    --tw-gradient-from: #4f46e5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0))
}

.focus\:from-indigo-700:focus {
    --tw-gradient-from: #4338ca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0))
}

.focus\:from-indigo-800:focus {
    --tw-gradient-from: #3730a3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0))
}

.focus\:from-indigo-900:focus {
    --tw-gradient-from: #312e81;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0))
}

.focus\:from-purple-50:focus {
    --tw-gradient-from: #f5f3ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0))
}

.focus\:from-purple-100:focus {
    --tw-gradient-from: #ede9fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0))
}

.focus\:from-purple-200:focus {
    --tw-gradient-from: #ddd6fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0))
}

.focus\:from-purple-300:focus {
    --tw-gradient-from: #c4b5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0))
}

.focus\:from-purple-400:focus {
    --tw-gradient-from: #a78bfa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0))
}

.focus\:from-purple-500:focus {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))
}

.focus\:from-purple-600:focus {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0))
}

.focus\:from-purple-700:focus {
    --tw-gradient-from: #6d28d9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0))
}

.focus\:from-purple-800:focus {
    --tw-gradient-from: #5b21b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0))
}

.focus\:from-purple-900:focus {
    --tw-gradient-from: #4c1d95;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0))
}

.focus\:from-pink-50:focus {
    --tw-gradient-from: #fdf2f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0))
}

.focus\:from-pink-100:focus {
    --tw-gradient-from: #fce7f3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0))
}

.focus\:from-pink-200:focus {
    --tw-gradient-from: #fbcfe8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0))
}

.focus\:from-pink-300:focus {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0))
}

.focus\:from-pink-400:focus {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0))
}

.focus\:from-pink-500:focus {
    --tw-gradient-from: #ec4899;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0))
}

.focus\:from-pink-600:focus {
    --tw-gradient-from: #db2777;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0))
}

.focus\:from-pink-700:focus {
    --tw-gradient-from: #be185d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0))
}

.focus\:from-pink-800:focus {
    --tw-gradient-from: #9d174d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0))
}

.focus\:from-pink-900:focus {
    --tw-gradient-from: #831843;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0))
}

.focus\:from-primary:focus {
    --tw-gradient-from: #1ab938;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 185, 56, 0))
}

.focus\:from-orange:focus {
    --tw-gradient-from: #fdab5a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 171, 90, 0))
}

.focus\:from-danger:focus {
    --tw-gradient-from: #c75d5d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 93, 93, 0))
}

.hover\:via-transparent:hover {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, transparent)
}

.hover\:via-current:hover {
    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-black:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, transparent)
}

.hover\:via-white:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-gray-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0))
}

.hover\:via-gray-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0))
}

.hover\:via-gray-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0))
}

.hover\:via-gray-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0))
}

.hover\:via-gray-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0))
}

.hover\:via-gray-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0))
}

.hover\:via-gray-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0))
}

.hover\:via-gray-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0))
}

.hover\:via-gray-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0))
}

.hover\:via-gray-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0))
}

.hover\:via-red-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0))
}

.hover\:via-red-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0))
}

.hover\:via-red-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0))
}

.hover\:via-red-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0))
}

.hover\:via-red-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0))
}

.hover\:via-red-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0))
}

.hover\:via-red-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0))
}

.hover\:via-red-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0))
}

.hover\:via-red-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0))
}

.hover\:via-red-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0))
}

.hover\:via-yellow-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0))
}

.hover\:via-yellow-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0))
}

.hover\:via-yellow-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0))
}

.hover\:via-yellow-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0))
}

.hover\:via-yellow-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0))
}

.hover\:via-yellow-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0))
}

.hover\:via-yellow-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0))
}

.hover\:via-yellow-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0))
}

.hover\:via-yellow-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0))
}

.hover\:via-yellow-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0))
}

.hover\:via-green-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0))
}

.hover\:via-green-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0))
}

.hover\:via-green-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0))
}

.hover\:via-green-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0))
}

.hover\:via-green-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0))
}

.hover\:via-green-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0))
}

.hover\:via-green-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0))
}

.hover\:via-green-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0))
}

.hover\:via-green-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0))
}

.hover\:via-green-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0))
}

.hover\:via-blue-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0))
}

.hover\:via-blue-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0))
}

.hover\:via-blue-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0))
}

.hover\:via-blue-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0))
}

.hover\:via-blue-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0))
}

.hover\:via-blue-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0))
}

.hover\:via-blue-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0))
}

.hover\:via-blue-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0))
}

.hover\:via-blue-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0))
}

.hover\:via-blue-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0))
}

.hover\:via-indigo-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0))
}

.hover\:via-indigo-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0))
}

.hover\:via-indigo-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0))
}

.hover\:via-indigo-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0))
}

.hover\:via-indigo-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0))
}

.hover\:via-indigo-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0))
}

.hover\:via-indigo-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0))
}

.hover\:via-indigo-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0))
}

.hover\:via-indigo-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0))
}

.hover\:via-indigo-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0))
}

.hover\:via-purple-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0))
}

.hover\:via-purple-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0))
}

.hover\:via-purple-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0))
}

.hover\:via-purple-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0))
}

.hover\:via-purple-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0))
}

.hover\:via-purple-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0))
}

.hover\:via-purple-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0))
}

.hover\:via-purple-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0))
}

.hover\:via-purple-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0))
}

.hover\:via-purple-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0))
}

.hover\:via-pink-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0))
}

.hover\:via-pink-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0))
}

.hover\:via-pink-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0))
}

.hover\:via-pink-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0))
}

.hover\:via-pink-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0))
}

.hover\:via-pink-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0))
}

.hover\:via-pink-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0))
}

.hover\:via-pink-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0))
}

.hover\:via-pink-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0))
}

.hover\:via-pink-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0))
}

.hover\:via-primary:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1ab938, var(--tw-gradient-to, rgba(26, 185, 56, 0))
}

.hover\:via-orange:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fdab5a, var(--tw-gradient-to, rgba(253, 171, 90, 0))
}

.hover\:via-danger:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #c75d5d, var(--tw-gradient-to, rgba(199, 93, 93, 0))
}

.focus\:via-transparent:focus {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, transparent)
}

.focus\:via-current:focus {
    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-black:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, transparent)
}

.focus\:via-white:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-gray-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0))
}

.focus\:via-gray-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0))
}

.focus\:via-gray-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0))
}

.focus\:via-gray-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0))
}

.focus\:via-gray-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0))
}

.focus\:via-gray-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0))
}

.focus\:via-gray-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0))
}

.focus\:via-gray-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0))
}

.focus\:via-gray-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0))
}

.focus\:via-gray-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0))
}

.focus\:via-red-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0))
}

.focus\:via-red-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0))
}

.focus\:via-red-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0))
}

.focus\:via-red-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0))
}

.focus\:via-red-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0))
}

.focus\:via-red-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0))
}

.focus\:via-red-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0))
}

.focus\:via-red-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0))
}

.focus\:via-red-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0))
}

.focus\:via-red-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0))
}

.focus\:via-yellow-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0))
}

.focus\:via-yellow-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0))
}

.focus\:via-yellow-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0))
}

.focus\:via-yellow-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0))
}

.focus\:via-yellow-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0))
}

.focus\:via-yellow-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0))
}

.focus\:via-yellow-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0))
}

.focus\:via-yellow-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0))
}

.focus\:via-yellow-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0))
}

.focus\:via-yellow-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0))
}

.focus\:via-green-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0))
}

.focus\:via-green-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0))
}

.focus\:via-green-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0))
}

.focus\:via-green-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0))
}

.focus\:via-green-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0))
}

.focus\:via-green-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0))
}

.focus\:via-green-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0))
}

.focus\:via-green-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0))
}

.focus\:via-green-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0))
}

.focus\:via-green-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0))
}

.focus\:via-blue-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0))
}

.focus\:via-blue-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0))
}

.focus\:via-blue-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0))
}

.focus\:via-blue-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0))
}

.focus\:via-blue-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0))
}

.focus\:via-blue-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0))
}

.focus\:via-blue-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0))
}

.focus\:via-blue-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0))
}

.focus\:via-blue-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0))
}

.focus\:via-blue-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0))
}

.focus\:via-indigo-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0))
}

.focus\:via-indigo-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0))
}

.focus\:via-indigo-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0))
}

.focus\:via-indigo-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0))
}

.focus\:via-indigo-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0))
}

.focus\:via-indigo-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0))
}

.focus\:via-indigo-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0))
}

.focus\:via-indigo-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0))
}

.focus\:via-indigo-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0))
}

.focus\:via-indigo-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0))
}

.focus\:via-purple-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0))
}

.focus\:via-purple-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0))
}

.focus\:via-purple-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0))
}

.focus\:via-purple-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0))
}

.focus\:via-purple-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0))
}

.focus\:via-purple-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0))
}

.focus\:via-purple-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0))
}

.focus\:via-purple-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0))
}

.focus\:via-purple-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0))
}

.focus\:via-purple-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0))
}

.focus\:via-pink-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0))
}

.focus\:via-pink-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0))
}

.focus\:via-pink-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0))
}

.focus\:via-pink-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0))
}

.focus\:via-pink-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0))
}

.focus\:via-pink-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0))
}

.focus\:via-pink-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0))
}

.focus\:via-pink-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0))
}

.focus\:via-pink-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0))
}

.focus\:via-pink-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0))
}

.focus\:via-primary:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1ab938, var(--tw-gradient-to, rgba(26, 185, 56, 0))
}

.focus\:via-orange:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fdab5a, var(--tw-gradient-to, rgba(253, 171, 90, 0))
}

.focus\:via-danger:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #c75d5d, var(--tw-gradient-to, rgba(199, 93, 93, 0))
}

.hover\:to-transparent:hover {
    --tw-gradient-to: transparent
}

.hover\:to-current:hover {
    --tw-gradient-to: currentColor
}

.hover\:to-black:hover {
    --tw-gradient-to: #000
}

.hover\:to-white:hover {
    --tw-gradient-to: #fff
}

.hover\:to-gray-50:hover {
    --tw-gradient-to: #f9fafb
}

.hover\:to-gray-100:hover {
    --tw-gradient-to: #f3f4f6
}

.hover\:to-gray-200:hover {
    --tw-gradient-to: #e5e7eb
}

.hover\:to-gray-300:hover {
    --tw-gradient-to: #d1d5db
}

.hover\:to-gray-400:hover {
    --tw-gradient-to: #9ca3af
}

.hover\:to-gray-500:hover {
    --tw-gradient-to: #6b7280
}

.hover\:to-gray-600:hover {
    --tw-gradient-to: #4b5563
}

.hover\:to-gray-700:hover {
    --tw-gradient-to: #374151
}

.hover\:to-gray-800:hover {
    --tw-gradient-to: #1f2937
}

.hover\:to-gray-900:hover {
    --tw-gradient-to: #111827
}

.hover\:to-red-50:hover {
    --tw-gradient-to: #fef2f2
}

.hover\:to-red-100:hover {
    --tw-gradient-to: #fee2e2
}

.hover\:to-red-200:hover {
    --tw-gradient-to: #fecaca
}

.hover\:to-red-300:hover {
    --tw-gradient-to: #fca5a5
}

.hover\:to-red-400:hover {
    --tw-gradient-to: #f87171
}

.hover\:to-red-500:hover {
    --tw-gradient-to: #ef4444
}

.hover\:to-red-600:hover {
    --tw-gradient-to: #dc2626
}

.hover\:to-red-700:hover {
    --tw-gradient-to: #b91c1c
}

.hover\:to-red-800:hover {
    --tw-gradient-to: #991b1b
}

.hover\:to-red-900:hover {
    --tw-gradient-to: #7f1d1d
}

.hover\:to-yellow-50:hover {
    --tw-gradient-to: #fffbeb
}

.hover\:to-yellow-100:hover {
    --tw-gradient-to: #fef3c7
}

.hover\:to-yellow-200:hover {
    --tw-gradient-to: #fde68a
}

.hover\:to-yellow-300:hover {
    --tw-gradient-to: #fcd34d
}

.hover\:to-yellow-400:hover {
    --tw-gradient-to: #fbbf24
}

.hover\:to-yellow-500:hover {
    --tw-gradient-to: #f59e0b
}

.hover\:to-yellow-600:hover {
    --tw-gradient-to: #d97706
}

.hover\:to-yellow-700:hover {
    --tw-gradient-to: #b45309
}

.hover\:to-yellow-800:hover {
    --tw-gradient-to: #92400e
}

.hover\:to-yellow-900:hover {
    --tw-gradient-to: #78350f
}

.hover\:to-green-50:hover {
    --tw-gradient-to: #ecfdf5
}

.hover\:to-green-100:hover {
    --tw-gradient-to: #d1fae5
}

.hover\:to-green-200:hover {
    --tw-gradient-to: #a7f3d0
}

.hover\:to-green-300:hover {
    --tw-gradient-to: #6ee7b7
}

.hover\:to-green-400:hover {
    --tw-gradient-to: #34d399
}

.hover\:to-green-500:hover {
    --tw-gradient-to: #10b981
}

.hover\:to-green-600:hover {
    --tw-gradient-to: #059669
}

.hover\:to-green-700:hover {
    --tw-gradient-to: #047857
}

.hover\:to-green-800:hover {
    --tw-gradient-to: #065f46
}

.hover\:to-green-900:hover {
    --tw-gradient-to: #064e3b
}

.hover\:to-blue-50:hover {
    --tw-gradient-to: #eff6ff
}

.hover\:to-blue-100:hover {
    --tw-gradient-to: #dbeafe
}

.hover\:to-blue-200:hover {
    --tw-gradient-to: #bfdbfe
}

.hover\:to-blue-300:hover {
    --tw-gradient-to: #93c5fd
}

.hover\:to-blue-400:hover {
    --tw-gradient-to: #60a5fa
}

.hover\:to-blue-500:hover {
    --tw-gradient-to: #3b82f6
}

.hover\:to-blue-600:hover {
    --tw-gradient-to: #2563eb
}

.hover\:to-blue-700:hover {
    --tw-gradient-to: #1d4ed8
}

.hover\:to-blue-800:hover {
    --tw-gradient-to: #1e40af
}

.hover\:to-blue-900:hover {
    --tw-gradient-to: #1e3a8a
}

.hover\:to-indigo-50:hover {
    --tw-gradient-to: #eef2ff
}

.hover\:to-indigo-100:hover {
    --tw-gradient-to: #e0e7ff
}

.hover\:to-indigo-200:hover {
    --tw-gradient-to: #c7d2fe
}

.hover\:to-indigo-300:hover {
    --tw-gradient-to: #a5b4fc
}

.hover\:to-indigo-400:hover {
    --tw-gradient-to: #818cf8
}

.hover\:to-indigo-500:hover {
    --tw-gradient-to: #6366f1
}

.hover\:to-indigo-600:hover {
    --tw-gradient-to: #4f46e5
}

.hover\:to-indigo-700:hover {
    --tw-gradient-to: #4338ca
}

.hover\:to-indigo-800:hover {
    --tw-gradient-to: #3730a3
}

.hover\:to-indigo-900:hover {
    --tw-gradient-to: #312e81
}

.hover\:to-purple-50:hover {
    --tw-gradient-to: #f5f3ff
}

.hover\:to-purple-100:hover {
    --tw-gradient-to: #ede9fe
}

.hover\:to-purple-200:hover {
    --tw-gradient-to: #ddd6fe
}

.hover\:to-purple-300:hover {
    --tw-gradient-to: #c4b5fd
}

.hover\:to-purple-400:hover {
    --tw-gradient-to: #a78bfa
}

.hover\:to-purple-500:hover {
    --tw-gradient-to: #8b5cf6
}

.hover\:to-purple-600:hover {
    --tw-gradient-to: #7c3aed
}

.hover\:to-purple-700:hover {
    --tw-gradient-to: #6d28d9
}

.hover\:to-purple-800:hover {
    --tw-gradient-to: #5b21b6
}

.hover\:to-purple-900:hover {
    --tw-gradient-to: #4c1d95
}

.hover\:to-pink-50:hover {
    --tw-gradient-to: #fdf2f8
}

.hover\:to-pink-100:hover {
    --tw-gradient-to: #fce7f3
}

.hover\:to-pink-200:hover {
    --tw-gradient-to: #fbcfe8
}

.hover\:to-pink-300:hover {
    --tw-gradient-to: #f9a8d4
}

.hover\:to-pink-400:hover {
    --tw-gradient-to: #f472b6
}

.hover\:to-pink-500:hover {
    --tw-gradient-to: #ec4899
}

.hover\:to-pink-600:hover {
    --tw-gradient-to: #db2777
}

.hover\:to-pink-700:hover {
    --tw-gradient-to: #be185d
}

.hover\:to-pink-800:hover {
    --tw-gradient-to: #9d174d
}

.hover\:to-pink-900:hover {
    --tw-gradient-to: #831843
}

.hover\:to-primary:hover {
    --tw-gradient-to: #1ab938
}

.hover\:to-orange:hover {
    --tw-gradient-to: #fdab5a
}

.hover\:to-danger:hover {
    --tw-gradient-to: #c75d5d
}

.focus\:to-transparent:focus {
    --tw-gradient-to: transparent
}

.focus\:to-current:focus {
    --tw-gradient-to: currentColor
}

.focus\:to-black:focus {
    --tw-gradient-to: #000
}

.focus\:to-white:focus {
    --tw-gradient-to: #fff
}

.focus\:to-gray-50:focus {
    --tw-gradient-to: #f9fafb
}

.focus\:to-gray-100:focus {
    --tw-gradient-to: #f3f4f6
}

.focus\:to-gray-200:focus {
    --tw-gradient-to: #e5e7eb
}

.focus\:to-gray-300:focus {
    --tw-gradient-to: #d1d5db
}

.focus\:to-gray-400:focus {
    --tw-gradient-to: #9ca3af
}

.focus\:to-gray-500:focus {
    --tw-gradient-to: #6b7280
}

.focus\:to-gray-600:focus {
    --tw-gradient-to: #4b5563
}

.focus\:to-gray-700:focus {
    --tw-gradient-to: #374151
}

.focus\:to-gray-800:focus {
    --tw-gradient-to: #1f2937
}

.focus\:to-gray-900:focus {
    --tw-gradient-to: #111827
}

.focus\:to-red-50:focus {
    --tw-gradient-to: #fef2f2
}

.focus\:to-red-100:focus {
    --tw-gradient-to: #fee2e2
}

.focus\:to-red-200:focus {
    --tw-gradient-to: #fecaca
}

.focus\:to-red-300:focus {
    --tw-gradient-to: #fca5a5
}

.focus\:to-red-400:focus {
    --tw-gradient-to: #f87171
}

.focus\:to-red-500:focus {
    --tw-gradient-to: #ef4444
}

.focus\:to-red-600:focus {
    --tw-gradient-to: #dc2626
}

.focus\:to-red-700:focus {
    --tw-gradient-to: #b91c1c
}

.focus\:to-red-800:focus {
    --tw-gradient-to: #991b1b
}

.focus\:to-red-900:focus {
    --tw-gradient-to: #7f1d1d
}

.focus\:to-yellow-50:focus {
    --tw-gradient-to: #fffbeb
}

.focus\:to-yellow-100:focus {
    --tw-gradient-to: #fef3c7
}

.focus\:to-yellow-200:focus {
    --tw-gradient-to: #fde68a
}

.focus\:to-yellow-300:focus {
    --tw-gradient-to: #fcd34d
}

.focus\:to-yellow-400:focus {
    --tw-gradient-to: #fbbf24
}

.focus\:to-yellow-500:focus {
    --tw-gradient-to: #f59e0b
}

.focus\:to-yellow-600:focus {
    --tw-gradient-to: #d97706
}

.focus\:to-yellow-700:focus {
    --tw-gradient-to: #b45309
}

.focus\:to-yellow-800:focus {
    --tw-gradient-to: #92400e
}

.focus\:to-yellow-900:focus {
    --tw-gradient-to: #78350f
}

.focus\:to-green-50:focus {
    --tw-gradient-to: #ecfdf5
}

.focus\:to-green-100:focus {
    --tw-gradient-to: #d1fae5
}

.focus\:to-green-200:focus {
    --tw-gradient-to: #a7f3d0
}

.focus\:to-green-300:focus {
    --tw-gradient-to: #6ee7b7
}

.focus\:to-green-400:focus {
    --tw-gradient-to: #34d399
}

.focus\:to-green-500:focus {
    --tw-gradient-to: #10b981
}

.focus\:to-green-600:focus {
    --tw-gradient-to: #059669
}

.focus\:to-green-700:focus {
    --tw-gradient-to: #047857
}

.focus\:to-green-800:focus {
    --tw-gradient-to: #065f46
}

.focus\:to-green-900:focus {
    --tw-gradient-to: #064e3b
}

.focus\:to-blue-50:focus {
    --tw-gradient-to: #eff6ff
}

.focus\:to-blue-100:focus {
    --tw-gradient-to: #dbeafe
}

.focus\:to-blue-200:focus {
    --tw-gradient-to: #bfdbfe
}

.focus\:to-blue-300:focus {
    --tw-gradient-to: #93c5fd
}

.focus\:to-blue-400:focus {
    --tw-gradient-to: #60a5fa
}

.focus\:to-blue-500:focus {
    --tw-gradient-to: #3b82f6
}

.focus\:to-blue-600:focus {
    --tw-gradient-to: #2563eb
}

.focus\:to-blue-700:focus {
    --tw-gradient-to: #1d4ed8
}

.focus\:to-blue-800:focus {
    --tw-gradient-to: #1e40af
}

.focus\:to-blue-900:focus {
    --tw-gradient-to: #1e3a8a
}

.focus\:to-indigo-50:focus {
    --tw-gradient-to: #eef2ff
}

.focus\:to-indigo-100:focus {
    --tw-gradient-to: #e0e7ff
}

.focus\:to-indigo-200:focus {
    --tw-gradient-to: #c7d2fe
}

.focus\:to-indigo-300:focus {
    --tw-gradient-to: #a5b4fc
}

.focus\:to-indigo-400:focus {
    --tw-gradient-to: #818cf8
}

.focus\:to-indigo-500:focus {
    --tw-gradient-to: #6366f1
}

.focus\:to-indigo-600:focus {
    --tw-gradient-to: #4f46e5
}

.focus\:to-indigo-700:focus {
    --tw-gradient-to: #4338ca
}

.focus\:to-indigo-800:focus {
    --tw-gradient-to: #3730a3
}

.focus\:to-indigo-900:focus {
    --tw-gradient-to: #312e81
}

.focus\:to-purple-50:focus {
    --tw-gradient-to: #f5f3ff
}

.focus\:to-purple-100:focus {
    --tw-gradient-to: #ede9fe
}

.focus\:to-purple-200:focus {
    --tw-gradient-to: #ddd6fe
}

.focus\:to-purple-300:focus {
    --tw-gradient-to: #c4b5fd
}

.focus\:to-purple-400:focus {
    --tw-gradient-to: #a78bfa
}

.focus\:to-purple-500:focus {
    --tw-gradient-to: #8b5cf6
}

.focus\:to-purple-600:focus {
    --tw-gradient-to: #7c3aed
}

.focus\:to-purple-700:focus {
    --tw-gradient-to: #6d28d9
}

.focus\:to-purple-800:focus {
    --tw-gradient-to: #5b21b6
}

.focus\:to-purple-900:focus {
    --tw-gradient-to: #4c1d95
}

.focus\:to-pink-50:focus {
    --tw-gradient-to: #fdf2f8
}

.focus\:to-pink-100:focus {
    --tw-gradient-to: #fce7f3
}

.focus\:to-pink-200:focus {
    --tw-gradient-to: #fbcfe8
}

.focus\:to-pink-300:focus {
    --tw-gradient-to: #f9a8d4
}

.focus\:to-pink-400:focus {
    --tw-gradient-to: #f472b6
}

.focus\:to-pink-500:focus {
    --tw-gradient-to: #ec4899
}

.focus\:to-pink-600:focus {
    --tw-gradient-to: #db2777
}

.focus\:to-pink-700:focus {
    --tw-gradient-to: #be185d
}

.focus\:to-pink-800:focus {
    --tw-gradient-to: #9d174d
}

.focus\:to-pink-900:focus {
    --tw-gradient-to: #831843
}

.focus\:to-primary:focus {
    --tw-gradient-to: #1ab938
}

.focus\:to-orange:focus {
    --tw-gradient-to: #fdab5a
}

.focus\:to-danger:focus {
    --tw-gradient-to: #c75d5d
}

.p-4 {
    padding: 1rem
}

.group:hover .group-hover\:text-transparent {
    color: transparent
}

.group:hover .group-hover\:text-current {
    color: currentColor
}

.group:hover .group-hover\:text-black {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-gray-50 {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-gray-100 {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-gray-200 {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-gray-700 {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-red-50 {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-red-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-red-200 {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-red-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-red-400 {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-red-500 {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-red-600 {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-red-700 {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-red-800 {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-red-900 {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-yellow-50 {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-yellow-200 {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-yellow-900 {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-green-50 {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-green-100 {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-green-200 {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-green-300 {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-green-400 {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-green-500 {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-green-600 {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-green-700 {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-green-800 {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-green-900 {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-blue-50 {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-blue-100 {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-blue-200 {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-blue-400 {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-blue-700 {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-blue-800 {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-blue-900 {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-indigo-50 {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-indigo-100 {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-indigo-200 {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-indigo-300 {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-purple-50 {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-purple-100 {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-purple-200 {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-purple-300 {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-purple-400 {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-purple-500 {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-purple-600 {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-purple-700 {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-purple-800 {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-purple-900 {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-pink-50 {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-pink-100 {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-pink-200 {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-pink-300 {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-pink-400 {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-pink-500 {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-pink-600 {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-pink-700 {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-pink-800 {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-pink-900 {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-primary {
    --tw-text-opacity: 1;
    color: rgba(26, 185, 56, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-orange {
    --tw-text-opacity: 1;
    color: rgba(253, 171, 90, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-danger {
    color: #c75d5d
}

.focus-within\:text-transparent:focus-within {
    color: transparent
}

.focus-within\:text-current:focus-within {
    color: currentColor
}

.focus-within\:text-black:focus-within {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.focus-within\:text-white:focus-within {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.focus-within\:text-gray-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity))
}

.focus-within\:text-gray-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity))
}

.focus-within\:text-gray-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity))
}

.focus-within\:text-gray-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity))
}

.focus-within\:text-gray-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity))
}

.focus-within\:text-gray-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity))
}

.focus-within\:text-gray-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity))
}

.focus-within\:text-gray-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity))
}

.focus-within\:text-gray-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity))
}

.focus-within\:text-gray-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity))
}

.focus-within\:text-red-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity))
}

.focus-within\:text-red-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity))
}

.focus-within\:text-red-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity))
}

.focus-within\:text-red-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity))
}

.focus-within\:text-red-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity))
}

.focus-within\:text-red-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity))
}

.focus-within\:text-red-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity))
}

.focus-within\:text-red-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity))
}

.focus-within\:text-red-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity))
}

.focus-within\:text-red-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity))
}

.focus-within\:text-yellow-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity))
}

.focus-within\:text-yellow-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity))
}

.focus-within\:text-yellow-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity))
}

.focus-within\:text-yellow-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity))
}

.focus-within\:text-yellow-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity))
}

.focus-within\:text-yellow-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity))
}

.focus-within\:text-yellow-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity))
}

.focus-within\:text-yellow-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity))
}

.focus-within\:text-yellow-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity))
}

.focus-within\:text-yellow-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity))
}

.focus-within\:text-green-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity))
}

.focus-within\:text-green-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity))
}

.focus-within\:text-green-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity))
}

.focus-within\:text-green-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity))
}

.focus-within\:text-green-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity))
}

.focus-within\:text-green-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity))
}

.focus-within\:text-green-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity))
}

.focus-within\:text-green-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity))
}

.focus-within\:text-green-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity))
}

.focus-within\:text-green-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity))
}

.focus-within\:text-blue-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity))
}

.focus-within\:text-blue-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity))
}

.focus-within\:text-blue-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity))
}

.focus-within\:text-blue-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity))
}

.focus-within\:text-blue-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity))
}

.focus-within\:text-blue-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity))
}

.focus-within\:text-blue-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity))
}

.focus-within\:text-blue-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity))
}

.focus-within\:text-blue-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity))
}

.focus-within\:text-blue-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity))
}

.focus-within\:text-indigo-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity))
}

.focus-within\:text-indigo-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity))
}

.focus-within\:text-indigo-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity))
}

.focus-within\:text-indigo-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity))
}

.focus-within\:text-indigo-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity))
}

.focus-within\:text-indigo-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity))
}

.focus-within\:text-indigo-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity))
}

.focus-within\:text-indigo-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity))
}

.focus-within\:text-indigo-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity))
}

.focus-within\:text-indigo-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity))
}

.focus-within\:text-purple-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity))
}

.focus-within\:text-purple-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity))
}

.focus-within\:text-purple-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity))
}

.focus-within\:text-purple-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity))
}

.focus-within\:text-purple-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity))
}

.focus-within\:text-purple-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity))
}

.focus-within\:text-purple-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity))
}

.focus-within\:text-purple-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity))
}

.focus-within\:text-purple-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity))
}

.focus-within\:text-purple-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity))
}

.focus-within\:text-pink-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity))
}

.focus-within\:text-pink-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity))
}

.focus-within\:text-pink-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity))
}

.focus-within\:text-pink-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity))
}

.focus-within\:text-pink-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity))
}

.focus-within\:text-pink-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity))
}

.focus-within\:text-pink-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity))
}

.focus-within\:text-pink-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity))
}

.focus-within\:text-pink-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity))
}

.focus-within\:text-pink-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity))
}

.focus-within\:text-primary:focus-within {
    --tw-text-opacity: 1;
    color: rgba(26, 185, 56, var(--tw-text-opacity))
}

.focus-within\:text-orange:focus-within {
    --tw-text-opacity: 1;
    color: rgba(253, 171, 90, var(--tw-text-opacity))
}

.focus-within\:text-danger:focus-within {
    color: #c75d5d
}

.hover\:text-transparent:hover {
    color: transparent
}

.hover\:text-current:hover {
    color: currentColor
}

.hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.hover\:text-gray-50:hover {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity))
}

.hover\:text-gray-100:hover {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity))
}

.hover\:text-gray-200:hover {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity))
}

.hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity))
}

.hover\:text-gray-400:hover {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity))
}

.hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity))
}

.hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity))
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity))
}

.hover\:text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity))
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity))
}

.hover\:text-red-50:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity))
}

.hover\:text-red-100:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity))
}

.hover\:text-red-200:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity))
}

.hover\:text-red-300:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity))
}

.hover\:text-red-400:hover {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity))
}

.hover\:text-red-500:hover {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity))
}

.hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity))
}

.hover\:text-red-700:hover {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity))
}

.hover\:text-red-800:hover {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity))
}

.hover\:text-red-900:hover {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity))
}

.hover\:text-yellow-50:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity))
}

.hover\:text-yellow-100:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity))
}

.hover\:text-yellow-200:hover {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity))
}

.hover\:text-yellow-300:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity))
}

.hover\:text-yellow-400:hover {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity))
}

.hover\:text-yellow-500:hover {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity))
}

.hover\:text-yellow-600:hover {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity))
}

.hover\:text-yellow-700:hover {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity))
}

.hover\:text-yellow-800:hover {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity))
}

.hover\:text-yellow-900:hover {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity))
}

.hover\:text-green-50:hover {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity))
}

.hover\:text-green-100:hover {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity))
}

.hover\:text-green-200:hover {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity))
}

.hover\:text-green-300:hover {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity))
}

.hover\:text-green-400:hover {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity))
}

.hover\:text-green-500:hover {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity))
}

.hover\:text-green-600:hover {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity))
}

.hover\:text-green-700:hover {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity))
}

.hover\:text-green-800:hover {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity))
}

.hover\:text-green-900:hover {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity))
}

.hover\:text-blue-50:hover {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity))
}

.hover\:text-blue-100:hover {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity))
}

.hover\:text-blue-200:hover {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity))
}

.hover\:text-blue-300:hover {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity))
}

.hover\:text-blue-400:hover {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity))
}

.hover\:text-blue-500:hover {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity))
}

.hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity))
}

.hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity))
}

.hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity))
}

.hover\:text-blue-900:hover {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity))
}

.hover\:text-indigo-50:hover {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity))
}

.hover\:text-indigo-100:hover {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity))
}

.hover\:text-indigo-200:hover {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity))
}

.hover\:text-indigo-300:hover {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity))
}

.hover\:text-indigo-400:hover {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity))
}

.hover\:text-indigo-500:hover {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity))
}

.hover\:text-indigo-600:hover {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity))
}

.hover\:text-indigo-700:hover {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity))
}

.hover\:text-indigo-800:hover {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity))
}

.hover\:text-indigo-900:hover {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity))
}

.hover\:text-purple-50:hover {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity))
}

.hover\:text-purple-100:hover {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity))
}

.hover\:text-purple-200:hover {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity))
}

.hover\:text-purple-300:hover {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity))
}

.hover\:text-purple-400:hover {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity))
}

.hover\:text-purple-500:hover {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity))
}

.hover\:text-purple-600:hover {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity))
}

.hover\:text-purple-700:hover {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity))
}

.hover\:text-purple-800:hover {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity))
}

.hover\:text-purple-900:hover {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity))
}

.hover\:text-pink-50:hover {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity))
}

.hover\:text-pink-100:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity))
}

.hover\:text-pink-200:hover {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity))
}

.hover\:text-pink-300:hover {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity))
}

.hover\:text-pink-400:hover {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity))
}

.hover\:text-pink-500:hover {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity))
}

.hover\:text-pink-600:hover {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity))
}

.hover\:text-pink-700:hover {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity))
}

.hover\:text-pink-800:hover {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity))
}

.hover\:text-pink-900:hover {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity))
}

.hover\:text-primary:hover {
    --tw-text-opacity: 1;
    color: rgba(26, 185, 56, var(--tw-text-opacity))
}

.hover\:text-orange:hover {
    --tw-text-opacity: 1;
    color: rgba(253, 171, 90, var(--tw-text-opacity))
}

.hover\:text-danger:hover {
    color: #c75d5d
}

.focus\:text-transparent:focus {
    color: transparent
}

.focus\:text-current:focus {
    color: currentColor
}

.focus\:text-black:focus {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.focus\:text-white:focus {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.focus\:text-gray-50:focus {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity))
}

.focus\:text-gray-100:focus {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity))
}

.focus\:text-gray-200:focus {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity))
}

.focus\:text-gray-300:focus {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity))
}

.focus\:text-gray-400:focus {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity))
}

.focus\:text-gray-500:focus {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity))
}

.focus\:text-gray-600:focus {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity))
}

.focus\:text-gray-700:focus {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity))
}

.focus\:text-gray-800:focus {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity))
}

.focus\:text-gray-900:focus {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity))
}

.focus\:text-red-50:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity))
}

.focus\:text-red-100:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity))
}

.focus\:text-red-200:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity))
}

.focus\:text-red-300:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity))
}

.focus\:text-red-400:focus {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity))
}

.focus\:text-red-500:focus {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity))
}

.focus\:text-red-600:focus {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity))
}

.focus\:text-red-700:focus {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity))
}

.focus\:text-red-800:focus {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity))
}

.focus\:text-red-900:focus {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity))
}

.focus\:text-yellow-50:focus {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity))
}

.focus\:text-yellow-100:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity))
}

.focus\:text-yellow-200:focus {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity))
}

.focus\:text-yellow-300:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity))
}

.focus\:text-yellow-400:focus {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity))
}

.focus\:text-yellow-500:focus {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity))
}

.focus\:text-yellow-600:focus {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity))
}

.focus\:text-yellow-700:focus {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity))
}

.focus\:text-yellow-800:focus {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity))
}

.focus\:text-yellow-900:focus {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity))
}

.focus\:text-green-50:focus {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity))
}

.focus\:text-green-100:focus {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity))
}

.focus\:text-green-200:focus {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity))
}

.focus\:text-green-300:focus {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity))
}

.focus\:text-green-400:focus {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity))
}

.focus\:text-green-500:focus {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity))
}

.focus\:text-green-600:focus {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity))
}

.focus\:text-green-700:focus {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity))
}

.focus\:text-green-800:focus {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity))
}

.focus\:text-green-900:focus {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity))
}

.focus\:text-blue-50:focus {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity))
}

.focus\:text-blue-100:focus {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity))
}

.focus\:text-blue-200:focus {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity))
}

.focus\:text-blue-300:focus {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity))
}

.focus\:text-blue-400:focus {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity))
}

.focus\:text-blue-500:focus {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity))
}

.focus\:text-blue-600:focus {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity))
}

.focus\:text-blue-700:focus {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity))
}

.focus\:text-blue-800:focus {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity))
}

.focus\:text-blue-900:focus {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity))
}

.focus\:text-indigo-50:focus {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity))
}

.focus\:text-indigo-100:focus {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity))
}

.focus\:text-indigo-200:focus {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity))
}

.focus\:text-indigo-300:focus {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity))
}

.focus\:text-indigo-400:focus {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity))
}

.focus\:text-indigo-500:focus {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity))
}

.focus\:text-indigo-600:focus {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity))
}

.focus\:text-indigo-700:focus {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity))
}

.focus\:text-indigo-800:focus {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity))
}

.focus\:text-indigo-900:focus {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity))
}

.focus\:text-purple-50:focus {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity))
}

.focus\:text-purple-100:focus {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity))
}

.focus\:text-purple-200:focus {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity))
}

.focus\:text-purple-300:focus {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity))
}

.focus\:text-purple-400:focus {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity))
}

.focus\:text-purple-500:focus {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity))
}

.focus\:text-purple-600:focus {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity))
}

.focus\:text-purple-700:focus {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity))
}

.focus\:text-purple-800:focus {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity))
}

.focus\:text-purple-900:focus {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity))
}

.focus\:text-pink-50:focus {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity))
}

.focus\:text-pink-100:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity))
}

.focus\:text-pink-200:focus {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity))
}

.focus\:text-pink-300:focus {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity))
}

.focus\:text-pink-400:focus {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity))
}

.focus\:text-pink-500:focus {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity))
}

.focus\:text-pink-600:focus {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity))
}

.focus\:text-pink-700:focus {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity))
}

.focus\:text-pink-800:focus {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity))
}

.focus\:text-pink-900:focus {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity))
}

.focus\:text-primary:focus {
    --tw-text-opacity: 1;
    color: rgba(26, 185, 56, var(--tw-text-opacity))
}

.focus\:text-orange:focus {
    --tw-text-opacity: 1;
    color: rgba(253, 171, 90, var(--tw-text-opacity))
}

.focus\:text-danger:focus {
    color: #c75d5d
}

.group:hover .group-hover\:text-opacity-0 {
    --tw-text-opacity: 0
}

.group:hover .group-hover\:text-opacity-5 {
    --tw-text-opacity: 0.05
}

.group:hover .group-hover\:text-opacity-10 {
    --tw-text-opacity: 0.1
}

.group:hover .group-hover\:text-opacity-20 {
    --tw-text-opacity: 0.2
}

.group:hover .group-hover\:text-opacity-25 {
    --tw-text-opacity: 0.25
}

.group:hover .group-hover\:text-opacity-30 {
    --tw-text-opacity: 0.3
}

.group:hover .group-hover\:text-opacity-40 {
    --tw-text-opacity: 0.4
}

.group:hover .group-hover\:text-opacity-50 {
    --tw-text-opacity: 0.5
}

.group:hover .group-hover\:text-opacity-60 {
    --tw-text-opacity: 0.6
}

.group:hover .group-hover\:text-opacity-70 {
    --tw-text-opacity: 0.7
}

.group:hover .group-hover\:text-opacity-75 {
    --tw-text-opacity: 0.75
}

.group:hover .group-hover\:text-opacity-80 {
    --tw-text-opacity: 0.8
}

.group:hover .group-hover\:text-opacity-90 {
    --tw-text-opacity: 0.9
}

.group:hover .group-hover\:text-opacity-95 {
    --tw-text-opacity: 0.95
}

.group:hover .group-hover\:text-opacity-100 {
    --tw-text-opacity: 1
}

.focus-within\:text-opacity-0:focus-within {
    --tw-text-opacity: 0
}

.focus-within\:text-opacity-5:focus-within {
    --tw-text-opacity: 0.05
}

.focus-within\:text-opacity-10:focus-within {
    --tw-text-opacity: 0.1
}

.focus-within\:text-opacity-20:focus-within {
    --tw-text-opacity: 0.2
}

.focus-within\:text-opacity-25:focus-within {
    --tw-text-opacity: 0.25
}

.focus-within\:text-opacity-30:focus-within {
    --tw-text-opacity: 0.3
}

.focus-within\:text-opacity-40:focus-within {
    --tw-text-opacity: 0.4
}

.focus-within\:text-opacity-50:focus-within {
    --tw-text-opacity: 0.5
}

.focus-within\:text-opacity-60:focus-within {
    --tw-text-opacity: 0.6
}

.focus-within\:text-opacity-70:focus-within {
    --tw-text-opacity: 0.7
}

.focus-within\:text-opacity-75:focus-within {
    --tw-text-opacity: 0.75
}

.focus-within\:text-opacity-80:focus-within {
    --tw-text-opacity: 0.8
}

.focus-within\:text-opacity-90:focus-within {
    --tw-text-opacity: 0.9
}

.focus-within\:text-opacity-95:focus-within {
    --tw-text-opacity: 0.95
}

.focus-within\:text-opacity-100:focus-within {
    --tw-text-opacity: 1
}

.hover\:text-opacity-0:hover {
    --tw-text-opacity: 0
}

.hover\:text-opacity-5:hover {
    --tw-text-opacity: 0.05
}

.hover\:text-opacity-10:hover {
    --tw-text-opacity: 0.1
}

.hover\:text-opacity-20:hover {
    --tw-text-opacity: 0.2
}

.hover\:text-opacity-25:hover {
    --tw-text-opacity: 0.25
}

.hover\:text-opacity-30:hover {
    --tw-text-opacity: 0.3
}

.hover\:text-opacity-40:hover {
    --tw-text-opacity: 0.4
}

.hover\:text-opacity-50:hover {
    --tw-text-opacity: 0.5
}

.hover\:text-opacity-60:hover {
    --tw-text-opacity: 0.6
}

.hover\:text-opacity-70:hover {
    --tw-text-opacity: 0.7
}

.hover\:text-opacity-75:hover {
    --tw-text-opacity: 0.75
}

.hover\:text-opacity-80:hover {
    --tw-text-opacity: 0.8
}

.hover\:text-opacity-90:hover {
    --tw-text-opacity: 0.9
}

.hover\:text-opacity-95:hover {
    --tw-text-opacity: 0.95
}

.hover\:text-opacity-100:hover {
    --tw-text-opacity: 1
}

.focus\:text-opacity-0:focus {
    --tw-text-opacity: 0
}

.focus\:text-opacity-5:focus {
    --tw-text-opacity: 0.05
}

.focus\:text-opacity-10:focus {
    --tw-text-opacity: 0.1
}

.focus\:text-opacity-20:focus {
    --tw-text-opacity: 0.2
}

.focus\:text-opacity-25:focus {
    --tw-text-opacity: 0.25
}

.focus\:text-opacity-30:focus {
    --tw-text-opacity: 0.3
}

.focus\:text-opacity-40:focus {
    --tw-text-opacity: 0.4
}

.focus\:text-opacity-50:focus {
    --tw-text-opacity: 0.5
}

.focus\:text-opacity-60:focus {
    --tw-text-opacity: 0.6
}

.focus\:text-opacity-70:focus {
    --tw-text-opacity: 0.7
}

.focus\:text-opacity-75:focus {
    --tw-text-opacity: 0.75
}

.focus\:text-opacity-80:focus {
    --tw-text-opacity: 0.8
}

.focus\:text-opacity-90:focus {
    --tw-text-opacity: 0.9
}

.focus\:text-opacity-95:focus {
    --tw-text-opacity: 0.95
}

.focus\:text-opacity-100:focus {
    --tw-text-opacity: 1
}

.group:hover .group-hover\:underline {
    text-decoration: underline
}

.group:hover .group-hover\:line-through {
    text-decoration: line-through
}

.group:hover .group-hover\:no-underline {
    text-decoration: none
}

.focus-within\:underline:focus-within {
    text-decoration: underline
}

.focus-within\:line-through:focus-within {
    text-decoration: line-through
}

.focus-within\:no-underline:focus-within {
    text-decoration: none
}

.hover\:underline:hover {
    text-decoration: underline
}

.hover\:line-through:hover {
    text-decoration: line-through
}

.hover\:no-underline:hover {
    text-decoration: none
}

.focus\:underline:focus {
    text-decoration: underline
}

.focus\:line-through:focus {
    text-decoration: line-through
}

.focus\:no-underline:focus {
    text-decoration: none
}

.placeholder-transparent::-webkit-input-placeholder {
    color: transparent
}

.placeholder-transparent::-moz-placeholder {
    color: transparent
}

.placeholder-transparent::-ms-input-placeholder {
    color: transparent
}

.placeholder-transparent::placeholder {
    color: transparent
}

.placeholder-current::-webkit-input-placeholder {
    color: currentColor
}

.placeholder-current::-moz-placeholder {
    color: currentColor
}

.placeholder-current::-ms-input-placeholder {
    color: currentColor
}

.placeholder-current::placeholder {
    color: currentColor
}

.placeholder-black::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
}

.placeholder-black::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
}

.placeholder-black::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
}

.placeholder-black::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
}

.placeholder-white::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
}

.placeholder-white::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
}

.placeholder-white::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
}

.placeholder-white::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
}

.placeholder-gray-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
}

.placeholder-gray-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
}

.placeholder-gray-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
}

.placeholder-gray-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
}

.placeholder-gray-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
}

.placeholder-gray-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
}

.placeholder-gray-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
}

.placeholder-gray-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
}

.placeholder-gray-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
}

.placeholder-gray-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
}

.placeholder-gray-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
}

.placeholder-gray-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
}

.placeholder-gray-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
}

.placeholder-gray-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
}

.placeholder-gray-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
}

.placeholder-gray-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
}

.placeholder-gray-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
}

.placeholder-gray-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
}

.placeholder-gray-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
}

.placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
}

.placeholder-gray-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
}

.placeholder-gray-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
}

.placeholder-gray-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
}

.placeholder-gray-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
}

.placeholder-gray-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
}

.placeholder-gray-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
}

.placeholder-gray-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
}

.placeholder-gray-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
}

.placeholder-gray-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
}

.placeholder-gray-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
}

.placeholder-gray-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
}

.placeholder-gray-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
}

.placeholder-gray-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
}

.placeholder-gray-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
}

.placeholder-gray-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
}

.placeholder-gray-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
}

.placeholder-gray-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
}

.placeholder-gray-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
}

.placeholder-gray-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
}

.placeholder-gray-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
}

.placeholder-red-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
}

.placeholder-red-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
}

.placeholder-red-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
}

.placeholder-red-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
}

.placeholder-red-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
}

.placeholder-red-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
}

.placeholder-red-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
}

.placeholder-red-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
}

.placeholder-red-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
}

.placeholder-red-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
}

.placeholder-red-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
}

.placeholder-red-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
}

.placeholder-red-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
}

.placeholder-red-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
}

.placeholder-red-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
}

.placeholder-red-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
}

.placeholder-red-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
}

.placeholder-red-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
}

.placeholder-red-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
}

.placeholder-red-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
}

.placeholder-red-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
}

.placeholder-red-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
}

.placeholder-red-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
}

.placeholder-red-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
}

.placeholder-red-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
}

.placeholder-red-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
}

.placeholder-red-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
}

.placeholder-red-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
}

.placeholder-red-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
}

.placeholder-red-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
}

.placeholder-red-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
}

.placeholder-red-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
}

.placeholder-red-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
}

.placeholder-red-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
}

.placeholder-red-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
}

.placeholder-red-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
}

.placeholder-red-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
}

.placeholder-red-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
}

.placeholder-red-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
}

.placeholder-red-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
}

.placeholder-yellow-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
}

.placeholder-yellow-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
}

.placeholder-yellow-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
}

.placeholder-yellow-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
}

.placeholder-yellow-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
}

.placeholder-yellow-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
}

.placeholder-yellow-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
}

.placeholder-yellow-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
}

.placeholder-yellow-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
}

.placeholder-yellow-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
}

.placeholder-yellow-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
}

.placeholder-yellow-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
}

.placeholder-yellow-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
}

.placeholder-yellow-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
}

.placeholder-yellow-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
}

.placeholder-yellow-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
}

.placeholder-yellow-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
}

.placeholder-yellow-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
}

.placeholder-yellow-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
}

.placeholder-yellow-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
}

.placeholder-yellow-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
}

.placeholder-yellow-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
}

.placeholder-yellow-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
}

.placeholder-yellow-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
}

.placeholder-yellow-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
}

.placeholder-yellow-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
}

.placeholder-yellow-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
}

.placeholder-yellow-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
}

.placeholder-yellow-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
}

.placeholder-yellow-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
}

.placeholder-yellow-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
}

.placeholder-yellow-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
}

.placeholder-yellow-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
}

.placeholder-yellow-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
}

.placeholder-yellow-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
}

.placeholder-yellow-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
}

.placeholder-yellow-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
}

.placeholder-yellow-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
}

.placeholder-yellow-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
}

.placeholder-yellow-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
}

.placeholder-green-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
}

.placeholder-green-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
}

.placeholder-green-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
}

.placeholder-green-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
}

.placeholder-green-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
}

.placeholder-green-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
}

.placeholder-green-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
}

.placeholder-green-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
}

.placeholder-green-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
}

.placeholder-green-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
}

.placeholder-green-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
}

.placeholder-green-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
}

.placeholder-green-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
}

.placeholder-green-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
}

.placeholder-green-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
}

.placeholder-green-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
}

.placeholder-green-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
}

.placeholder-green-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
}

.placeholder-green-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
}

.placeholder-green-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
}

.placeholder-green-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
}

.placeholder-green-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
}

.placeholder-green-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
}

.placeholder-green-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
}

.placeholder-green-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
}

.placeholder-green-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
}

.placeholder-green-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
}

.placeholder-green-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
}

.placeholder-green-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
}

.placeholder-green-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
}

.placeholder-green-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
}

.placeholder-green-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
}

.placeholder-green-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
}

.placeholder-green-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
}

.placeholder-green-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
}

.placeholder-green-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
}

.placeholder-green-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
}

.placeholder-green-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
}

.placeholder-green-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
}

.placeholder-green-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
}

.placeholder-blue-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
}

.placeholder-blue-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
}

.placeholder-blue-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
}

.placeholder-blue-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
}

.placeholder-blue-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
}

.placeholder-blue-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
}

.placeholder-blue-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
}

.placeholder-blue-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
}

.placeholder-blue-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
}

.placeholder-blue-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
}

.placeholder-blue-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
}

.placeholder-blue-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
}

.placeholder-blue-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
}

.placeholder-blue-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
}

.placeholder-blue-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
}

.placeholder-blue-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
}

.placeholder-blue-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
}

.placeholder-blue-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
}

.placeholder-blue-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
}

.placeholder-blue-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
}

.placeholder-blue-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
}

.placeholder-blue-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
}

.placeholder-blue-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
}

.placeholder-blue-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
}

.placeholder-blue-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
}

.placeholder-blue-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
}

.placeholder-blue-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
}

.placeholder-blue-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
}

.placeholder-blue-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
}

.placeholder-blue-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
}

.placeholder-blue-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
}

.placeholder-blue-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
}

.placeholder-blue-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
}

.placeholder-blue-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
}

.placeholder-blue-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
}

.placeholder-blue-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
}

.placeholder-blue-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
}

.placeholder-blue-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
}

.placeholder-blue-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
}

.placeholder-blue-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
}

.placeholder-indigo-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
}

.placeholder-indigo-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
}

.placeholder-indigo-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
}

.placeholder-indigo-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
}

.placeholder-indigo-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
}

.placeholder-indigo-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
}

.placeholder-indigo-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
}

.placeholder-indigo-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
}

.placeholder-indigo-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
}

.placeholder-indigo-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
}

.placeholder-indigo-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
}

.placeholder-indigo-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
}

.placeholder-indigo-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
}

.placeholder-indigo-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
}

.placeholder-indigo-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
}

.placeholder-indigo-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
}

.placeholder-indigo-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
}

.placeholder-indigo-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
}

.placeholder-indigo-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
}

.placeholder-indigo-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
}

.placeholder-indigo-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
}

.placeholder-indigo-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
}

.placeholder-indigo-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
}

.placeholder-indigo-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
}

.placeholder-indigo-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
}

.placeholder-indigo-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
}

.placeholder-indigo-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
}

.placeholder-indigo-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
}

.placeholder-indigo-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
}

.placeholder-indigo-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
}

.placeholder-indigo-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
}

.placeholder-indigo-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
}

.placeholder-indigo-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
}

.placeholder-indigo-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
}

.placeholder-indigo-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
}

.placeholder-indigo-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
}

.placeholder-indigo-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
}

.placeholder-indigo-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
}

.placeholder-indigo-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
}

.placeholder-indigo-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
}

.placeholder-purple-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
}

.placeholder-purple-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
}

.placeholder-purple-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
}

.placeholder-purple-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
}

.placeholder-purple-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
}

.placeholder-purple-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
}

.placeholder-purple-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
}

.placeholder-purple-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
}

.placeholder-purple-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
}

.placeholder-purple-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
}

.placeholder-purple-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
}

.placeholder-purple-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
}

.placeholder-purple-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
}

.placeholder-purple-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
}

.placeholder-purple-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
}

.placeholder-purple-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
}

.placeholder-purple-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
}

.placeholder-purple-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
}

.placeholder-purple-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
}

.placeholder-purple-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
}

.placeholder-purple-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
}

.placeholder-purple-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
}

.placeholder-purple-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
}

.placeholder-purple-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
}

.placeholder-purple-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
}

.placeholder-purple-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
}

.placeholder-purple-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
}

.placeholder-purple-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
}

.placeholder-purple-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
}

.placeholder-purple-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
}

.placeholder-purple-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
}

.placeholder-purple-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
}

.placeholder-purple-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
}

.placeholder-purple-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
}

.placeholder-purple-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
}

.placeholder-purple-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
}

.placeholder-purple-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
}

.placeholder-purple-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
}

.placeholder-purple-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
}

.placeholder-purple-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
}

.placeholder-pink-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
}

.placeholder-pink-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
}

.placeholder-pink-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
}

.placeholder-pink-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
}

.placeholder-pink-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
}

.placeholder-pink-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
}

.placeholder-pink-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
}

.placeholder-pink-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
}

.placeholder-pink-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
}

.placeholder-pink-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
}

.placeholder-pink-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
}

.placeholder-pink-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
}

.placeholder-pink-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
}

.placeholder-pink-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
}

.placeholder-pink-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
}

.placeholder-pink-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
}

.placeholder-pink-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
}

.placeholder-pink-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
}

.placeholder-pink-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
}

.placeholder-pink-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
}

.placeholder-pink-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
}

.placeholder-pink-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
}

.placeholder-pink-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
}

.placeholder-pink-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
}

.placeholder-pink-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
}

.placeholder-pink-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
}

.placeholder-pink-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
}

.placeholder-pink-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
}

.placeholder-pink-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
}

.placeholder-pink-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
}

.placeholder-pink-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
}

.placeholder-pink-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
}

.placeholder-pink-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
}

.placeholder-pink-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
}

.placeholder-pink-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
}

.placeholder-pink-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
}

.placeholder-pink-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
}

.placeholder-pink-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
}

.placeholder-pink-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
}

.placeholder-pink-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
}

.placeholder-primary::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
}

.placeholder-primary::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
}

.placeholder-primary::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
}

.placeholder-primary::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
}

.placeholder-orange::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
}

.placeholder-orange::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
}

.placeholder-orange::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
}

.placeholder-orange::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
}

.placeholder-danger::-webkit-input-placeholder {
    color: #c75d5d
}

.placeholder-danger::-moz-placeholder {
    color: #c75d5d
}

.placeholder-danger::-ms-input-placeholder {
    color: #c75d5d
}

.placeholder-danger::placeholder {
    color: #c75d5d
}

.focus\:placeholder-transparent:focus::-webkit-input-placeholder {
    color: transparent
}

.focus\:placeholder-transparent:focus::-moz-placeholder {
    color: transparent
}

.focus\:placeholder-transparent:focus::-ms-input-placeholder {
    color: transparent
}

.focus\:placeholder-transparent:focus::placeholder {
    color: transparent
}

.focus\:placeholder-current:focus::-webkit-input-placeholder {
    color: currentColor
}

.focus\:placeholder-current:focus::-moz-placeholder {
    color: currentColor
}

.focus\:placeholder-current:focus::-ms-input-placeholder {
    color: currentColor
}

.focus\:placeholder-current:focus::placeholder {
    color: currentColor
}

.focus\:placeholder-black:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
}

.focus\:placeholder-black:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
}

.focus\:placeholder-black:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
}

.focus\:placeholder-black:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
}

.focus\:placeholder-white:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-white:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-white:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-white:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
}

.focus\:placeholder-gray-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
}

.focus\:placeholder-red-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
}

.focus\:placeholder-yellow-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
}

.focus\:placeholder-green-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
}

.focus\:placeholder-blue-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
}

.focus\:placeholder-indigo-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
}

.focus\:placeholder-purple-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
}

.focus\:placeholder-pink-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
}

.focus\:placeholder-primary:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
}

.focus\:placeholder-primary:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
}

.focus\:placeholder-primary:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
}

.focus\:placeholder-primary:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
}

.focus\:placeholder-orange:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
}

.focus\:placeholder-orange:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
}

.focus\:placeholder-orange:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
}

.focus\:placeholder-orange:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
}

.focus\:placeholder-danger:focus::-webkit-input-placeholder {
    color: #c75d5d
}

.focus\:placeholder-danger:focus::-moz-placeholder {
    color: #c75d5d
}

.focus\:placeholder-danger:focus::-ms-input-placeholder {
    color: #c75d5d
}

.focus\:placeholder-danger:focus::placeholder {
    color: #c75d5d
}

.placeholder-opacity-0::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0
}

.placeholder-opacity-0::-moz-placeholder {
    --tw-placeholder-opacity: 0
}

.placeholder-opacity-0::-ms-input-placeholder {
    --tw-placeholder-opacity: 0
}

.placeholder-opacity-0::placeholder {
    --tw-placeholder-opacity: 0
}

.placeholder-opacity-5::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.05
}

.placeholder-opacity-5::-moz-placeholder {
    --tw-placeholder-opacity: 0.05
}

.placeholder-opacity-5::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05
}

.placeholder-opacity-5::placeholder {
    --tw-placeholder-opacity: 0.05
}

.placeholder-opacity-10::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.1
}

.placeholder-opacity-10::-moz-placeholder {
    --tw-placeholder-opacity: 0.1
}

.placeholder-opacity-10::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1
}

.placeholder-opacity-10::placeholder {
    --tw-placeholder-opacity: 0.1
}

.placeholder-opacity-20::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.2
}

.placeholder-opacity-20::-moz-placeholder {
    --tw-placeholder-opacity: 0.2
}

.placeholder-opacity-20::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2
}

.placeholder-opacity-20::placeholder {
    --tw-placeholder-opacity: 0.2
}

.placeholder-opacity-25::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.25
}

.placeholder-opacity-25::-moz-placeholder {
    --tw-placeholder-opacity: 0.25
}

.placeholder-opacity-25::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25
}

.placeholder-opacity-25::placeholder {
    --tw-placeholder-opacity: 0.25
}

.placeholder-opacity-30::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.3
}

.placeholder-opacity-30::-moz-placeholder {
    --tw-placeholder-opacity: 0.3
}

.placeholder-opacity-30::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3
}

.placeholder-opacity-30::placeholder {
    --tw-placeholder-opacity: 0.3
}

.placeholder-opacity-40::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.4
}

.placeholder-opacity-40::-moz-placeholder {
    --tw-placeholder-opacity: 0.4
}

.placeholder-opacity-40::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4
}

.placeholder-opacity-40::placeholder {
    --tw-placeholder-opacity: 0.4
}

.placeholder-opacity-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.5
}

.placeholder-opacity-50::-moz-placeholder {
    --tw-placeholder-opacity: 0.5
}

.placeholder-opacity-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5
}

.placeholder-opacity-50::placeholder {
    --tw-placeholder-opacity: 0.5
}

.placeholder-opacity-60::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.6
}

.placeholder-opacity-60::-moz-placeholder {
    --tw-placeholder-opacity: 0.6
}

.placeholder-opacity-60::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6
}

.placeholder-opacity-60::placeholder {
    --tw-placeholder-opacity: 0.6
}

.placeholder-opacity-70::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.7
}

.placeholder-opacity-70::-moz-placeholder {
    --tw-placeholder-opacity: 0.7
}

.placeholder-opacity-70::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7
}

.placeholder-opacity-70::placeholder {
    --tw-placeholder-opacity: 0.7
}

.placeholder-opacity-75::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.75
}

.placeholder-opacity-75::-moz-placeholder {
    --tw-placeholder-opacity: 0.75
}

.placeholder-opacity-75::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75
}

.placeholder-opacity-75::placeholder {
    --tw-placeholder-opacity: 0.75
}

.placeholder-opacity-80::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.8
}

.placeholder-opacity-80::-moz-placeholder {
    --tw-placeholder-opacity: 0.8
}

.placeholder-opacity-80::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8
}

.placeholder-opacity-80::placeholder {
    --tw-placeholder-opacity: 0.8
}

.placeholder-opacity-90::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.9
}

.placeholder-opacity-90::-moz-placeholder {
    --tw-placeholder-opacity: 0.9
}

.placeholder-opacity-90::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9
}

.placeholder-opacity-90::placeholder {
    --tw-placeholder-opacity: 0.9
}

.placeholder-opacity-95::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.95
}

.placeholder-opacity-95::-moz-placeholder {
    --tw-placeholder-opacity: 0.95
}

.placeholder-opacity-95::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95
}

.placeholder-opacity-95::placeholder {
    --tw-placeholder-opacity: 0.95
}

.placeholder-opacity-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1
}

.placeholder-opacity-100::-moz-placeholder {
    --tw-placeholder-opacity: 1
}

.placeholder-opacity-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1
}

.placeholder-opacity-100::placeholder {
    --tw-placeholder-opacity: 1
}

.focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0
}

.focus\:placeholder-opacity-0:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0
}

.focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0
}

.focus\:placeholder-opacity-0:focus::placeholder {
    --tw-placeholder-opacity: 0
}

.focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.05
}

.focus\:placeholder-opacity-5:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.05
}

.focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05
}

.focus\:placeholder-opacity-5:focus::placeholder {
    --tw-placeholder-opacity: 0.05
}

.focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.1
}

.focus\:placeholder-opacity-10:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.1
}

.focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1
}

.focus\:placeholder-opacity-10:focus::placeholder {
    --tw-placeholder-opacity: 0.1
}

.focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.2
}

.focus\:placeholder-opacity-20:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.2
}

.focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2
}

.focus\:placeholder-opacity-20:focus::placeholder {
    --tw-placeholder-opacity: 0.2
}

.focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.25
}

.focus\:placeholder-opacity-25:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.25
}

.focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25
}

.focus\:placeholder-opacity-25:focus::placeholder {
    --tw-placeholder-opacity: 0.25
}

.focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.3
}

.focus\:placeholder-opacity-30:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.3
}

.focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3
}

.focus\:placeholder-opacity-30:focus::placeholder {
    --tw-placeholder-opacity: 0.3
}

.focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.4
}

.focus\:placeholder-opacity-40:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.4
}

.focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4
}

.focus\:placeholder-opacity-40:focus::placeholder {
    --tw-placeholder-opacity: 0.4
}

.focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.5
}

.focus\:placeholder-opacity-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.5
}

.focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5
}

.focus\:placeholder-opacity-50:focus::placeholder {
    --tw-placeholder-opacity: 0.5
}

.focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.6
}

.focus\:placeholder-opacity-60:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.6
}

.focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6
}

.focus\:placeholder-opacity-60:focus::placeholder {
    --tw-placeholder-opacity: 0.6
}

.focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.7
}

.focus\:placeholder-opacity-70:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.7
}

.focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7
}

.focus\:placeholder-opacity-70:focus::placeholder {
    --tw-placeholder-opacity: 0.7
}

.focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.75
}

.focus\:placeholder-opacity-75:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.75
}

.focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75
}

.focus\:placeholder-opacity-75:focus::placeholder {
    --tw-placeholder-opacity: 0.75
}

.focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.8
}

.focus\:placeholder-opacity-80:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.8
}

.focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8
}

.focus\:placeholder-opacity-80:focus::placeholder {
    --tw-placeholder-opacity: 0.8
}

.focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.9
}

.focus\:placeholder-opacity-90:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.9
}

.focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9
}

.focus\:placeholder-opacity-90:focus::placeholder {
    --tw-placeholder-opacity: 0.9
}

.focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.95
}

.focus\:placeholder-opacity-95:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.95
}

.focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95
}

.focus\:placeholder-opacity-95:focus::placeholder {
    --tw-placeholder-opacity: 0.95
}

.focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1
}

.focus\:placeholder-opacity-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1
}

.focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1
}

.focus\:placeholder-opacity-100:focus::placeholder {
    --tw-placeholder-opacity: 1
}

.group:hover .group-hover\:opacity-0 {
    opacity: 0
}

.group:hover .group-hover\:opacity-5 {
    opacity: .05
}

.group:hover .group-hover\:opacity-10 {
    opacity: .1
}

.group:hover .group-hover\:opacity-20 {
    opacity: .2
}

.group:hover .group-hover\:opacity-25 {
    opacity: .25
}

.group:hover .group-hover\:opacity-30 {
    opacity: .3
}

.group:hover .group-hover\:opacity-40 {
    opacity: .4
}

.group:hover .group-hover\:opacity-50 {
    opacity: .5
}

.group:hover .group-hover\:opacity-60 {
    opacity: .6
}

.group:hover .group-hover\:opacity-70 {
    opacity: .7
}

.group:hover .group-hover\:opacity-75 {
    opacity: .75
}

.group:hover .group-hover\:opacity-80 {
    opacity: .8
}

.group:hover .group-hover\:opacity-90 {
    opacity: .9
}

.group:hover .group-hover\:opacity-95 {
    opacity: .95
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.focus-within\:opacity-0:focus-within {
    opacity: 0
}

.focus-within\:opacity-5:focus-within {
    opacity: .05
}

.focus-within\:opacity-10:focus-within {
    opacity: .1
}

.focus-within\:opacity-20:focus-within {
    opacity: .2
}

.focus-within\:opacity-25:focus-within {
    opacity: .25
}

.focus-within\:opacity-30:focus-within {
    opacity: .3
}

.focus-within\:opacity-40:focus-within {
    opacity: .4
}

.focus-within\:opacity-50:focus-within {
    opacity: .5
}

.focus-within\:opacity-60:focus-within {
    opacity: .6
}

.focus-within\:opacity-70:focus-within {
    opacity: .7
}

.focus-within\:opacity-75:focus-within {
    opacity: .75
}

.focus-within\:opacity-80:focus-within {
    opacity: .8
}

.focus-within\:opacity-90:focus-within {
    opacity: .9
}

.focus-within\:opacity-95:focus-within {
    opacity: .95
}

.focus-within\:opacity-100:focus-within {
    opacity: 1
}

.hover\:opacity-0:hover {
    opacity: 0
}

.hover\:opacity-5:hover {
    opacity: .05
}

.hover\:opacity-10:hover {
    opacity: .1
}

.hover\:opacity-20:hover {
    opacity: .2
}

.hover\:opacity-25:hover {
    opacity: .25
}

.hover\:opacity-30:hover {
    opacity: .3
}

.hover\:opacity-40:hover {
    opacity: .4
}

.hover\:opacity-50:hover {
    opacity: .5
}

.hover\:opacity-60:hover {
    opacity: .6
}

.hover\:opacity-70:hover {
    opacity: .7
}

.hover\:opacity-75:hover {
    opacity: .75
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:opacity-90:hover {
    opacity: .9
}

.hover\:opacity-95:hover {
    opacity: .95
}

.hover\:opacity-100:hover {
    opacity: 1
}

.focus\:opacity-0:focus {
    opacity: 0
}

.focus\:opacity-5:focus {
    opacity: .05
}

.focus\:opacity-10:focus {
    opacity: .1
}

.focus\:opacity-20:focus {
    opacity: .2
}

.focus\:opacity-25:focus {
    opacity: .25
}

.focus\:opacity-30:focus {
    opacity: .3
}

.focus\:opacity-40:focus {
    opacity: .4
}

.focus\:opacity-50:focus {
    opacity: .5
}

.focus\:opacity-60:focus {
    opacity: .6
}

.focus\:opacity-70:focus {
    opacity: .7
}

.focus\:opacity-75:focus {
    opacity: .75
}

.focus\:opacity-80:focus {
    opacity: .8
}

.focus\:opacity-90:focus {
    opacity: .9
}

.focus\:opacity-95:focus {
    opacity: .95
}

.focus\:opacity-100:focus {
    opacity: 1
}

*,
:after,
:before {
    --tw-shadow: 0 0 transparent
}

.group:hover .group-hover\:shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
}

.group:hover .group-hover\:shadow,
.group:hover .group-hover\:shadow-sm {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.group:hover .group-hover\:shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
}

.group:hover .group-hover\:shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
}

.group:hover .group-hover\:shadow-lg,
.group:hover .group-hover\:shadow-md {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.group:hover .group-hover\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
}

.group:hover .group-hover\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
}

.group:hover .group-hover\:shadow-2xl,
.group:hover .group-hover\:shadow-xl {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.group:hover .group-hover\:shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
}

.group:hover .group-hover\:shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
}

.group:hover .group-hover\:shadow-inner,
.group:hover .group-hover\:shadow-none {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.group:hover .group-hover\:shadow-none {
    --tw-shadow: 0 0 transparent
}

.focus-within\:shadow-sm:focus-within {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus-within\:shadow:focus-within {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus-within\:shadow-md:focus-within {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus-within\:shadow-lg:focus-within {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus-within\:shadow-xl:focus-within {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus-within\:shadow-2xl:focus-within {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus-within\:shadow-inner:focus-within {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus-within\:shadow-none:focus-within {
    --tw-shadow: 0 0 transparent;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.hover\:shadow-sm:hover {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
}

.hover\:shadow-sm:hover,
.hover\:shadow:hover {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.hover\:shadow:hover {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
}

.hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
}

.hover\:shadow-lg:hover,
.hover\:shadow-md:hover {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
}

.hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
}

.hover\:shadow-2xl:hover,
.hover\:shadow-xl:hover {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
}

.hover\:shadow-inner:hover {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
}

.hover\:shadow-inner:hover,
.hover\:shadow-none:hover {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.hover\:shadow-none:hover {
    --tw-shadow: 0 0 transparent
}

.focus\:shadow-sm:focus {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
}

.focus\:shadow-sm:focus,
.focus\:shadow:focus {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus\:shadow:focus {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
}

.focus\:shadow-md:focus {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
}

.focus\:shadow-lg:focus,
.focus\:shadow-md:focus {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus\:shadow-lg:focus {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
}

.focus\:shadow-xl:focus {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
}

.focus\:shadow-2xl:focus,
.focus\:shadow-xl:focus {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus\:shadow-2xl:focus {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
}

.focus\:shadow-inner:focus {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
}

.focus\:shadow-inner:focus,
.focus\:shadow-none:focus {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus\:shadow-none:focus {
    --tw-shadow: 0 0 transparent
}

.focus-within\:outline-none:focus-within {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-within\:outline-white:focus-within {
    outline: 2px dotted #fff;
    outline-offset: 2px
}

.focus-within\:outline-black:focus-within {
    outline: 2px dotted #000;
    outline-offset: 2px
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:outline-white:focus {
    outline: 2px dotted #fff;
    outline-offset: 2px
}

.focus\:outline-black:focus {
    outline: 2px dotted #000;
    outline-offset: 2px
}

*,
:after,
:before {
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent
}

.focus-within\:ring-0:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus-within\:ring-1:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus-within\:ring-2:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus-within\:ring-4:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus-within\:ring-8:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus-within\:ring:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-0:focus,
.focus\:ring-1:focus {
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus\:ring-1:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-2:focus,
.focus\:ring-4:focus {
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus\:ring-4:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-8:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-8:focus,
.focus\:ring:focus {
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus\:ring:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus-within\:ring-inset:focus-within {
    --tw-ring-inset: inset
}

.focus\:ring-inset:focus {
    --tw-ring-inset: inset
}

.focus-within\:ring-transparent:focus-within {
    --tw-ring-color: transparent
}

.focus-within\:ring-current:focus-within {
    --tw-ring-color: currentColor
}

.focus-within\:ring-black:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
}

.focus-within\:ring-white:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
}

.focus-within\:ring-gray-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity))
}

.focus-within\:ring-gray-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity))
}

.focus-within\:ring-gray-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity))
}

.focus-within\:ring-gray-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity))
}

.focus-within\:ring-gray-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity))
}

.focus-within\:ring-gray-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity))
}

.focus-within\:ring-gray-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity))
}

.focus-within\:ring-gray-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity))
}

.focus-within\:ring-gray-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity))
}

.focus-within\:ring-gray-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity))
}

.focus-within\:ring-red-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity))
}

.focus-within\:ring-red-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity))
}

.focus-within\:ring-red-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity))
}

.focus-within\:ring-red-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity))
}

.focus-within\:ring-red-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity))
}

.focus-within\:ring-red-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity))
}

.focus-within\:ring-red-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity))
}

.focus-within\:ring-red-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity))
}

.focus-within\:ring-red-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity))
}

.focus-within\:ring-red-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity))
}

.focus-within\:ring-yellow-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity))
}

.focus-within\:ring-yellow-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity))
}

.focus-within\:ring-yellow-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity))
}

.focus-within\:ring-yellow-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity))
}

.focus-within\:ring-yellow-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity))
}

.focus-within\:ring-yellow-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity))
}

.focus-within\:ring-yellow-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity))
}

.focus-within\:ring-yellow-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity))
}

.focus-within\:ring-yellow-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity))
}

.focus-within\:ring-yellow-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity))
}

.focus-within\:ring-green-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity))
}

.focus-within\:ring-green-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity))
}

.focus-within\:ring-green-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity))
}

.focus-within\:ring-green-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity))
}

.focus-within\:ring-green-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity))
}

.focus-within\:ring-green-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity))
}

.focus-within\:ring-green-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity))
}

.focus-within\:ring-green-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity))
}

.focus-within\:ring-green-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity))
}

.focus-within\:ring-green-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity))
}

.focus-within\:ring-blue-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity))
}

.focus-within\:ring-blue-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity))
}

.focus-within\:ring-blue-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity))
}

.focus-within\:ring-blue-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity))
}

.focus-within\:ring-blue-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity))
}

.focus-within\:ring-blue-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity))
}

.focus-within\:ring-blue-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity))
}

.focus-within\:ring-blue-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity))
}

.focus-within\:ring-blue-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity))
}

.focus-within\:ring-blue-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity))
}

.focus-within\:ring-indigo-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity))
}

.focus-within\:ring-indigo-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity))
}

.focus-within\:ring-indigo-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity))
}

.focus-within\:ring-indigo-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity))
}

.focus-within\:ring-indigo-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity))
}

.focus-within\:ring-indigo-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity))
}

.focus-within\:ring-indigo-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity))
}

.focus-within\:ring-indigo-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity))
}

.focus-within\:ring-indigo-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity))
}

.focus-within\:ring-indigo-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity))
}

.focus-within\:ring-purple-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity))
}

.focus-within\:ring-purple-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity))
}

.focus-within\:ring-purple-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity))
}

.focus-within\:ring-purple-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity))
}

.focus-within\:ring-purple-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity))
}

.focus-within\:ring-purple-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity))
}

.focus-within\:ring-purple-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity))
}

.focus-within\:ring-purple-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity))
}

.focus-within\:ring-purple-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity))
}

.focus-within\:ring-purple-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity))
}

.focus-within\:ring-pink-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity))
}

.focus-within\:ring-pink-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity))
}

.focus-within\:ring-pink-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity))
}

.focus-within\:ring-pink-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity))
}

.focus-within\:ring-pink-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity))
}

.focus-within\:ring-pink-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity))
}

.focus-within\:ring-pink-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity))
}

.focus-within\:ring-pink-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity))
}

.focus-within\:ring-pink-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity))
}

.focus-within\:ring-pink-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity))
}

.focus-within\:ring-primary:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(26, 185, 56, var(--tw-ring-opacity))
}

.focus-within\:ring-orange:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 171, 90, var(--tw-ring-opacity))
}

.focus-within\:ring-danger:focus-within {
    --tw-ring-color: #c75d5d
}

.focus\:ring-transparent:focus {
    --tw-ring-color: transparent
}

.focus\:ring-current:focus {
    --tw-ring-color: currentColor
}

.focus\:ring-black:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
}

.focus\:ring-white:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
}

.focus\:ring-gray-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity))
}

.focus\:ring-gray-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity))
}

.focus\:ring-gray-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity))
}

.focus\:ring-gray-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity))
}

.focus\:ring-gray-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity))
}

.focus\:ring-gray-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity))
}

.focus\:ring-gray-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity))
}

.focus\:ring-gray-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity))
}

.focus\:ring-gray-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity))
}

.focus\:ring-gray-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity))
}

.focus\:ring-red-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity))
}

.focus\:ring-red-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity))
}

.focus\:ring-red-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity))
}

.focus\:ring-red-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity))
}

.focus\:ring-red-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity))
}

.focus\:ring-red-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity))
}

.focus\:ring-red-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity))
}

.focus\:ring-red-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity))
}

.focus\:ring-red-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity))
}

.focus\:ring-red-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity))
}

.focus\:ring-yellow-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity))
}

.focus\:ring-yellow-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity))
}

.focus\:ring-yellow-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity))
}

.focus\:ring-yellow-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity))
}

.focus\:ring-yellow-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity))
}

.focus\:ring-yellow-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity))
}

.focus\:ring-yellow-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity))
}

.focus\:ring-yellow-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity))
}

.focus\:ring-yellow-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity))
}

.focus\:ring-yellow-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity))
}

.focus\:ring-green-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity))
}

.focus\:ring-green-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity))
}

.focus\:ring-green-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity))
}

.focus\:ring-green-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity))
}

.focus\:ring-green-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity))
}

.focus\:ring-green-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity))
}

.focus\:ring-green-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity))
}

.focus\:ring-green-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity))
}

.focus\:ring-green-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity))
}

.focus\:ring-green-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity))
}

.focus\:ring-blue-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity))
}

.focus\:ring-blue-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity))
}

.focus\:ring-blue-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity))
}

.focus\:ring-blue-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity))
}

.focus\:ring-blue-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity))
}

.focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity))
}

.focus\:ring-blue-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity))
}

.focus\:ring-blue-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity))
}

.focus\:ring-blue-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity))
}

.focus\:ring-blue-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity))
}

.focus\:ring-indigo-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity))
}

.focus\:ring-indigo-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity))
}

.focus\:ring-indigo-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity))
}

.focus\:ring-indigo-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity))
}

.focus\:ring-indigo-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity))
}

.focus\:ring-indigo-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity))
}

.focus\:ring-indigo-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity))
}

.focus\:ring-indigo-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity))
}

.focus\:ring-indigo-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity))
}

.focus\:ring-indigo-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity))
}

.focus\:ring-purple-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity))
}

.focus\:ring-purple-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity))
}

.focus\:ring-purple-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity))
}

.focus\:ring-purple-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity))
}

.focus\:ring-purple-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity))
}

.focus\:ring-purple-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity))
}

.focus\:ring-purple-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity))
}

.focus\:ring-purple-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity))
}

.focus\:ring-purple-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity))
}

.focus\:ring-purple-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity))
}

.focus\:ring-pink-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity))
}

.focus\:ring-pink-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity))
}

.focus\:ring-pink-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity))
}

.focus\:ring-pink-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity))
}

.focus\:ring-pink-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity))
}

.focus\:ring-pink-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity))
}

.focus\:ring-pink-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity))
}

.focus\:ring-pink-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity))
}

.focus\:ring-pink-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity))
}

.focus\:ring-pink-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity))
}

.focus\:ring-primary:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(26, 185, 56, var(--tw-ring-opacity))
}

.focus\:ring-orange:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 171, 90, var(--tw-ring-opacity))
}

.focus\:ring-danger:focus {
    --tw-ring-color: #c75d5d
}

.focus-within\:ring-opacity-0:focus-within {
    --tw-ring-opacity: 0
}

.focus-within\:ring-opacity-5:focus-within {
    --tw-ring-opacity: 0.05
}

.focus-within\:ring-opacity-10:focus-within {
    --tw-ring-opacity: 0.1
}

.focus-within\:ring-opacity-20:focus-within {
    --tw-ring-opacity: 0.2
}

.focus-within\:ring-opacity-25:focus-within {
    --tw-ring-opacity: 0.25
}

.focus-within\:ring-opacity-30:focus-within {
    --tw-ring-opacity: 0.3
}

.focus-within\:ring-opacity-40:focus-within {
    --tw-ring-opacity: 0.4
}

.focus-within\:ring-opacity-50:focus-within {
    --tw-ring-opacity: 0.5
}

.focus-within\:ring-opacity-60:focus-within {
    --tw-ring-opacity: 0.6
}

.focus-within\:ring-opacity-70:focus-within {
    --tw-ring-opacity: 0.7
}

.focus-within\:ring-opacity-75:focus-within {
    --tw-ring-opacity: 0.75
}

.focus-within\:ring-opacity-80:focus-within {
    --tw-ring-opacity: 0.8
}

.focus-within\:ring-opacity-90:focus-within {
    --tw-ring-opacity: 0.9
}

.focus-within\:ring-opacity-95:focus-within {
    --tw-ring-opacity: 0.95
}

.focus-within\:ring-opacity-100:focus-within {
    --tw-ring-opacity: 1
}

.focus\:ring-opacity-0:focus {
    --tw-ring-opacity: 0
}

.focus\:ring-opacity-5:focus {
    --tw-ring-opacity: 0.05
}

.focus\:ring-opacity-10:focus {
    --tw-ring-opacity: 0.1
}

.focus\:ring-opacity-20:focus {
    --tw-ring-opacity: 0.2
}

.focus\:ring-opacity-25:focus {
    --tw-ring-opacity: 0.25
}

.focus\:ring-opacity-30:focus {
    --tw-ring-opacity: 0.3
}

.focus\:ring-opacity-40:focus {
    --tw-ring-opacity: 0.4
}

.focus\:ring-opacity-50:focus {
    --tw-ring-opacity: 0.5
}

.focus\:ring-opacity-60:focus {
    --tw-ring-opacity: 0.6
}

.focus\:ring-opacity-70:focus {
    --tw-ring-opacity: 0.7
}

.focus\:ring-opacity-75:focus {
    --tw-ring-opacity: 0.75
}

.focus\:ring-opacity-80:focus {
    --tw-ring-opacity: 0.8
}

.focus\:ring-opacity-90:focus {
    --tw-ring-opacity: 0.9
}

.focus\:ring-opacity-95:focus {
    --tw-ring-opacity: 0.95
}

.focus\:ring-opacity-100:focus {
    --tw-ring-opacity: 1
}

.focus-within\:ring-offset-0:focus-within {
    --tw-ring-offset-width: 0px
}

.focus-within\:ring-offset-1:focus-within {
    --tw-ring-offset-width: 1px
}

.focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px
}

.focus-within\:ring-offset-4:focus-within {
    --tw-ring-offset-width: 4px
}

.focus-within\:ring-offset-8:focus-within {
    --tw-ring-offset-width: 8px
}

.focus\:ring-offset-0:focus {
    --tw-ring-offset-width: 0px
}

.focus\:ring-offset-1:focus {
    --tw-ring-offset-width: 1px
}

.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px
}

.focus\:ring-offset-4:focus {
    --tw-ring-offset-width: 4px
}

.focus\:ring-offset-8:focus {
    --tw-ring-offset-width: 8px
}

.focus-within\:ring-offset-transparent:focus-within {
    --tw-ring-offset-color: transparent
}

.focus-within\:ring-offset-current:focus-within {
    --tw-ring-offset-color: currentColor
}

.focus-within\:ring-offset-black:focus-within {
    --tw-ring-offset-color: #000
}

.focus-within\:ring-offset-white:focus-within {
    --tw-ring-offset-color: #fff
}

.focus-within\:ring-offset-gray-50:focus-within {
    --tw-ring-offset-color: #f9fafb
}

.focus-within\:ring-offset-gray-100:focus-within {
    --tw-ring-offset-color: #f3f4f6
}

.focus-within\:ring-offset-gray-200:focus-within {
    --tw-ring-offset-color: #e5e7eb
}

.focus-within\:ring-offset-gray-300:focus-within {
    --tw-ring-offset-color: #d1d5db
}

.focus-within\:ring-offset-gray-400:focus-within {
    --tw-ring-offset-color: #9ca3af
}

.focus-within\:ring-offset-gray-500:focus-within {
    --tw-ring-offset-color: #6b7280
}

.focus-within\:ring-offset-gray-600:focus-within {
    --tw-ring-offset-color: #4b5563
}

.focus-within\:ring-offset-gray-700:focus-within {
    --tw-ring-offset-color: #374151
}

.focus-within\:ring-offset-gray-800:focus-within {
    --tw-ring-offset-color: #1f2937
}

.focus-within\:ring-offset-gray-900:focus-within {
    --tw-ring-offset-color: #111827
}

.focus-within\:ring-offset-red-50:focus-within {
    --tw-ring-offset-color: #fef2f2
}

.focus-within\:ring-offset-red-100:focus-within {
    --tw-ring-offset-color: #fee2e2
}

.focus-within\:ring-offset-red-200:focus-within {
    --tw-ring-offset-color: #fecaca
}

.focus-within\:ring-offset-red-300:focus-within {
    --tw-ring-offset-color: #fca5a5
}

.focus-within\:ring-offset-red-400:focus-within {
    --tw-ring-offset-color: #f87171
}

.focus-within\:ring-offset-red-500:focus-within {
    --tw-ring-offset-color: #ef4444
}

.focus-within\:ring-offset-red-600:focus-within {
    --tw-ring-offset-color: #dc2626
}

.focus-within\:ring-offset-red-700:focus-within {
    --tw-ring-offset-color: #b91c1c
}

.focus-within\:ring-offset-red-800:focus-within {
    --tw-ring-offset-color: #991b1b
}

.focus-within\:ring-offset-red-900:focus-within {
    --tw-ring-offset-color: #7f1d1d
}

.focus-within\:ring-offset-yellow-50:focus-within {
    --tw-ring-offset-color: #fffbeb
}

.focus-within\:ring-offset-yellow-100:focus-within {
    --tw-ring-offset-color: #fef3c7
}

.focus-within\:ring-offset-yellow-200:focus-within {
    --tw-ring-offset-color: #fde68a
}

.focus-within\:ring-offset-yellow-300:focus-within {
    --tw-ring-offset-color: #fcd34d
}

.focus-within\:ring-offset-yellow-400:focus-within {
    --tw-ring-offset-color: #fbbf24
}

.focus-within\:ring-offset-yellow-500:focus-within {
    --tw-ring-offset-color: #f59e0b
}

.focus-within\:ring-offset-yellow-600:focus-within {
    --tw-ring-offset-color: #d97706
}

.focus-within\:ring-offset-yellow-700:focus-within {
    --tw-ring-offset-color: #b45309
}

.focus-within\:ring-offset-yellow-800:focus-within {
    --tw-ring-offset-color: #92400e
}

.focus-within\:ring-offset-yellow-900:focus-within {
    --tw-ring-offset-color: #78350f
}

.focus-within\:ring-offset-green-50:focus-within {
    --tw-ring-offset-color: #ecfdf5
}

.focus-within\:ring-offset-green-100:focus-within {
    --tw-ring-offset-color: #d1fae5
}

.focus-within\:ring-offset-green-200:focus-within {
    --tw-ring-offset-color: #a7f3d0
}

.focus-within\:ring-offset-green-300:focus-within {
    --tw-ring-offset-color: #6ee7b7
}

.focus-within\:ring-offset-green-400:focus-within {
    --tw-ring-offset-color: #34d399
}

.focus-within\:ring-offset-green-500:focus-within {
    --tw-ring-offset-color: #10b981
}

.focus-within\:ring-offset-green-600:focus-within {
    --tw-ring-offset-color: #059669
}

.focus-within\:ring-offset-green-700:focus-within {
    --tw-ring-offset-color: #047857
}

.focus-within\:ring-offset-green-800:focus-within {
    --tw-ring-offset-color: #065f46
}

.focus-within\:ring-offset-green-900:focus-within {
    --tw-ring-offset-color: #064e3b
}

.focus-within\:ring-offset-blue-50:focus-within {
    --tw-ring-offset-color: #eff6ff
}

.focus-within\:ring-offset-blue-100:focus-within {
    --tw-ring-offset-color: #dbeafe
}

.focus-within\:ring-offset-blue-200:focus-within {
    --tw-ring-offset-color: #bfdbfe
}

.focus-within\:ring-offset-blue-300:focus-within {
    --tw-ring-offset-color: #93c5fd
}

.focus-within\:ring-offset-blue-400:focus-within {
    --tw-ring-offset-color: #60a5fa
}

.focus-within\:ring-offset-blue-500:focus-within {
    --tw-ring-offset-color: #3b82f6
}

.focus-within\:ring-offset-blue-600:focus-within {
    --tw-ring-offset-color: #2563eb
}

.focus-within\:ring-offset-blue-700:focus-within {
    --tw-ring-offset-color: #1d4ed8
}

.focus-within\:ring-offset-blue-800:focus-within {
    --tw-ring-offset-color: #1e40af
}

.focus-within\:ring-offset-blue-900:focus-within {
    --tw-ring-offset-color: #1e3a8a
}

.focus-within\:ring-offset-indigo-50:focus-within {
    --tw-ring-offset-color: #eef2ff
}

.focus-within\:ring-offset-indigo-100:focus-within {
    --tw-ring-offset-color: #e0e7ff
}

.focus-within\:ring-offset-indigo-200:focus-within {
    --tw-ring-offset-color: #c7d2fe
}

.focus-within\:ring-offset-indigo-300:focus-within {
    --tw-ring-offset-color: #a5b4fc
}

.focus-within\:ring-offset-indigo-400:focus-within {
    --tw-ring-offset-color: #818cf8
}

.focus-within\:ring-offset-indigo-500:focus-within {
    --tw-ring-offset-color: #6366f1
}

.focus-within\:ring-offset-indigo-600:focus-within {
    --tw-ring-offset-color: #4f46e5
}

.focus-within\:ring-offset-indigo-700:focus-within {
    --tw-ring-offset-color: #4338ca
}

.focus-within\:ring-offset-indigo-800:focus-within {
    --tw-ring-offset-color: #3730a3
}

.focus-within\:ring-offset-indigo-900:focus-within {
    --tw-ring-offset-color: #312e81
}

.focus-within\:ring-offset-purple-50:focus-within {
    --tw-ring-offset-color: #f5f3ff
}

.focus-within\:ring-offset-purple-100:focus-within {
    --tw-ring-offset-color: #ede9fe
}

.focus-within\:ring-offset-purple-200:focus-within {
    --tw-ring-offset-color: #ddd6fe
}

.focus-within\:ring-offset-purple-300:focus-within {
    --tw-ring-offset-color: #c4b5fd
}

.focus-within\:ring-offset-purple-400:focus-within {
    --tw-ring-offset-color: #a78bfa
}

.focus-within\:ring-offset-purple-500:focus-within {
    --tw-ring-offset-color: #8b5cf6
}

.focus-within\:ring-offset-purple-600:focus-within {
    --tw-ring-offset-color: #7c3aed
}

.focus-within\:ring-offset-purple-700:focus-within {
    --tw-ring-offset-color: #6d28d9
}

.focus-within\:ring-offset-purple-800:focus-within {
    --tw-ring-offset-color: #5b21b6
}

.focus-within\:ring-offset-purple-900:focus-within {
    --tw-ring-offset-color: #4c1d95
}

.focus-within\:ring-offset-pink-50:focus-within {
    --tw-ring-offset-color: #fdf2f8
}

.focus-within\:ring-offset-pink-100:focus-within {
    --tw-ring-offset-color: #fce7f3
}

.focus-within\:ring-offset-pink-200:focus-within {
    --tw-ring-offset-color: #fbcfe8
}

.focus-within\:ring-offset-pink-300:focus-within {
    --tw-ring-offset-color: #f9a8d4
}

.focus-within\:ring-offset-pink-400:focus-within {
    --tw-ring-offset-color: #f472b6
}

.focus-within\:ring-offset-pink-500:focus-within {
    --tw-ring-offset-color: #ec4899
}

.focus-within\:ring-offset-pink-600:focus-within {
    --tw-ring-offset-color: #db2777
}

.focus-within\:ring-offset-pink-700:focus-within {
    --tw-ring-offset-color: #be185d
}

.focus-within\:ring-offset-pink-800:focus-within {
    --tw-ring-offset-color: #9d174d
}

.focus-within\:ring-offset-pink-900:focus-within {
    --tw-ring-offset-color: #831843
}

.focus-within\:ring-offset-primary:focus-within {
    --tw-ring-offset-color: #1ab938
}

.focus-within\:ring-offset-orange:focus-within {
    --tw-ring-offset-color: #fdab5a
}

.focus-within\:ring-offset-danger:focus-within {
    --tw-ring-offset-color: #c75d5d
}

.focus\:ring-offset-transparent:focus {
    --tw-ring-offset-color: transparent
}

.focus\:ring-offset-current:focus {
    --tw-ring-offset-color: currentColor
}

.focus\:ring-offset-black:focus {
    --tw-ring-offset-color: #000
}

.focus\:ring-offset-white:focus {
    --tw-ring-offset-color: #fff
}

.focus\:ring-offset-gray-50:focus {
    --tw-ring-offset-color: #f9fafb
}

.focus\:ring-offset-gray-100:focus {
    --tw-ring-offset-color: #f3f4f6
}

.focus\:ring-offset-gray-200:focus {
    --tw-ring-offset-color: #e5e7eb
}

.focus\:ring-offset-gray-300:focus {
    --tw-ring-offset-color: #d1d5db
}

.focus\:ring-offset-gray-400:focus {
    --tw-ring-offset-color: #9ca3af
}

.focus\:ring-offset-gray-500:focus {
    --tw-ring-offset-color: #6b7280
}

.focus\:ring-offset-gray-600:focus {
    --tw-ring-offset-color: #4b5563
}

.focus\:ring-offset-gray-700:focus {
    --tw-ring-offset-color: #374151
}

.focus\:ring-offset-gray-800:focus {
    --tw-ring-offset-color: #1f2937
}

.focus\:ring-offset-gray-900:focus {
    --tw-ring-offset-color: #111827
}

.focus\:ring-offset-red-50:focus {
    --tw-ring-offset-color: #fef2f2
}

.focus\:ring-offset-red-100:focus {
    --tw-ring-offset-color: #fee2e2
}

.focus\:ring-offset-red-200:focus {
    --tw-ring-offset-color: #fecaca
}

.focus\:ring-offset-red-300:focus {
    --tw-ring-offset-color: #fca5a5
}

.focus\:ring-offset-red-400:focus {
    --tw-ring-offset-color: #f87171
}

.focus\:ring-offset-red-500:focus {
    --tw-ring-offset-color: #ef4444
}

.focus\:ring-offset-red-600:focus {
    --tw-ring-offset-color: #dc2626
}

.focus\:ring-offset-red-700:focus {
    --tw-ring-offset-color: #b91c1c
}

.focus\:ring-offset-red-800:focus {
    --tw-ring-offset-color: #991b1b
}

.focus\:ring-offset-red-900:focus {
    --tw-ring-offset-color: #7f1d1d
}

.focus\:ring-offset-yellow-50:focus {
    --tw-ring-offset-color: #fffbeb
}

.focus\:ring-offset-yellow-100:focus {
    --tw-ring-offset-color: #fef3c7
}

.focus\:ring-offset-yellow-200:focus {
    --tw-ring-offset-color: #fde68a
}

.focus\:ring-offset-yellow-300:focus {
    --tw-ring-offset-color: #fcd34d
}

.focus\:ring-offset-yellow-400:focus {
    --tw-ring-offset-color: #fbbf24
}

.focus\:ring-offset-yellow-500:focus {
    --tw-ring-offset-color: #f59e0b
}

.focus\:ring-offset-yellow-600:focus {
    --tw-ring-offset-color: #d97706
}

.focus\:ring-offset-yellow-700:focus {
    --tw-ring-offset-color: #b45309
}

.focus\:ring-offset-yellow-800:focus {
    --tw-ring-offset-color: #92400e
}

.focus\:ring-offset-yellow-900:focus {
    --tw-ring-offset-color: #78350f
}

.focus\:ring-offset-green-50:focus {
    --tw-ring-offset-color: #ecfdf5
}

.focus\:ring-offset-green-100:focus {
    --tw-ring-offset-color: #d1fae5
}

.focus\:ring-offset-green-200:focus {
    --tw-ring-offset-color: #a7f3d0
}

.focus\:ring-offset-green-300:focus {
    --tw-ring-offset-color: #6ee7b7
}

.focus\:ring-offset-green-400:focus {
    --tw-ring-offset-color: #34d399
}

.focus\:ring-offset-green-500:focus {
    --tw-ring-offset-color: #10b981
}

.focus\:ring-offset-green-600:focus {
    --tw-ring-offset-color: #059669
}

.focus\:ring-offset-green-700:focus {
    --tw-ring-offset-color: #047857
}

.focus\:ring-offset-green-800:focus {
    --tw-ring-offset-color: #065f46
}

.focus\:ring-offset-green-900:focus {
    --tw-ring-offset-color: #064e3b
}

.focus\:ring-offset-blue-50:focus {
    --tw-ring-offset-color: #eff6ff
}

.focus\:ring-offset-blue-100:focus {
    --tw-ring-offset-color: #dbeafe
}

.focus\:ring-offset-blue-200:focus {
    --tw-ring-offset-color: #bfdbfe
}

.focus\:ring-offset-blue-300:focus {
    --tw-ring-offset-color: #93c5fd
}

.focus\:ring-offset-blue-400:focus {
    --tw-ring-offset-color: #60a5fa
}

.focus\:ring-offset-blue-500:focus {
    --tw-ring-offset-color: #3b82f6
}

.focus\:ring-offset-blue-600:focus {
    --tw-ring-offset-color: #2563eb
}

.focus\:ring-offset-blue-700:focus {
    --tw-ring-offset-color: #1d4ed8
}

.focus\:ring-offset-blue-800:focus {
    --tw-ring-offset-color: #1e40af
}

.focus\:ring-offset-blue-900:focus {
    --tw-ring-offset-color: #1e3a8a
}

.focus\:ring-offset-indigo-50:focus {
    --tw-ring-offset-color: #eef2ff
}

.focus\:ring-offset-indigo-100:focus {
    --tw-ring-offset-color: #e0e7ff
}

.focus\:ring-offset-indigo-200:focus {
    --tw-ring-offset-color: #c7d2fe
}

.focus\:ring-offset-indigo-300:focus {
    --tw-ring-offset-color: #a5b4fc
}

.focus\:ring-offset-indigo-400:focus {
    --tw-ring-offset-color: #818cf8
}

.focus\:ring-offset-indigo-500:focus {
    --tw-ring-offset-color: #6366f1
}

.focus\:ring-offset-indigo-600:focus {
    --tw-ring-offset-color: #4f46e5
}

.focus\:ring-offset-indigo-700:focus {
    --tw-ring-offset-color: #4338ca
}

.focus\:ring-offset-indigo-800:focus {
    --tw-ring-offset-color: #3730a3
}

.focus\:ring-offset-indigo-900:focus {
    --tw-ring-offset-color: #312e81
}

.focus\:ring-offset-purple-50:focus {
    --tw-ring-offset-color: #f5f3ff
}

.focus\:ring-offset-purple-100:focus {
    --tw-ring-offset-color: #ede9fe
}

.focus\:ring-offset-purple-200:focus {
    --tw-ring-offset-color: #ddd6fe
}

.focus\:ring-offset-purple-300:focus {
    --tw-ring-offset-color: #c4b5fd
}

.focus\:ring-offset-purple-400:focus {
    --tw-ring-offset-color: #a78bfa
}

.focus\:ring-offset-purple-500:focus {
    --tw-ring-offset-color: #8b5cf6
}

.focus\:ring-offset-purple-600:focus {
    --tw-ring-offset-color: #7c3aed
}

.focus\:ring-offset-purple-700:focus {
    --tw-ring-offset-color: #6d28d9
}

.focus\:ring-offset-purple-800:focus {
    --tw-ring-offset-color: #5b21b6
}

.focus\:ring-offset-purple-900:focus {
    --tw-ring-offset-color: #4c1d95
}

.focus\:ring-offset-pink-50:focus {
    --tw-ring-offset-color: #fdf2f8
}

.focus\:ring-offset-pink-100:focus {
    --tw-ring-offset-color: #fce7f3
}

.focus\:ring-offset-pink-200:focus {
    --tw-ring-offset-color: #fbcfe8
}

.focus\:ring-offset-pink-300:focus {
    --tw-ring-offset-color: #f9a8d4
}

.focus\:ring-offset-pink-400:focus {
    --tw-ring-offset-color: #f472b6
}

.focus\:ring-offset-pink-500:focus {
    --tw-ring-offset-color: #ec4899
}

.focus\:ring-offset-pink-600:focus {
    --tw-ring-offset-color: #db2777
}

.focus\:ring-offset-pink-700:focus {
    --tw-ring-offset-color: #be185d
}

.focus\:ring-offset-pink-800:focus {
    --tw-ring-offset-color: #9d174d
}

.focus\:ring-offset-pink-900:focus {
    --tw-ring-offset-color: #831843
}

.focus\:ring-offset-primary:focus {
    --tw-ring-offset-color: #1ab938
}

.focus\:ring-offset-orange:focus {
    --tw-ring-offset-color: #fdab5a
}

.focus\:ring-offset-danger:focus {
    --tw-ring-offset-color: #c75d5d
}

@media (min-width:640px) {
    .sm\:focus-within\:sr-only:focus-within {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    .sm\:focus-within\:not-sr-only:focus-within {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .sm\:focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    .sm\:focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .sm\:focus-within\:z-0:focus-within {
        z-index: 0
    }

    .sm\:focus-within\:z-10:focus-within {
        z-index: 10
    }

    .sm\:focus-within\:z-20:focus-within {
        z-index: 20
    }

    .sm\:focus-within\:z-30:focus-within {
        z-index: 30
    }

    .sm\:focus-within\:z-40:focus-within {
        z-index: 40
    }

    .sm\:focus-within\:z-50:focus-within {
        z-index: 50
    }

    .sm\:focus-within\:z-auto:focus-within {
        z-index: auto
    }

    .sm\:focus\:z-0:focus {
        z-index: 0
    }

    .sm\:focus\:z-10:focus {
        z-index: 10
    }

    .sm\:focus\:z-20:focus {
        z-index: 20
    }

    .sm\:focus\:z-30:focus {
        z-index: 30
    }

    .sm\:focus\:z-40:focus {
        z-index: 40
    }

    .sm\:focus\:z-50:focus {
        z-index: 50
    }

    .sm\:focus\:z-auto:focus {
        z-index: auto
    }

    .sm\:hover\:translate-x-0:hover {
        --tw-translate-x: 0px
    }

    .sm\:hover\:translate-x-1:hover {
        --tw-translate-x: 0.25rem
    }

    .sm\:hover\:translate-x-2:hover {
        --tw-translate-x: 0.5rem
    }

    .sm\:hover\:translate-x-3:hover {
        --tw-translate-x: 0.75rem
    }

    .sm\:hover\:translate-x-4:hover {
        --tw-translate-x: 1rem
    }

    .sm\:hover\:translate-x-5:hover {
        --tw-translate-x: 1.25rem
    }

    .sm\:hover\:translate-x-6:hover {
        --tw-translate-x: 1.5rem
    }

    .sm\:hover\:translate-x-7:hover {
        --tw-translate-x: 1.75rem
    }

    .sm\:hover\:translate-x-8:hover {
        --tw-translate-x: 2rem
    }

    .sm\:hover\:translate-x-9:hover {
        --tw-translate-x: 2.25rem
    }

    .sm\:hover\:translate-x-10:hover {
        --tw-translate-x: 2.5rem
    }

    .sm\:hover\:translate-x-11:hover {
        --tw-translate-x: 2.75rem
    }

    .sm\:hover\:translate-x-12:hover {
        --tw-translate-x: 3rem
    }

    .sm\:hover\:translate-x-14:hover {
        --tw-translate-x: 3.5rem
    }

    .sm\:hover\:translate-x-16:hover {
        --tw-translate-x: 4rem
    }

    .sm\:hover\:translate-x-20:hover {
        --tw-translate-x: 5rem
    }

    .sm\:hover\:translate-x-24:hover {
        --tw-translate-x: 6rem
    }

    .sm\:hover\:translate-x-28:hover {
        --tw-translate-x: 7rem
    }

    .sm\:hover\:translate-x-32:hover {
        --tw-translate-x: 8rem
    }

    .sm\:hover\:translate-x-36:hover {
        --tw-translate-x: 9rem
    }

    .sm\:hover\:translate-x-40:hover {
        --tw-translate-x: 10rem
    }

    .sm\:hover\:translate-x-44:hover {
        --tw-translate-x: 11rem
    }

    .sm\:hover\:translate-x-48:hover {
        --tw-translate-x: 12rem
    }

    .sm\:hover\:translate-x-52:hover {
        --tw-translate-x: 13rem
    }

    .sm\:hover\:translate-x-56:hover {
        --tw-translate-x: 14rem
    }

    .sm\:hover\:translate-x-60:hover {
        --tw-translate-x: 15rem
    }

    .sm\:hover\:translate-x-64:hover {
        --tw-translate-x: 16rem
    }

    .sm\:hover\:translate-x-72:hover {
        --tw-translate-x: 18rem
    }

    .sm\:hover\:translate-x-80:hover {
        --tw-translate-x: 20rem
    }

    .sm\:hover\:translate-x-96:hover {
        --tw-translate-x: 24rem
    }

    .sm\:hover\:translate-x-px:hover {
        --tw-translate-x: 1px
    }

    .sm\:hover\:translate-x-0\.5:hover {
        --tw-translate-x: 0.125rem
    }

    .sm\:hover\:translate-x-1\.5:hover {
        --tw-translate-x: 0.375rem
    }

    .sm\:hover\:translate-x-2\.5:hover {
        --tw-translate-x: 0.625rem
    }

    .sm\:hover\:translate-x-3\.5:hover {
        --tw-translate-x: 0.875rem
    }

    .sm\:hover\:-translate-x-0:hover {
        --tw-translate-x: 0px
    }

    .sm\:hover\:-translate-x-1:hover {
        --tw-translate-x: -0.25rem
    }

    .sm\:hover\:-translate-x-2:hover {
        --tw-translate-x: -0.5rem
    }

    .sm\:hover\:-translate-x-3:hover {
        --tw-translate-x: -0.75rem
    }

    .sm\:hover\:-translate-x-4:hover {
        --tw-translate-x: -1rem
    }

    .sm\:hover\:-translate-x-5:hover {
        --tw-translate-x: -1.25rem
    }

    .sm\:hover\:-translate-x-6:hover {
        --tw-translate-x: -1.5rem
    }

    .sm\:hover\:-translate-x-7:hover {
        --tw-translate-x: -1.75rem
    }

    .sm\:hover\:-translate-x-8:hover {
        --tw-translate-x: -2rem
    }

    .sm\:hover\:-translate-x-9:hover {
        --tw-translate-x: -2.25rem
    }

    .sm\:hover\:-translate-x-10:hover {
        --tw-translate-x: -2.5rem
    }

    .sm\:hover\:-translate-x-11:hover {
        --tw-translate-x: -2.75rem
    }

    .sm\:hover\:-translate-x-12:hover {
        --tw-translate-x: -3rem
    }

    .sm\:hover\:-translate-x-14:hover {
        --tw-translate-x: -3.5rem
    }

    .sm\:hover\:-translate-x-16:hover {
        --tw-translate-x: -4rem
    }

    .sm\:hover\:-translate-x-20:hover {
        --tw-translate-x: -5rem
    }

    .sm\:hover\:-translate-x-24:hover {
        --tw-translate-x: -6rem
    }

    .sm\:hover\:-translate-x-28:hover {
        --tw-translate-x: -7rem
    }

    .sm\:hover\:-translate-x-32:hover {
        --tw-translate-x: -8rem
    }

    .sm\:hover\:-translate-x-36:hover {
        --tw-translate-x: -9rem
    }

    .sm\:hover\:-translate-x-40:hover {
        --tw-translate-x: -10rem
    }

    .sm\:hover\:-translate-x-44:hover {
        --tw-translate-x: -11rem
    }

    .sm\:hover\:-translate-x-48:hover {
        --tw-translate-x: -12rem
    }

    .sm\:hover\:-translate-x-52:hover {
        --tw-translate-x: -13rem
    }

    .sm\:hover\:-translate-x-56:hover {
        --tw-translate-x: -14rem
    }

    .sm\:hover\:-translate-x-60:hover {
        --tw-translate-x: -15rem
    }

    .sm\:hover\:-translate-x-64:hover {
        --tw-translate-x: -16rem
    }

    .sm\:hover\:-translate-x-72:hover {
        --tw-translate-x: -18rem
    }

    .sm\:hover\:-translate-x-80:hover {
        --tw-translate-x: -20rem
    }

    .sm\:hover\:-translate-x-96:hover {
        --tw-translate-x: -24rem
    }

    .sm\:hover\:-translate-x-px:hover {
        --tw-translate-x: -1px
    }

    .sm\:hover\:-translate-x-0\.5:hover {
        --tw-translate-x: -0.125rem
    }

    .sm\:hover\:-translate-x-1\.5:hover {
        --tw-translate-x: -0.375rem
    }

    .sm\:hover\:-translate-x-2\.5:hover {
        --tw-translate-x: -0.625rem
    }

    .sm\:hover\:-translate-x-3\.5:hover {
        --tw-translate-x: -0.875rem
    }

    .sm\:hover\:translate-x-1\/2:hover {
        --tw-translate-x: 50%
    }

    .sm\:hover\:translate-x-1\/3:hover {
        --tw-translate-x: 33.333333%
    }

    .sm\:hover\:translate-x-2\/3:hover {
        --tw-translate-x: 66.666667%
    }

    .sm\:hover\:translate-x-1\/4:hover {
        --tw-translate-x: 25%
    }

    .sm\:hover\:translate-x-2\/4:hover {
        --tw-translate-x: 50%
    }

    .sm\:hover\:translate-x-3\/4:hover {
        --tw-translate-x: 75%
    }

    .sm\:hover\:translate-x-full:hover {
        --tw-translate-x: 100%
    }

    .sm\:hover\:-translate-x-1\/2:hover {
        --tw-translate-x: -50%
    }

    .sm\:hover\:-translate-x-1\/3:hover {
        --tw-translate-x: -33.333333%
    }

    .sm\:hover\:-translate-x-2\/3:hover {
        --tw-translate-x: -66.666667%
    }

    .sm\:hover\:-translate-x-1\/4:hover {
        --tw-translate-x: -25%
    }

    .sm\:hover\:-translate-x-2\/4:hover {
        --tw-translate-x: -50%
    }

    .sm\:hover\:-translate-x-3\/4:hover {
        --tw-translate-x: -75%
    }

    .sm\:hover\:-translate-x-full:hover {
        --tw-translate-x: -100%
    }

    .sm\:hover\:translate-y-0:hover {
        --tw-translate-y: 0px
    }

    .sm\:hover\:translate-y-1:hover {
        --tw-translate-y: 0.25rem
    }

    .sm\:hover\:translate-y-2:hover {
        --tw-translate-y: 0.5rem
    }

    .sm\:hover\:translate-y-3:hover {
        --tw-translate-y: 0.75rem
    }

    .sm\:hover\:translate-y-4:hover {
        --tw-translate-y: 1rem
    }

    .sm\:hover\:translate-y-5:hover {
        --tw-translate-y: 1.25rem
    }

    .sm\:hover\:translate-y-6:hover {
        --tw-translate-y: 1.5rem
    }

    .sm\:hover\:translate-y-7:hover {
        --tw-translate-y: 1.75rem
    }

    .sm\:hover\:translate-y-8:hover {
        --tw-translate-y: 2rem
    }

    .sm\:hover\:translate-y-9:hover {
        --tw-translate-y: 2.25rem
    }

    .sm\:hover\:translate-y-10:hover {
        --tw-translate-y: 2.5rem
    }

    .sm\:hover\:translate-y-11:hover {
        --tw-translate-y: 2.75rem
    }

    .sm\:hover\:translate-y-12:hover {
        --tw-translate-y: 3rem
    }

    .sm\:hover\:translate-y-14:hover {
        --tw-translate-y: 3.5rem
    }

    .sm\:hover\:translate-y-16:hover {
        --tw-translate-y: 4rem
    }

    .sm\:hover\:translate-y-20:hover {
        --tw-translate-y: 5rem
    }

    .sm\:hover\:translate-y-24:hover {
        --tw-translate-y: 6rem
    }

    .sm\:hover\:translate-y-28:hover {
        --tw-translate-y: 7rem
    }

    .sm\:hover\:translate-y-32:hover {
        --tw-translate-y: 8rem
    }

    .sm\:hover\:translate-y-36:hover {
        --tw-translate-y: 9rem
    }

    .sm\:hover\:translate-y-40:hover {
        --tw-translate-y: 10rem
    }

    .sm\:hover\:translate-y-44:hover {
        --tw-translate-y: 11rem
    }

    .sm\:hover\:translate-y-48:hover {
        --tw-translate-y: 12rem
    }

    .sm\:hover\:translate-y-52:hover {
        --tw-translate-y: 13rem
    }

    .sm\:hover\:translate-y-56:hover {
        --tw-translate-y: 14rem
    }

    .sm\:hover\:translate-y-60:hover {
        --tw-translate-y: 15rem
    }

    .sm\:hover\:translate-y-64:hover {
        --tw-translate-y: 16rem
    }

    .sm\:hover\:translate-y-72:hover {
        --tw-translate-y: 18rem
    }

    .sm\:hover\:translate-y-80:hover {
        --tw-translate-y: 20rem
    }

    .sm\:hover\:translate-y-96:hover {
        --tw-translate-y: 24rem
    }

    .sm\:hover\:translate-y-px:hover {
        --tw-translate-y: 1px
    }

    .sm\:hover\:translate-y-0\.5:hover {
        --tw-translate-y: 0.125rem
    }

    .sm\:hover\:translate-y-1\.5:hover {
        --tw-translate-y: 0.375rem
    }

    .sm\:hover\:translate-y-2\.5:hover {
        --tw-translate-y: 0.625rem
    }

    .sm\:hover\:translate-y-3\.5:hover {
        --tw-translate-y: 0.875rem
    }

    .sm\:hover\:-translate-y-0:hover {
        --tw-translate-y: 0px
    }

    .sm\:hover\:-translate-y-1:hover {
        --tw-translate-y: -0.25rem
    }

    .sm\:hover\:-translate-y-2:hover {
        --tw-translate-y: -0.5rem
    }

    .sm\:hover\:-translate-y-3:hover {
        --tw-translate-y: -0.75rem
    }

    .sm\:hover\:-translate-y-4:hover {
        --tw-translate-y: -1rem
    }

    .sm\:hover\:-translate-y-5:hover {
        --tw-translate-y: -1.25rem
    }

    .sm\:hover\:-translate-y-6:hover {
        --tw-translate-y: -1.5rem
    }

    .sm\:hover\:-translate-y-7:hover {
        --tw-translate-y: -1.75rem
    }

    .sm\:hover\:-translate-y-8:hover {
        --tw-translate-y: -2rem
    }

    .sm\:hover\:-translate-y-9:hover {
        --tw-translate-y: -2.25rem
    }

    .sm\:hover\:-translate-y-10:hover {
        --tw-translate-y: -2.5rem
    }

    .sm\:hover\:-translate-y-11:hover {
        --tw-translate-y: -2.75rem
    }

    .sm\:hover\:-translate-y-12:hover {
        --tw-translate-y: -3rem
    }

    .sm\:hover\:-translate-y-14:hover {
        --tw-translate-y: -3.5rem
    }

    .sm\:hover\:-translate-y-16:hover {
        --tw-translate-y: -4rem
    }

    .sm\:hover\:-translate-y-20:hover {
        --tw-translate-y: -5rem
    }

    .sm\:hover\:-translate-y-24:hover {
        --tw-translate-y: -6rem
    }

    .sm\:hover\:-translate-y-28:hover {
        --tw-translate-y: -7rem
    }

    .sm\:hover\:-translate-y-32:hover {
        --tw-translate-y: -8rem
    }

    .sm\:hover\:-translate-y-36:hover {
        --tw-translate-y: -9rem
    }

    .sm\:hover\:-translate-y-40:hover {
        --tw-translate-y: -10rem
    }

    .sm\:hover\:-translate-y-44:hover {
        --tw-translate-y: -11rem
    }

    .sm\:hover\:-translate-y-48:hover {
        --tw-translate-y: -12rem
    }

    .sm\:hover\:-translate-y-52:hover {
        --tw-translate-y: -13rem
    }

    .sm\:hover\:-translate-y-56:hover {
        --tw-translate-y: -14rem
    }

    .sm\:hover\:-translate-y-60:hover {
        --tw-translate-y: -15rem
    }

    .sm\:hover\:-translate-y-64:hover {
        --tw-translate-y: -16rem
    }

    .sm\:hover\:-translate-y-72:hover {
        --tw-translate-y: -18rem
    }

    .sm\:hover\:-translate-y-80:hover {
        --tw-translate-y: -20rem
    }

    .sm\:hover\:-translate-y-96:hover {
        --tw-translate-y: -24rem
    }

    .sm\:hover\:-translate-y-px:hover {
        --tw-translate-y: -1px
    }

    .sm\:hover\:-translate-y-0\.5:hover {
        --tw-translate-y: -0.125rem
    }

    .sm\:hover\:-translate-y-1\.5:hover {
        --tw-translate-y: -0.375rem
    }

    .sm\:hover\:-translate-y-2\.5:hover {
        --tw-translate-y: -0.625rem
    }

    .sm\:hover\:-translate-y-3\.5:hover {
        --tw-translate-y: -0.875rem
    }

    .sm\:hover\:translate-y-1\/2:hover {
        --tw-translate-y: 50%
    }

    .sm\:hover\:translate-y-1\/3:hover {
        --tw-translate-y: 33.333333%
    }

    .sm\:hover\:translate-y-2\/3:hover {
        --tw-translate-y: 66.666667%
    }

    .sm\:hover\:translate-y-1\/4:hover {
        --tw-translate-y: 25%
    }

    .sm\:hover\:translate-y-2\/4:hover {
        --tw-translate-y: 50%
    }

    .sm\:hover\:translate-y-3\/4:hover {
        --tw-translate-y: 75%
    }

    .sm\:hover\:translate-y-full:hover {
        --tw-translate-y: 100%
    }

    .sm\:hover\:-translate-y-1\/2:hover {
        --tw-translate-y: -50%
    }

    .sm\:hover\:-translate-y-1\/3:hover {
        --tw-translate-y: -33.333333%
    }

    .sm\:hover\:-translate-y-2\/3:hover {
        --tw-translate-y: -66.666667%
    }

    .sm\:hover\:-translate-y-1\/4:hover {
        --tw-translate-y: -25%
    }

    .sm\:hover\:-translate-y-2\/4:hover {
        --tw-translate-y: -50%
    }

    .sm\:hover\:-translate-y-3\/4:hover {
        --tw-translate-y: -75%
    }

    .sm\:hover\:-translate-y-full:hover {
        --tw-translate-y: -100%
    }

    .sm\:focus\:translate-x-0:focus {
        --tw-translate-x: 0px
    }

    .sm\:focus\:translate-x-1:focus {
        --tw-translate-x: 0.25rem
    }

    .sm\:focus\:translate-x-2:focus {
        --tw-translate-x: 0.5rem
    }

    .sm\:focus\:translate-x-3:focus {
        --tw-translate-x: 0.75rem
    }

    .sm\:focus\:translate-x-4:focus {
        --tw-translate-x: 1rem
    }

    .sm\:focus\:translate-x-5:focus {
        --tw-translate-x: 1.25rem
    }

    .sm\:focus\:translate-x-6:focus {
        --tw-translate-x: 1.5rem
    }

    .sm\:focus\:translate-x-7:focus {
        --tw-translate-x: 1.75rem
    }

    .sm\:focus\:translate-x-8:focus {
        --tw-translate-x: 2rem
    }

    .sm\:focus\:translate-x-9:focus {
        --tw-translate-x: 2.25rem
    }

    .sm\:focus\:translate-x-10:focus {
        --tw-translate-x: 2.5rem
    }

    .sm\:focus\:translate-x-11:focus {
        --tw-translate-x: 2.75rem
    }

    .sm\:focus\:translate-x-12:focus {
        --tw-translate-x: 3rem
    }

    .sm\:focus\:translate-x-14:focus {
        --tw-translate-x: 3.5rem
    }

    .sm\:focus\:translate-x-16:focus {
        --tw-translate-x: 4rem
    }

    .sm\:focus\:translate-x-20:focus {
        --tw-translate-x: 5rem
    }

    .sm\:focus\:translate-x-24:focus {
        --tw-translate-x: 6rem
    }

    .sm\:focus\:translate-x-28:focus {
        --tw-translate-x: 7rem
    }

    .sm\:focus\:translate-x-32:focus {
        --tw-translate-x: 8rem
    }

    .sm\:focus\:translate-x-36:focus {
        --tw-translate-x: 9rem
    }

    .sm\:focus\:translate-x-40:focus {
        --tw-translate-x: 10rem
    }

    .sm\:focus\:translate-x-44:focus {
        --tw-translate-x: 11rem
    }

    .sm\:focus\:translate-x-48:focus {
        --tw-translate-x: 12rem
    }

    .sm\:focus\:translate-x-52:focus {
        --tw-translate-x: 13rem
    }

    .sm\:focus\:translate-x-56:focus {
        --tw-translate-x: 14rem
    }

    .sm\:focus\:translate-x-60:focus {
        --tw-translate-x: 15rem
    }

    .sm\:focus\:translate-x-64:focus {
        --tw-translate-x: 16rem
    }

    .sm\:focus\:translate-x-72:focus {
        --tw-translate-x: 18rem
    }

    .sm\:focus\:translate-x-80:focus {
        --tw-translate-x: 20rem
    }

    .sm\:focus\:translate-x-96:focus {
        --tw-translate-x: 24rem
    }

    .sm\:focus\:translate-x-px:focus {
        --tw-translate-x: 1px
    }

    .sm\:focus\:translate-x-0\.5:focus {
        --tw-translate-x: 0.125rem
    }

    .sm\:focus\:translate-x-1\.5:focus {
        --tw-translate-x: 0.375rem
    }

    .sm\:focus\:translate-x-2\.5:focus {
        --tw-translate-x: 0.625rem
    }

    .sm\:focus\:translate-x-3\.5:focus {
        --tw-translate-x: 0.875rem
    }

    .sm\:focus\:-translate-x-0:focus {
        --tw-translate-x: 0px
    }

    .sm\:focus\:-translate-x-1:focus {
        --tw-translate-x: -0.25rem
    }

    .sm\:focus\:-translate-x-2:focus {
        --tw-translate-x: -0.5rem
    }

    .sm\:focus\:-translate-x-3:focus {
        --tw-translate-x: -0.75rem
    }

    .sm\:focus\:-translate-x-4:focus {
        --tw-translate-x: -1rem
    }

    .sm\:focus\:-translate-x-5:focus {
        --tw-translate-x: -1.25rem
    }

    .sm\:focus\:-translate-x-6:focus {
        --tw-translate-x: -1.5rem
    }

    .sm\:focus\:-translate-x-7:focus {
        --tw-translate-x: -1.75rem
    }

    .sm\:focus\:-translate-x-8:focus {
        --tw-translate-x: -2rem
    }

    .sm\:focus\:-translate-x-9:focus {
        --tw-translate-x: -2.25rem
    }

    .sm\:focus\:-translate-x-10:focus {
        --tw-translate-x: -2.5rem
    }

    .sm\:focus\:-translate-x-11:focus {
        --tw-translate-x: -2.75rem
    }

    .sm\:focus\:-translate-x-12:focus {
        --tw-translate-x: -3rem
    }

    .sm\:focus\:-translate-x-14:focus {
        --tw-translate-x: -3.5rem
    }

    .sm\:focus\:-translate-x-16:focus {
        --tw-translate-x: -4rem
    }

    .sm\:focus\:-translate-x-20:focus {
        --tw-translate-x: -5rem
    }

    .sm\:focus\:-translate-x-24:focus {
        --tw-translate-x: -6rem
    }

    .sm\:focus\:-translate-x-28:focus {
        --tw-translate-x: -7rem
    }

    .sm\:focus\:-translate-x-32:focus {
        --tw-translate-x: -8rem
    }

    .sm\:focus\:-translate-x-36:focus {
        --tw-translate-x: -9rem
    }

    .sm\:focus\:-translate-x-40:focus {
        --tw-translate-x: -10rem
    }

    .sm\:focus\:-translate-x-44:focus {
        --tw-translate-x: -11rem
    }

    .sm\:focus\:-translate-x-48:focus {
        --tw-translate-x: -12rem
    }

    .sm\:focus\:-translate-x-52:focus {
        --tw-translate-x: -13rem
    }

    .sm\:focus\:-translate-x-56:focus {
        --tw-translate-x: -14rem
    }

    .sm\:focus\:-translate-x-60:focus {
        --tw-translate-x: -15rem
    }

    .sm\:focus\:-translate-x-64:focus {
        --tw-translate-x: -16rem
    }

    .sm\:focus\:-translate-x-72:focus {
        --tw-translate-x: -18rem
    }

    .sm\:focus\:-translate-x-80:focus {
        --tw-translate-x: -20rem
    }

    .sm\:focus\:-translate-x-96:focus {
        --tw-translate-x: -24rem
    }

    .sm\:focus\:-translate-x-px:focus {
        --tw-translate-x: -1px
    }

    .sm\:focus\:-translate-x-0\.5:focus {
        --tw-translate-x: -0.125rem
    }

    .sm\:focus\:-translate-x-1\.5:focus {
        --tw-translate-x: -0.375rem
    }

    .sm\:focus\:-translate-x-2\.5:focus {
        --tw-translate-x: -0.625rem
    }

    .sm\:focus\:-translate-x-3\.5:focus {
        --tw-translate-x: -0.875rem
    }

    .sm\:focus\:translate-x-1\/2:focus {
        --tw-translate-x: 50%
    }

    .sm\:focus\:translate-x-1\/3:focus {
        --tw-translate-x: 33.333333%
    }

    .sm\:focus\:translate-x-2\/3:focus {
        --tw-translate-x: 66.666667%
    }

    .sm\:focus\:translate-x-1\/4:focus {
        --tw-translate-x: 25%
    }

    .sm\:focus\:translate-x-2\/4:focus {
        --tw-translate-x: 50%
    }

    .sm\:focus\:translate-x-3\/4:focus {
        --tw-translate-x: 75%
    }

    .sm\:focus\:translate-x-full:focus {
        --tw-translate-x: 100%
    }

    .sm\:focus\:-translate-x-1\/2:focus {
        --tw-translate-x: -50%
    }

    .sm\:focus\:-translate-x-1\/3:focus {
        --tw-translate-x: -33.333333%
    }

    .sm\:focus\:-translate-x-2\/3:focus {
        --tw-translate-x: -66.666667%
    }

    .sm\:focus\:-translate-x-1\/4:focus {
        --tw-translate-x: -25%
    }

    .sm\:focus\:-translate-x-2\/4:focus {
        --tw-translate-x: -50%
    }

    .sm\:focus\:-translate-x-3\/4:focus {
        --tw-translate-x: -75%
    }

    .sm\:focus\:-translate-x-full:focus {
        --tw-translate-x: -100%
    }

    .sm\:focus\:translate-y-0:focus {
        --tw-translate-y: 0px
    }

    .sm\:focus\:translate-y-1:focus {
        --tw-translate-y: 0.25rem
    }

    .sm\:focus\:translate-y-2:focus {
        --tw-translate-y: 0.5rem
    }

    .sm\:focus\:translate-y-3:focus {
        --tw-translate-y: 0.75rem
    }

    .sm\:focus\:translate-y-4:focus {
        --tw-translate-y: 1rem
    }

    .sm\:focus\:translate-y-5:focus {
        --tw-translate-y: 1.25rem
    }

    .sm\:focus\:translate-y-6:focus {
        --tw-translate-y: 1.5rem
    }

    .sm\:focus\:translate-y-7:focus {
        --tw-translate-y: 1.75rem
    }

    .sm\:focus\:translate-y-8:focus {
        --tw-translate-y: 2rem
    }

    .sm\:focus\:translate-y-9:focus {
        --tw-translate-y: 2.25rem
    }

    .sm\:focus\:translate-y-10:focus {
        --tw-translate-y: 2.5rem
    }

    .sm\:focus\:translate-y-11:focus {
        --tw-translate-y: 2.75rem
    }

    .sm\:focus\:translate-y-12:focus {
        --tw-translate-y: 3rem
    }

    .sm\:focus\:translate-y-14:focus {
        --tw-translate-y: 3.5rem
    }

    .sm\:focus\:translate-y-16:focus {
        --tw-translate-y: 4rem
    }

    .sm\:focus\:translate-y-20:focus {
        --tw-translate-y: 5rem
    }

    .sm\:focus\:translate-y-24:focus {
        --tw-translate-y: 6rem
    }

    .sm\:focus\:translate-y-28:focus {
        --tw-translate-y: 7rem
    }

    .sm\:focus\:translate-y-32:focus {
        --tw-translate-y: 8rem
    }

    .sm\:focus\:translate-y-36:focus {
        --tw-translate-y: 9rem
    }

    .sm\:focus\:translate-y-40:focus {
        --tw-translate-y: 10rem
    }

    .sm\:focus\:translate-y-44:focus {
        --tw-translate-y: 11rem
    }

    .sm\:focus\:translate-y-48:focus {
        --tw-translate-y: 12rem
    }

    .sm\:focus\:translate-y-52:focus {
        --tw-translate-y: 13rem
    }

    .sm\:focus\:translate-y-56:focus {
        --tw-translate-y: 14rem
    }

    .sm\:focus\:translate-y-60:focus {
        --tw-translate-y: 15rem
    }

    .sm\:focus\:translate-y-64:focus {
        --tw-translate-y: 16rem
    }

    .sm\:focus\:translate-y-72:focus {
        --tw-translate-y: 18rem
    }

    .sm\:focus\:translate-y-80:focus {
        --tw-translate-y: 20rem
    }

    .sm\:focus\:translate-y-96:focus {
        --tw-translate-y: 24rem
    }

    .sm\:focus\:translate-y-px:focus {
        --tw-translate-y: 1px
    }

    .sm\:focus\:translate-y-0\.5:focus {
        --tw-translate-y: 0.125rem
    }

    .sm\:focus\:translate-y-1\.5:focus {
        --tw-translate-y: 0.375rem
    }

    .sm\:focus\:translate-y-2\.5:focus {
        --tw-translate-y: 0.625rem
    }

    .sm\:focus\:translate-y-3\.5:focus {
        --tw-translate-y: 0.875rem
    }

    .sm\:focus\:-translate-y-0:focus {
        --tw-translate-y: 0px
    }

    .sm\:focus\:-translate-y-1:focus {
        --tw-translate-y: -0.25rem
    }

    .sm\:focus\:-translate-y-2:focus {
        --tw-translate-y: -0.5rem
    }

    .sm\:focus\:-translate-y-3:focus {
        --tw-translate-y: -0.75rem
    }

    .sm\:focus\:-translate-y-4:focus {
        --tw-translate-y: -1rem
    }

    .sm\:focus\:-translate-y-5:focus {
        --tw-translate-y: -1.25rem
    }

    .sm\:focus\:-translate-y-6:focus {
        --tw-translate-y: -1.5rem
    }

    .sm\:focus\:-translate-y-7:focus {
        --tw-translate-y: -1.75rem
    }

    .sm\:focus\:-translate-y-8:focus {
        --tw-translate-y: -2rem
    }

    .sm\:focus\:-translate-y-9:focus {
        --tw-translate-y: -2.25rem
    }

    .sm\:focus\:-translate-y-10:focus {
        --tw-translate-y: -2.5rem
    }

    .sm\:focus\:-translate-y-11:focus {
        --tw-translate-y: -2.75rem
    }

    .sm\:focus\:-translate-y-12:focus {
        --tw-translate-y: -3rem
    }

    .sm\:focus\:-translate-y-14:focus {
        --tw-translate-y: -3.5rem
    }

    .sm\:focus\:-translate-y-16:focus {
        --tw-translate-y: -4rem
    }

    .sm\:focus\:-translate-y-20:focus {
        --tw-translate-y: -5rem
    }

    .sm\:focus\:-translate-y-24:focus {
        --tw-translate-y: -6rem
    }

    .sm\:focus\:-translate-y-28:focus {
        --tw-translate-y: -7rem
    }

    .sm\:focus\:-translate-y-32:focus {
        --tw-translate-y: -8rem
    }

    .sm\:focus\:-translate-y-36:focus {
        --tw-translate-y: -9rem
    }

    .sm\:focus\:-translate-y-40:focus {
        --tw-translate-y: -10rem
    }

    .sm\:focus\:-translate-y-44:focus {
        --tw-translate-y: -11rem
    }

    .sm\:focus\:-translate-y-48:focus {
        --tw-translate-y: -12rem
    }

    .sm\:focus\:-translate-y-52:focus {
        --tw-translate-y: -13rem
    }

    .sm\:focus\:-translate-y-56:focus {
        --tw-translate-y: -14rem
    }

    .sm\:focus\:-translate-y-60:focus {
        --tw-translate-y: -15rem
    }

    .sm\:focus\:-translate-y-64:focus {
        --tw-translate-y: -16rem
    }

    .sm\:focus\:-translate-y-72:focus {
        --tw-translate-y: -18rem
    }

    .sm\:focus\:-translate-y-80:focus {
        --tw-translate-y: -20rem
    }

    .sm\:focus\:-translate-y-96:focus {
        --tw-translate-y: -24rem
    }

    .sm\:focus\:-translate-y-px:focus {
        --tw-translate-y: -1px
    }

    .sm\:focus\:-translate-y-0\.5:focus {
        --tw-translate-y: -0.125rem
    }

    .sm\:focus\:-translate-y-1\.5:focus {
        --tw-translate-y: -0.375rem
    }

    .sm\:focus\:-translate-y-2\.5:focus {
        --tw-translate-y: -0.625rem
    }

    .sm\:focus\:-translate-y-3\.5:focus {
        --tw-translate-y: -0.875rem
    }

    .sm\:focus\:translate-y-1\/2:focus {
        --tw-translate-y: 50%
    }

    .sm\:focus\:translate-y-1\/3:focus {
        --tw-translate-y: 33.333333%
    }

    .sm\:focus\:translate-y-2\/3:focus {
        --tw-translate-y: 66.666667%
    }

    .sm\:focus\:translate-y-1\/4:focus {
        --tw-translate-y: 25%
    }

    .sm\:focus\:translate-y-2\/4:focus {
        --tw-translate-y: 50%
    }

    .sm\:focus\:translate-y-3\/4:focus {
        --tw-translate-y: 75%
    }

    .sm\:focus\:translate-y-full:focus {
        --tw-translate-y: 100%
    }

    .sm\:focus\:-translate-y-1\/2:focus {
        --tw-translate-y: -50%
    }

    .sm\:focus\:-translate-y-1\/3:focus {
        --tw-translate-y: -33.333333%
    }

    .sm\:focus\:-translate-y-2\/3:focus {
        --tw-translate-y: -66.666667%
    }

    .sm\:focus\:-translate-y-1\/4:focus {
        --tw-translate-y: -25%
    }

    .sm\:focus\:-translate-y-2\/4:focus {
        --tw-translate-y: -50%
    }

    .sm\:focus\:-translate-y-3\/4:focus {
        --tw-translate-y: -75%
    }

    .sm\:focus\:-translate-y-full:focus {
        --tw-translate-y: -100%
    }

    .sm\:hover\:rotate-0:hover {
        --tw-rotate: 0deg
    }

    .sm\:hover\:rotate-1:hover {
        --tw-rotate: 1deg
    }

    .sm\:hover\:rotate-2:hover {
        --tw-rotate: 2deg
    }

    .sm\:hover\:rotate-3:hover {
        --tw-rotate: 3deg
    }

    .sm\:hover\:rotate-6:hover {
        --tw-rotate: 6deg
    }

    .sm\:hover\:rotate-12:hover {
        --tw-rotate: 12deg
    }

    .sm\:hover\:rotate-45:hover {
        --tw-rotate: 45deg
    }

    .sm\:hover\:rotate-90:hover {
        --tw-rotate: 90deg
    }

    .sm\:hover\:rotate-180:hover {
        --tw-rotate: 180deg
    }

    .sm\:hover\:-rotate-180:hover {
        --tw-rotate: -180deg
    }

    .sm\:hover\:-rotate-90:hover {
        --tw-rotate: -90deg
    }

    .sm\:hover\:-rotate-45:hover {
        --tw-rotate: -45deg
    }

    .sm\:hover\:-rotate-12:hover {
        --tw-rotate: -12deg
    }

    .sm\:hover\:-rotate-6:hover {
        --tw-rotate: -6deg
    }

    .sm\:hover\:-rotate-3:hover {
        --tw-rotate: -3deg
    }

    .sm\:hover\:-rotate-2:hover {
        --tw-rotate: -2deg
    }

    .sm\:hover\:-rotate-1:hover {
        --tw-rotate: -1deg
    }

    .sm\:focus\:rotate-0:focus {
        --tw-rotate: 0deg
    }

    .sm\:focus\:rotate-1:focus {
        --tw-rotate: 1deg
    }

    .sm\:focus\:rotate-2:focus {
        --tw-rotate: 2deg
    }

    .sm\:focus\:rotate-3:focus {
        --tw-rotate: 3deg
    }

    .sm\:focus\:rotate-6:focus {
        --tw-rotate: 6deg
    }

    .sm\:focus\:rotate-12:focus {
        --tw-rotate: 12deg
    }

    .sm\:focus\:rotate-45:focus {
        --tw-rotate: 45deg
    }

    .sm\:focus\:rotate-90:focus {
        --tw-rotate: 90deg
    }

    .sm\:focus\:rotate-180:focus {
        --tw-rotate: 180deg
    }

    .sm\:focus\:-rotate-180:focus {
        --tw-rotate: -180deg
    }

    .sm\:focus\:-rotate-90:focus {
        --tw-rotate: -90deg
    }

    .sm\:focus\:-rotate-45:focus {
        --tw-rotate: -45deg
    }

    .sm\:focus\:-rotate-12:focus {
        --tw-rotate: -12deg
    }

    .sm\:focus\:-rotate-6:focus {
        --tw-rotate: -6deg
    }

    .sm\:focus\:-rotate-3:focus {
        --tw-rotate: -3deg
    }

    .sm\:focus\:-rotate-2:focus {
        --tw-rotate: -2deg
    }

    .sm\:focus\:-rotate-1:focus {
        --tw-rotate: -1deg
    }

    .sm\:hover\:skew-x-0:hover {
        --tw-skew-x: 0deg
    }

    .sm\:hover\:skew-x-1:hover {
        --tw-skew-x: 1deg
    }

    .sm\:hover\:skew-x-2:hover {
        --tw-skew-x: 2deg
    }

    .sm\:hover\:skew-x-3:hover {
        --tw-skew-x: 3deg
    }

    .sm\:hover\:skew-x-6:hover {
        --tw-skew-x: 6deg
    }

    .sm\:hover\:skew-x-12:hover {
        --tw-skew-x: 12deg
    }

    .sm\:hover\:-skew-x-12:hover {
        --tw-skew-x: -12deg
    }

    .sm\:hover\:-skew-x-6:hover {
        --tw-skew-x: -6deg
    }

    .sm\:hover\:-skew-x-3:hover {
        --tw-skew-x: -3deg
    }

    .sm\:hover\:-skew-x-2:hover {
        --tw-skew-x: -2deg
    }

    .sm\:hover\:-skew-x-1:hover {
        --tw-skew-x: -1deg
    }

    .sm\:hover\:skew-y-0:hover {
        --tw-skew-y: 0deg
    }

    .sm\:hover\:skew-y-1:hover {
        --tw-skew-y: 1deg
    }

    .sm\:hover\:skew-y-2:hover {
        --tw-skew-y: 2deg
    }

    .sm\:hover\:skew-y-3:hover {
        --tw-skew-y: 3deg
    }

    .sm\:hover\:skew-y-6:hover {
        --tw-skew-y: 6deg
    }

    .sm\:hover\:skew-y-12:hover {
        --tw-skew-y: 12deg
    }

    .sm\:hover\:-skew-y-12:hover {
        --tw-skew-y: -12deg
    }

    .sm\:hover\:-skew-y-6:hover {
        --tw-skew-y: -6deg
    }

    .sm\:hover\:-skew-y-3:hover {
        --tw-skew-y: -3deg
    }

    .sm\:hover\:-skew-y-2:hover {
        --tw-skew-y: -2deg
    }

    .sm\:hover\:-skew-y-1:hover {
        --tw-skew-y: -1deg
    }

    .sm\:focus\:skew-x-0:focus {
        --tw-skew-x: 0deg
    }

    .sm\:focus\:skew-x-1:focus {
        --tw-skew-x: 1deg
    }

    .sm\:focus\:skew-x-2:focus {
        --tw-skew-x: 2deg
    }

    .sm\:focus\:skew-x-3:focus {
        --tw-skew-x: 3deg
    }

    .sm\:focus\:skew-x-6:focus {
        --tw-skew-x: 6deg
    }

    .sm\:focus\:skew-x-12:focus {
        --tw-skew-x: 12deg
    }

    .sm\:focus\:-skew-x-12:focus {
        --tw-skew-x: -12deg
    }

    .sm\:focus\:-skew-x-6:focus {
        --tw-skew-x: -6deg
    }

    .sm\:focus\:-skew-x-3:focus {
        --tw-skew-x: -3deg
    }

    .sm\:focus\:-skew-x-2:focus {
        --tw-skew-x: -2deg
    }

    .sm\:focus\:-skew-x-1:focus {
        --tw-skew-x: -1deg
    }

    .sm\:focus\:skew-y-0:focus {
        --tw-skew-y: 0deg
    }

    .sm\:focus\:skew-y-1:focus {
        --tw-skew-y: 1deg
    }

    .sm\:focus\:skew-y-2:focus {
        --tw-skew-y: 2deg
    }

    .sm\:focus\:skew-y-3:focus {
        --tw-skew-y: 3deg
    }

    .sm\:focus\:skew-y-6:focus {
        --tw-skew-y: 6deg
    }

    .sm\:focus\:skew-y-12:focus {
        --tw-skew-y: 12deg
    }

    .sm\:focus\:-skew-y-12:focus {
        --tw-skew-y: -12deg
    }

    .sm\:focus\:-skew-y-6:focus {
        --tw-skew-y: -6deg
    }

    .sm\:focus\:-skew-y-3:focus {
        --tw-skew-y: -3deg
    }

    .sm\:focus\:-skew-y-2:focus {
        --tw-skew-y: -2deg
    }

    .sm\:focus\:-skew-y-1:focus {
        --tw-skew-y: -1deg
    }

    .sm\:hover\:scale-0:hover {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }

    .sm\:hover\:scale-50:hover {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }

    .sm\:hover\:scale-75:hover {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }

    .sm\:hover\:scale-90:hover {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }

    .sm\:hover\:scale-95:hover {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }

    .sm\:hover\:scale-100:hover {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .sm\:hover\:scale-105:hover {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }

    .sm\:hover\:scale-110:hover {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }

    .sm\:hover\:scale-125:hover {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }

    .sm\:hover\:scale-150:hover {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }

    .sm\:focus\:scale-0:focus {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }

    .sm\:focus\:scale-50:focus {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }

    .sm\:focus\:scale-75:focus {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }

    .sm\:focus\:scale-90:focus {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }

    .sm\:focus\:scale-95:focus {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }

    .sm\:focus\:scale-100:focus {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .sm\:focus\:scale-105:focus {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }

    .sm\:focus\:scale-110:focus {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }

    .sm\:focus\:scale-125:focus {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }

    .sm\:focus\:scale-150:focus {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }

    .sm\:hover\:scale-x-0:hover {
        --tw-scale-x: 0
    }

    .sm\:hover\:scale-x-50:hover {
        --tw-scale-x: .5
    }

    .sm\:hover\:scale-x-75:hover {
        --tw-scale-x: .75
    }

    .sm\:hover\:scale-x-90:hover {
        --tw-scale-x: .9
    }

    .sm\:hover\:scale-x-95:hover {
        --tw-scale-x: .95
    }

    .sm\:hover\:scale-x-100:hover {
        --tw-scale-x: 1
    }

    .sm\:hover\:scale-x-105:hover {
        --tw-scale-x: 1.05
    }

    .sm\:hover\:scale-x-110:hover {
        --tw-scale-x: 1.1
    }

    .sm\:hover\:scale-x-125:hover {
        --tw-scale-x: 1.25
    }

    .sm\:hover\:scale-x-150:hover {
        --tw-scale-x: 1.5
    }

    .sm\:hover\:scale-y-0:hover {
        --tw-scale-y: 0
    }

    .sm\:hover\:scale-y-50:hover {
        --tw-scale-y: .5
    }

    .sm\:hover\:scale-y-75:hover {
        --tw-scale-y: .75
    }

    .sm\:hover\:scale-y-90:hover {
        --tw-scale-y: .9
    }

    .sm\:hover\:scale-y-95:hover {
        --tw-scale-y: .95
    }

    .sm\:hover\:scale-y-100:hover {
        --tw-scale-y: 1
    }

    .sm\:hover\:scale-y-105:hover {
        --tw-scale-y: 1.05
    }

    .sm\:hover\:scale-y-110:hover {
        --tw-scale-y: 1.1
    }

    .sm\:hover\:scale-y-125:hover {
        --tw-scale-y: 1.25
    }

    .sm\:hover\:scale-y-150:hover {
        --tw-scale-y: 1.5
    }

    .sm\:focus\:scale-x-0:focus {
        --tw-scale-x: 0
    }

    .sm\:focus\:scale-x-50:focus {
        --tw-scale-x: .5
    }

    .sm\:focus\:scale-x-75:focus {
        --tw-scale-x: .75
    }

    .sm\:focus\:scale-x-90:focus {
        --tw-scale-x: .9
    }

    .sm\:focus\:scale-x-95:focus {
        --tw-scale-x: .95
    }

    .sm\:focus\:scale-x-100:focus {
        --tw-scale-x: 1
    }

    .sm\:focus\:scale-x-105:focus {
        --tw-scale-x: 1.05
    }

    .sm\:focus\:scale-x-110:focus {
        --tw-scale-x: 1.1
    }

    .sm\:focus\:scale-x-125:focus {
        --tw-scale-x: 1.25
    }

    .sm\:focus\:scale-x-150:focus {
        --tw-scale-x: 1.5
    }

    .sm\:focus\:scale-y-0:focus {
        --tw-scale-y: 0
    }

    .sm\:focus\:scale-y-50:focus {
        --tw-scale-y: .5
    }

    .sm\:focus\:scale-y-75:focus {
        --tw-scale-y: .75
    }

    .sm\:focus\:scale-y-90:focus {
        --tw-scale-y: .9
    }

    .sm\:focus\:scale-y-95:focus {
        --tw-scale-y: .95
    }

    .sm\:focus\:scale-y-100:focus {
        --tw-scale-y: 1
    }

    .sm\:focus\:scale-y-105:focus {
        --tw-scale-y: 1.05
    }

    .sm\:focus\:scale-y-110:focus {
        --tw-scale-y: 1.1
    }

    .sm\:focus\:scale-y-125:focus {
        --tw-scale-y: 1.25
    }

    .sm\:focus\:scale-y-150:focus {
        --tw-scale-y: 1.5
    }

    .group:hover .sm\:group-hover\:border-transparent {
        border-color: transparent
    }

    .group:hover .sm\:group-hover\:border-current {
        border-color: currentColor
    }

    .group:hover .sm\:group-hover\:border-black {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-white {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-gray-50 {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-gray-100 {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-gray-300 {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-gray-400 {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-gray-500 {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-gray-600 {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-gray-700 {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-gray-800 {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-gray-900 {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-red-50 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-red-100 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-red-200 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-red-300 {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-red-400 {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-red-500 {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-red-600 {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-red-700 {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-red-800 {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-red-900 {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-yellow-50 {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-yellow-100 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-yellow-200 {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-yellow-300 {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-yellow-400 {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-yellow-500 {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-yellow-600 {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-yellow-700 {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-yellow-800 {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-yellow-900 {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-green-50 {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-green-100 {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-green-200 {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-green-300 {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-green-400 {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-green-500 {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-green-600 {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-green-700 {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-green-800 {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-green-900 {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-blue-50 {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-blue-100 {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-blue-200 {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-blue-300 {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-blue-400 {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-blue-500 {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-blue-600 {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-blue-700 {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-blue-800 {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-blue-900 {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-indigo-50 {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-indigo-100 {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-indigo-200 {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-indigo-300 {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-indigo-400 {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-indigo-500 {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-indigo-600 {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-indigo-700 {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-indigo-800 {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-indigo-900 {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-purple-50 {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-purple-100 {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-purple-200 {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-purple-300 {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-purple-400 {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-purple-500 {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-purple-600 {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-purple-700 {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-purple-800 {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-purple-900 {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-pink-50 {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-pink-100 {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-pink-200 {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-pink-300 {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-pink-400 {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-pink-500 {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-pink-600 {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-pink-700 {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-pink-800 {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-pink-900 {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-primary {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-orange {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .group:hover .sm\:group-hover\:border-danger {
        border-color: #c75d5d
    }

    .sm\:focus-within\:border-transparent:focus-within {
        border-color: transparent
    }

    .sm\:focus-within\:border-current:focus-within {
        border-color: currentColor
    }

    .sm\:focus-within\:border-black:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-white:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-gray-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-gray-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-gray-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-gray-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-gray-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-gray-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-gray-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-gray-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-gray-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-gray-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-red-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-red-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-red-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-red-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-red-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-red-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-red-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-red-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-red-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-red-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-yellow-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-yellow-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-yellow-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-yellow-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-yellow-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-yellow-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-yellow-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-yellow-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-yellow-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-yellow-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-green-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-green-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-green-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-green-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-green-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-green-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-green-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-green-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-green-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-green-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-blue-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-blue-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-blue-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-blue-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-blue-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-blue-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-blue-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-blue-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-blue-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-blue-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-indigo-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-indigo-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-indigo-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-indigo-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-indigo-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-indigo-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-indigo-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-indigo-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-indigo-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-indigo-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-purple-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-purple-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-purple-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-purple-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-purple-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-purple-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-purple-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-purple-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-purple-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-purple-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-pink-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-pink-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-pink-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-pink-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-pink-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-pink-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-pink-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-pink-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-pink-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-pink-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-primary:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-orange:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .sm\:focus-within\:border-danger:focus-within {
        border-color: #c75d5d
    }

    .sm\:hover\:border-transparent:hover {
        border-color: transparent
    }

    .sm\:hover\:border-current:hover {
        border-color: currentColor
    }

    .sm\:hover\:border-black:hover {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .sm\:hover\:border-white:hover {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .sm\:hover\:border-gray-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .sm\:hover\:border-gray-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .sm\:hover\:border-gray-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .sm\:hover\:border-gray-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .sm\:hover\:border-gray-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .sm\:hover\:border-gray-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .sm\:hover\:border-gray-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .sm\:hover\:border-gray-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .sm\:hover\:border-gray-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .sm\:hover\:border-gray-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .sm\:hover\:border-red-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .sm\:hover\:border-red-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .sm\:hover\:border-red-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .sm\:hover\:border-red-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .sm\:hover\:border-red-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .sm\:hover\:border-red-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .sm\:hover\:border-red-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .sm\:hover\:border-red-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .sm\:hover\:border-red-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .sm\:hover\:border-red-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .sm\:hover\:border-yellow-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .sm\:hover\:border-yellow-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .sm\:hover\:border-yellow-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .sm\:hover\:border-yellow-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .sm\:hover\:border-yellow-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .sm\:hover\:border-yellow-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .sm\:hover\:border-yellow-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .sm\:hover\:border-yellow-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .sm\:hover\:border-yellow-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .sm\:hover\:border-yellow-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .sm\:hover\:border-green-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .sm\:hover\:border-green-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .sm\:hover\:border-green-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .sm\:hover\:border-green-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .sm\:hover\:border-green-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .sm\:hover\:border-green-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .sm\:hover\:border-green-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .sm\:hover\:border-green-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .sm\:hover\:border-green-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .sm\:hover\:border-green-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .sm\:hover\:border-blue-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .sm\:hover\:border-blue-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .sm\:hover\:border-blue-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .sm\:hover\:border-blue-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .sm\:hover\:border-blue-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .sm\:hover\:border-blue-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .sm\:hover\:border-blue-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .sm\:hover\:border-blue-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .sm\:hover\:border-blue-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .sm\:hover\:border-blue-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .sm\:hover\:border-indigo-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .sm\:hover\:border-indigo-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .sm\:hover\:border-indigo-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .sm\:hover\:border-indigo-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .sm\:hover\:border-indigo-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .sm\:hover\:border-indigo-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .sm\:hover\:border-indigo-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .sm\:hover\:border-indigo-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .sm\:hover\:border-indigo-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .sm\:hover\:border-indigo-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .sm\:hover\:border-purple-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .sm\:hover\:border-purple-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .sm\:hover\:border-purple-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .sm\:hover\:border-purple-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .sm\:hover\:border-purple-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .sm\:hover\:border-purple-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .sm\:hover\:border-purple-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .sm\:hover\:border-purple-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .sm\:hover\:border-purple-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .sm\:hover\:border-purple-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .sm\:hover\:border-pink-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .sm\:hover\:border-pink-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .sm\:hover\:border-pink-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .sm\:hover\:border-pink-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .sm\:hover\:border-pink-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .sm\:hover\:border-pink-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .sm\:hover\:border-pink-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .sm\:hover\:border-pink-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .sm\:hover\:border-pink-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .sm\:hover\:border-pink-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .sm\:hover\:border-primary:hover {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .sm\:hover\:border-orange:hover {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .sm\:hover\:border-danger:hover {
        border-color: #c75d5d
    }

    .sm\:focus\:border-transparent:focus {
        border-color: transparent
    }

    .sm\:focus\:border-current:focus {
        border-color: currentColor
    }

    .sm\:focus\:border-black:focus {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .sm\:focus\:border-white:focus {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .sm\:focus\:border-gray-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .sm\:focus\:border-gray-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .sm\:focus\:border-gray-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .sm\:focus\:border-gray-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .sm\:focus\:border-gray-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .sm\:focus\:border-gray-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .sm\:focus\:border-gray-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .sm\:focus\:border-gray-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .sm\:focus\:border-gray-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .sm\:focus\:border-gray-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .sm\:focus\:border-red-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .sm\:focus\:border-red-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .sm\:focus\:border-red-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .sm\:focus\:border-red-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .sm\:focus\:border-red-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .sm\:focus\:border-red-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .sm\:focus\:border-red-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .sm\:focus\:border-red-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .sm\:focus\:border-red-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .sm\:focus\:border-red-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .sm\:focus\:border-yellow-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .sm\:focus\:border-yellow-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .sm\:focus\:border-yellow-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .sm\:focus\:border-yellow-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .sm\:focus\:border-yellow-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .sm\:focus\:border-yellow-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .sm\:focus\:border-yellow-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .sm\:focus\:border-yellow-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .sm\:focus\:border-yellow-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .sm\:focus\:border-yellow-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .sm\:focus\:border-green-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .sm\:focus\:border-green-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .sm\:focus\:border-green-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .sm\:focus\:border-green-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .sm\:focus\:border-green-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .sm\:focus\:border-green-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .sm\:focus\:border-green-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .sm\:focus\:border-green-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .sm\:focus\:border-green-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .sm\:focus\:border-green-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .sm\:focus\:border-blue-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .sm\:focus\:border-blue-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .sm\:focus\:border-blue-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .sm\:focus\:border-blue-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .sm\:focus\:border-blue-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .sm\:focus\:border-blue-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .sm\:focus\:border-blue-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .sm\:focus\:border-blue-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .sm\:focus\:border-blue-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .sm\:focus\:border-blue-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .sm\:focus\:border-indigo-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .sm\:focus\:border-indigo-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .sm\:focus\:border-indigo-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .sm\:focus\:border-indigo-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .sm\:focus\:border-indigo-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .sm\:focus\:border-indigo-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .sm\:focus\:border-indigo-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .sm\:focus\:border-indigo-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .sm\:focus\:border-indigo-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .sm\:focus\:border-indigo-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .sm\:focus\:border-purple-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .sm\:focus\:border-purple-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .sm\:focus\:border-purple-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .sm\:focus\:border-purple-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .sm\:focus\:border-purple-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .sm\:focus\:border-purple-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .sm\:focus\:border-purple-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .sm\:focus\:border-purple-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .sm\:focus\:border-purple-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .sm\:focus\:border-purple-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .sm\:focus\:border-pink-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .sm\:focus\:border-pink-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .sm\:focus\:border-pink-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .sm\:focus\:border-pink-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .sm\:focus\:border-pink-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .sm\:focus\:border-pink-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .sm\:focus\:border-pink-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .sm\:focus\:border-pink-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .sm\:focus\:border-pink-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .sm\:focus\:border-pink-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .sm\:focus\:border-primary:focus {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .sm\:focus\:border-orange:focus {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .sm\:focus\:border-danger:focus {
        border-color: #c75d5d
    }

    .group:hover .sm\:group-hover\:border-opacity-0 {
        --tw-border-opacity: 0
    }

    .group:hover .sm\:group-hover\:border-opacity-5 {
        --tw-border-opacity: 0.05
    }

    .group:hover .sm\:group-hover\:border-opacity-10 {
        --tw-border-opacity: 0.1
    }

    .group:hover .sm\:group-hover\:border-opacity-20 {
        --tw-border-opacity: 0.2
    }

    .group:hover .sm\:group-hover\:border-opacity-25 {
        --tw-border-opacity: 0.25
    }

    .group:hover .sm\:group-hover\:border-opacity-30 {
        --tw-border-opacity: 0.3
    }

    .group:hover .sm\:group-hover\:border-opacity-40 {
        --tw-border-opacity: 0.4
    }

    .group:hover .sm\:group-hover\:border-opacity-50 {
        --tw-border-opacity: 0.5
    }

    .group:hover .sm\:group-hover\:border-opacity-60 {
        --tw-border-opacity: 0.6
    }

    .group:hover .sm\:group-hover\:border-opacity-70 {
        --tw-border-opacity: 0.7
    }

    .group:hover .sm\:group-hover\:border-opacity-75 {
        --tw-border-opacity: 0.75
    }

    .group:hover .sm\:group-hover\:border-opacity-80 {
        --tw-border-opacity: 0.8
    }

    .group:hover .sm\:group-hover\:border-opacity-90 {
        --tw-border-opacity: 0.9
    }

    .group:hover .sm\:group-hover\:border-opacity-95 {
        --tw-border-opacity: 0.95
    }

    .group:hover .sm\:group-hover\:border-opacity-100 {
        --tw-border-opacity: 1
    }

    .sm\:focus-within\:border-opacity-0:focus-within {
        --tw-border-opacity: 0
    }

    .sm\:focus-within\:border-opacity-5:focus-within {
        --tw-border-opacity: 0.05
    }

    .sm\:focus-within\:border-opacity-10:focus-within {
        --tw-border-opacity: 0.1
    }

    .sm\:focus-within\:border-opacity-20:focus-within {
        --tw-border-opacity: 0.2
    }

    .sm\:focus-within\:border-opacity-25:focus-within {
        --tw-border-opacity: 0.25
    }

    .sm\:focus-within\:border-opacity-30:focus-within {
        --tw-border-opacity: 0.3
    }

    .sm\:focus-within\:border-opacity-40:focus-within {
        --tw-border-opacity: 0.4
    }

    .sm\:focus-within\:border-opacity-50:focus-within {
        --tw-border-opacity: 0.5
    }

    .sm\:focus-within\:border-opacity-60:focus-within {
        --tw-border-opacity: 0.6
    }

    .sm\:focus-within\:border-opacity-70:focus-within {
        --tw-border-opacity: 0.7
    }

    .sm\:focus-within\:border-opacity-75:focus-within {
        --tw-border-opacity: 0.75
    }

    .sm\:focus-within\:border-opacity-80:focus-within {
        --tw-border-opacity: 0.8
    }

    .sm\:focus-within\:border-opacity-90:focus-within {
        --tw-border-opacity: 0.9
    }

    .sm\:focus-within\:border-opacity-95:focus-within {
        --tw-border-opacity: 0.95
    }

    .sm\:focus-within\:border-opacity-100:focus-within {
        --tw-border-opacity: 1
    }

    .sm\:hover\:border-opacity-0:hover {
        --tw-border-opacity: 0
    }

    .sm\:hover\:border-opacity-5:hover {
        --tw-border-opacity: 0.05
    }

    .sm\:hover\:border-opacity-10:hover {
        --tw-border-opacity: 0.1
    }

    .sm\:hover\:border-opacity-20:hover {
        --tw-border-opacity: 0.2
    }

    .sm\:hover\:border-opacity-25:hover {
        --tw-border-opacity: 0.25
    }

    .sm\:hover\:border-opacity-30:hover {
        --tw-border-opacity: 0.3
    }

    .sm\:hover\:border-opacity-40:hover {
        --tw-border-opacity: 0.4
    }

    .sm\:hover\:border-opacity-50:hover {
        --tw-border-opacity: 0.5
    }

    .sm\:hover\:border-opacity-60:hover {
        --tw-border-opacity: 0.6
    }

    .sm\:hover\:border-opacity-70:hover {
        --tw-border-opacity: 0.7
    }

    .sm\:hover\:border-opacity-75:hover {
        --tw-border-opacity: 0.75
    }

    .sm\:hover\:border-opacity-80:hover {
        --tw-border-opacity: 0.8
    }

    .sm\:hover\:border-opacity-90:hover {
        --tw-border-opacity: 0.9
    }

    .sm\:hover\:border-opacity-95:hover {
        --tw-border-opacity: 0.95
    }

    .sm\:hover\:border-opacity-100:hover {
        --tw-border-opacity: 1
    }

    .sm\:focus\:border-opacity-0:focus {
        --tw-border-opacity: 0
    }

    .sm\:focus\:border-opacity-5:focus {
        --tw-border-opacity: 0.05
    }

    .sm\:focus\:border-opacity-10:focus {
        --tw-border-opacity: 0.1
    }

    .sm\:focus\:border-opacity-20:focus {
        --tw-border-opacity: 0.2
    }

    .sm\:focus\:border-opacity-25:focus {
        --tw-border-opacity: 0.25
    }

    .sm\:focus\:border-opacity-30:focus {
        --tw-border-opacity: 0.3
    }

    .sm\:focus\:border-opacity-40:focus {
        --tw-border-opacity: 0.4
    }

    .sm\:focus\:border-opacity-50:focus {
        --tw-border-opacity: 0.5
    }

    .sm\:focus\:border-opacity-60:focus {
        --tw-border-opacity: 0.6
    }

    .sm\:focus\:border-opacity-70:focus {
        --tw-border-opacity: 0.7
    }

    .sm\:focus\:border-opacity-75:focus {
        --tw-border-opacity: 0.75
    }

    .sm\:focus\:border-opacity-80:focus {
        --tw-border-opacity: 0.8
    }

    .sm\:focus\:border-opacity-90:focus {
        --tw-border-opacity: 0.9
    }

    .sm\:focus\:border-opacity-95:focus {
        --tw-border-opacity: 0.95
    }

    .sm\:focus\:border-opacity-100:focus {
        --tw-border-opacity: 1
    }

    .group:hover .sm\:group-hover\:bg-transparent {
        background-color: transparent
    }

    .group:hover .sm\:group-hover\:bg-current {
        background-color: currentColor
    }

    .group:hover .sm\:group-hover\:bg-black {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-gray-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-gray-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-gray-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-gray-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-gray-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-gray-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-gray-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-gray-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-gray-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-gray-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-red-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-red-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-red-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-red-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-red-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-red-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-red-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-red-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-red-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-red-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-yellow-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-yellow-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-yellow-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-yellow-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-yellow-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-yellow-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-yellow-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-yellow-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-yellow-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-yellow-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-green-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-green-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-green-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-green-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-green-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-green-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-green-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-green-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-green-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-green-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-blue-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-blue-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-blue-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-blue-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-blue-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-blue-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-blue-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-blue-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-blue-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-blue-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-indigo-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-indigo-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-indigo-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-indigo-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-indigo-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-indigo-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-indigo-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-indigo-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-indigo-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-indigo-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-purple-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-purple-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-purple-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-purple-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-purple-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-purple-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-purple-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-purple-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-purple-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-purple-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-pink-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-pink-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-pink-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-pink-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-pink-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-pink-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-pink-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-pink-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-pink-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-pink-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-primary {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-orange {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .group:hover .sm\:group-hover\:bg-danger {
        background-color: #c75d5d
    }

    .sm\:focus-within\:bg-transparent:focus-within {
        background-color: transparent
    }

    .sm\:focus-within\:bg-current:focus-within {
        background-color: currentColor
    }

    .sm\:focus-within\:bg-black:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-white:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-gray-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-gray-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-gray-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-gray-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-gray-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-gray-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-gray-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-gray-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-gray-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-gray-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-red-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-red-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-red-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-red-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-red-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-red-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-red-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-red-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-red-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-red-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-yellow-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-yellow-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-yellow-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-yellow-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-yellow-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-yellow-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-yellow-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-yellow-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-yellow-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-yellow-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-green-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-green-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-green-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-green-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-green-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-green-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-green-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-green-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-green-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-green-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-blue-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-blue-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-blue-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-blue-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-blue-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-blue-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-blue-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-blue-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-blue-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-blue-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-indigo-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-indigo-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-indigo-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-indigo-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-indigo-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-indigo-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-indigo-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-indigo-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-indigo-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-indigo-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-purple-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-purple-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-purple-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-purple-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-purple-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-purple-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-purple-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-purple-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-purple-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-purple-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-pink-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-pink-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-pink-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-pink-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-pink-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-pink-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-pink-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-pink-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-pink-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-pink-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-primary:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-orange:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .sm\:focus-within\:bg-danger:focus-within {
        background-color: #c75d5d
    }

    .sm\:hover\:bg-transparent:hover {
        background-color: transparent
    }

    .sm\:hover\:bg-current:hover {
        background-color: currentColor
    }

    .sm\:hover\:bg-black:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-white:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-gray-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-gray-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-gray-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-gray-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-gray-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-gray-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-gray-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-gray-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-gray-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-gray-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-red-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-red-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-red-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-red-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-red-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-red-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-red-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-red-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-red-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-red-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-yellow-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-yellow-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-yellow-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-yellow-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-yellow-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-yellow-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-yellow-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-yellow-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-yellow-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-yellow-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-green-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-green-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-green-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-green-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-green-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-green-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-green-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-green-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-green-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-green-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-blue-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-blue-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-blue-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-blue-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-blue-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-blue-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-blue-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-blue-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-blue-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-blue-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-indigo-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-indigo-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-indigo-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-indigo-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-indigo-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-indigo-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-indigo-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-indigo-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-indigo-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-indigo-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-purple-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-purple-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-purple-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-purple-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-purple-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-purple-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-purple-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-purple-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-purple-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-purple-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-pink-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-pink-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-pink-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-pink-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-pink-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-pink-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-pink-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-pink-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-pink-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-pink-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-primary:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-orange:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .sm\:hover\:bg-danger:hover {
        background-color: #c75d5d
    }

    .sm\:focus\:bg-transparent:focus {
        background-color: transparent
    }

    .sm\:focus\:bg-current:focus {
        background-color: currentColor
    }

    .sm\:focus\:bg-black:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-white:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-gray-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-gray-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-gray-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-gray-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-gray-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-gray-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-gray-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-gray-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-gray-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-gray-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-red-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-red-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-red-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-red-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-red-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-red-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-red-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-red-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-red-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-red-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-yellow-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-yellow-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-yellow-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-yellow-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-yellow-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-yellow-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-yellow-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-yellow-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-yellow-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-yellow-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-green-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-green-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-green-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-green-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-green-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-green-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-green-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-green-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-green-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-green-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-blue-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-blue-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-blue-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-blue-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-blue-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-blue-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-blue-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-blue-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-blue-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-blue-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-indigo-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-indigo-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-indigo-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-indigo-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-indigo-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-indigo-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-indigo-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-indigo-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-indigo-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-indigo-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-purple-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-purple-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-purple-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-purple-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-purple-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-purple-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-purple-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-purple-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-purple-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-purple-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-pink-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-pink-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-pink-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-pink-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-pink-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-pink-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-pink-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-pink-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-pink-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-pink-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-primary:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-orange:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .sm\:focus\:bg-danger:focus {
        background-color: #c75d5d
    }

    .group:hover .sm\:group-hover\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }

    .group:hover .sm\:group-hover\:bg-opacity-5 {
        --tw-bg-opacity: 0.05
    }

    .group:hover .sm\:group-hover\:bg-opacity-10 {
        --tw-bg-opacity: 0.1
    }

    .group:hover .sm\:group-hover\:bg-opacity-20 {
        --tw-bg-opacity: 0.2
    }

    .group:hover .sm\:group-hover\:bg-opacity-25 {
        --tw-bg-opacity: 0.25
    }

    .group:hover .sm\:group-hover\:bg-opacity-30 {
        --tw-bg-opacity: 0.3
    }

    .group:hover .sm\:group-hover\:bg-opacity-40 {
        --tw-bg-opacity: 0.4
    }

    .group:hover .sm\:group-hover\:bg-opacity-50 {
        --tw-bg-opacity: 0.5
    }

    .group:hover .sm\:group-hover\:bg-opacity-60 {
        --tw-bg-opacity: 0.6
    }

    .group:hover .sm\:group-hover\:bg-opacity-70 {
        --tw-bg-opacity: 0.7
    }

    .group:hover .sm\:group-hover\:bg-opacity-75 {
        --tw-bg-opacity: 0.75
    }

    .group:hover .sm\:group-hover\:bg-opacity-80 {
        --tw-bg-opacity: 0.8
    }

    .group:hover .sm\:group-hover\:bg-opacity-90 {
        --tw-bg-opacity: 0.9
    }

    .group:hover .sm\:group-hover\:bg-opacity-95 {
        --tw-bg-opacity: 0.95
    }

    .group:hover .sm\:group-hover\:bg-opacity-100 {
        --tw-bg-opacity: 1
    }

    .sm\:focus-within\:bg-opacity-0:focus-within {
        --tw-bg-opacity: 0
    }

    .sm\:focus-within\:bg-opacity-5:focus-within {
        --tw-bg-opacity: 0.05
    }

    .sm\:focus-within\:bg-opacity-10:focus-within {
        --tw-bg-opacity: 0.1
    }

    .sm\:focus-within\:bg-opacity-20:focus-within {
        --tw-bg-opacity: 0.2
    }

    .sm\:focus-within\:bg-opacity-25:focus-within {
        --tw-bg-opacity: 0.25
    }

    .sm\:focus-within\:bg-opacity-30:focus-within {
        --tw-bg-opacity: 0.3
    }

    .sm\:focus-within\:bg-opacity-40:focus-within {
        --tw-bg-opacity: 0.4
    }

    .sm\:focus-within\:bg-opacity-50:focus-within {
        --tw-bg-opacity: 0.5
    }

    .sm\:focus-within\:bg-opacity-60:focus-within {
        --tw-bg-opacity: 0.6
    }

    .sm\:focus-within\:bg-opacity-70:focus-within {
        --tw-bg-opacity: 0.7
    }

    .sm\:focus-within\:bg-opacity-75:focus-within {
        --tw-bg-opacity: 0.75
    }

    .sm\:focus-within\:bg-opacity-80:focus-within {
        --tw-bg-opacity: 0.8
    }

    .sm\:focus-within\:bg-opacity-90:focus-within {
        --tw-bg-opacity: 0.9
    }

    .sm\:focus-within\:bg-opacity-95:focus-within {
        --tw-bg-opacity: 0.95
    }

    .sm\:focus-within\:bg-opacity-100:focus-within {
        --tw-bg-opacity: 1
    }

    .sm\:hover\:bg-opacity-0:hover {
        --tw-bg-opacity: 0
    }

    .sm\:hover\:bg-opacity-5:hover {
        --tw-bg-opacity: 0.05
    }

    .sm\:hover\:bg-opacity-10:hover {
        --tw-bg-opacity: 0.1
    }

    .sm\:hover\:bg-opacity-20:hover {
        --tw-bg-opacity: 0.2
    }

    .sm\:hover\:bg-opacity-25:hover {
        --tw-bg-opacity: 0.25
    }

    .sm\:hover\:bg-opacity-30:hover {
        --tw-bg-opacity: 0.3
    }

    .sm\:hover\:bg-opacity-40:hover {
        --tw-bg-opacity: 0.4
    }

    .sm\:hover\:bg-opacity-50:hover {
        --tw-bg-opacity: 0.5
    }

    .sm\:hover\:bg-opacity-60:hover {
        --tw-bg-opacity: 0.6
    }

    .sm\:hover\:bg-opacity-70:hover {
        --tw-bg-opacity: 0.7
    }

    .sm\:hover\:bg-opacity-75:hover {
        --tw-bg-opacity: 0.75
    }

    .sm\:hover\:bg-opacity-80:hover {
        --tw-bg-opacity: 0.8
    }

    .sm\:hover\:bg-opacity-90:hover {
        --tw-bg-opacity: 0.9
    }

    .sm\:hover\:bg-opacity-95:hover {
        --tw-bg-opacity: 0.95
    }

    .sm\:hover\:bg-opacity-100:hover {
        --tw-bg-opacity: 1
    }

    .sm\:focus\:bg-opacity-0:focus {
        --tw-bg-opacity: 0
    }

    .sm\:focus\:bg-opacity-5:focus {
        --tw-bg-opacity: 0.05
    }

    .sm\:focus\:bg-opacity-10:focus {
        --tw-bg-opacity: 0.1
    }

    .sm\:focus\:bg-opacity-20:focus {
        --tw-bg-opacity: 0.2
    }

    .sm\:focus\:bg-opacity-25:focus {
        --tw-bg-opacity: 0.25
    }

    .sm\:focus\:bg-opacity-30:focus {
        --tw-bg-opacity: 0.3
    }

    .sm\:focus\:bg-opacity-40:focus {
        --tw-bg-opacity: 0.4
    }

    .sm\:focus\:bg-opacity-50:focus {
        --tw-bg-opacity: 0.5
    }

    .sm\:focus\:bg-opacity-60:focus {
        --tw-bg-opacity: 0.6
    }

    .sm\:focus\:bg-opacity-70:focus {
        --tw-bg-opacity: 0.7
    }

    .sm\:focus\:bg-opacity-75:focus {
        --tw-bg-opacity: 0.75
    }

    .sm\:focus\:bg-opacity-80:focus {
        --tw-bg-opacity: 0.8
    }

    .sm\:focus\:bg-opacity-90:focus {
        --tw-bg-opacity: 0.9
    }

    .sm\:focus\:bg-opacity-95:focus {
        --tw-bg-opacity: 0.95
    }

    .sm\:focus\:bg-opacity-100:focus {
        --tw-bg-opacity: 1
    }

    .sm\:hover\:from-transparent:hover {
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .sm\:hover\:from-current:hover {
        --tw-gradient-from: currentColor;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .sm\:hover\:from-black:hover {
        --tw-gradient-from: #000;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .sm\:hover\:from-white:hover {
        --tw-gradient-from: #fff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .sm\:hover\:from-gray-50:hover {
        --tw-gradient-from: #f9fafb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .sm\:hover\:from-gray-100:hover {
        --tw-gradient-from: #f3f4f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .sm\:hover\:from-gray-200:hover {
        --tw-gradient-from: #e5e7eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .sm\:hover\:from-gray-300:hover {
        --tw-gradient-from: #d1d5db;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .sm\:hover\:from-gray-400:hover {
        --tw-gradient-from: #9ca3af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .sm\:hover\:from-gray-500:hover {
        --tw-gradient-from: #6b7280;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .sm\:hover\:from-gray-600:hover {
        --tw-gradient-from: #4b5563;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .sm\:hover\:from-gray-700:hover {
        --tw-gradient-from: #374151;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .sm\:hover\:from-gray-800:hover {
        --tw-gradient-from: #1f2937;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .sm\:hover\:from-gray-900:hover {
        --tw-gradient-from: #111827;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .sm\:hover\:from-red-50:hover {
        --tw-gradient-from: #fef2f2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .sm\:hover\:from-red-100:hover {
        --tw-gradient-from: #fee2e2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .sm\:hover\:from-red-200:hover {
        --tw-gradient-from: #fecaca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .sm\:hover\:from-red-300:hover {
        --tw-gradient-from: #fca5a5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .sm\:hover\:from-red-400:hover {
        --tw-gradient-from: #f87171;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .sm\:hover\:from-red-500:hover {
        --tw-gradient-from: #ef4444;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .sm\:hover\:from-red-600:hover {
        --tw-gradient-from: #dc2626;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .sm\:hover\:from-red-700:hover {
        --tw-gradient-from: #b91c1c;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .sm\:hover\:from-red-800:hover {
        --tw-gradient-from: #991b1b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .sm\:hover\:from-red-900:hover {
        --tw-gradient-from: #7f1d1d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .sm\:hover\:from-yellow-50:hover {
        --tw-gradient-from: #fffbeb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .sm\:hover\:from-yellow-100:hover {
        --tw-gradient-from: #fef3c7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .sm\:hover\:from-yellow-200:hover {
        --tw-gradient-from: #fde68a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .sm\:hover\:from-yellow-300:hover {
        --tw-gradient-from: #fcd34d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .sm\:hover\:from-yellow-400:hover {
        --tw-gradient-from: #fbbf24;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .sm\:hover\:from-yellow-500:hover {
        --tw-gradient-from: #f59e0b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .sm\:hover\:from-yellow-600:hover {
        --tw-gradient-from: #d97706;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .sm\:hover\:from-yellow-700:hover {
        --tw-gradient-from: #b45309;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .sm\:hover\:from-yellow-800:hover {
        --tw-gradient-from: #92400e;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .sm\:hover\:from-yellow-900:hover {
        --tw-gradient-from: #78350f;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .sm\:hover\:from-green-50:hover {
        --tw-gradient-from: #ecfdf5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .sm\:hover\:from-green-100:hover {
        --tw-gradient-from: #d1fae5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .sm\:hover\:from-green-200:hover {
        --tw-gradient-from: #a7f3d0;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .sm\:hover\:from-green-300:hover {
        --tw-gradient-from: #6ee7b7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .sm\:hover\:from-green-400:hover {
        --tw-gradient-from: #34d399;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .sm\:hover\:from-green-500:hover {
        --tw-gradient-from: #10b981;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .sm\:hover\:from-green-600:hover {
        --tw-gradient-from: #059669;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .sm\:hover\:from-green-700:hover {
        --tw-gradient-from: #047857;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .sm\:hover\:from-green-800:hover {
        --tw-gradient-from: #065f46;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .sm\:hover\:from-green-900:hover {
        --tw-gradient-from: #064e3b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .sm\:hover\:from-blue-50:hover {
        --tw-gradient-from: #eff6ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .sm\:hover\:from-blue-100:hover {
        --tw-gradient-from: #dbeafe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .sm\:hover\:from-blue-200:hover {
        --tw-gradient-from: #bfdbfe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .sm\:hover\:from-blue-300:hover {
        --tw-gradient-from: #93c5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .sm\:hover\:from-blue-400:hover {
        --tw-gradient-from: #60a5fa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .sm\:hover\:from-blue-500:hover {
        --tw-gradient-from: #3b82f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .sm\:hover\:from-blue-600:hover {
        --tw-gradient-from: #2563eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .sm\:hover\:from-blue-700:hover {
        --tw-gradient-from: #1d4ed8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .sm\:hover\:from-blue-800:hover {
        --tw-gradient-from: #1e40af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .sm\:hover\:from-blue-900:hover {
        --tw-gradient-from: #1e3a8a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .sm\:hover\:from-indigo-50:hover {
        --tw-gradient-from: #eef2ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .sm\:hover\:from-indigo-100:hover {
        --tw-gradient-from: #e0e7ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .sm\:hover\:from-indigo-200:hover {
        --tw-gradient-from: #c7d2fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .sm\:hover\:from-indigo-300:hover {
        --tw-gradient-from: #a5b4fc;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .sm\:hover\:from-indigo-400:hover {
        --tw-gradient-from: #818cf8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .sm\:hover\:from-indigo-500:hover {
        --tw-gradient-from: #6366f1;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .sm\:hover\:from-indigo-600:hover {
        --tw-gradient-from: #4f46e5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .sm\:hover\:from-indigo-700:hover {
        --tw-gradient-from: #4338ca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .sm\:hover\:from-indigo-800:hover {
        --tw-gradient-from: #3730a3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .sm\:hover\:from-indigo-900:hover {
        --tw-gradient-from: #312e81;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .sm\:hover\:from-purple-50:hover {
        --tw-gradient-from: #f5f3ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .sm\:hover\:from-purple-100:hover {
        --tw-gradient-from: #ede9fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .sm\:hover\:from-purple-200:hover {
        --tw-gradient-from: #ddd6fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .sm\:hover\:from-purple-300:hover {
        --tw-gradient-from: #c4b5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .sm\:hover\:from-purple-400:hover {
        --tw-gradient-from: #a78bfa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .sm\:hover\:from-purple-500:hover {
        --tw-gradient-from: #8b5cf6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .sm\:hover\:from-purple-600:hover {
        --tw-gradient-from: #7c3aed;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .sm\:hover\:from-purple-700:hover {
        --tw-gradient-from: #6d28d9;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .sm\:hover\:from-purple-800:hover {
        --tw-gradient-from: #5b21b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .sm\:hover\:from-purple-900:hover {
        --tw-gradient-from: #4c1d95;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .sm\:hover\:from-pink-50:hover {
        --tw-gradient-from: #fdf2f8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .sm\:hover\:from-pink-100:hover {
        --tw-gradient-from: #fce7f3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .sm\:hover\:from-pink-200:hover {
        --tw-gradient-from: #fbcfe8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .sm\:hover\:from-pink-300:hover {
        --tw-gradient-from: #f9a8d4;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .sm\:hover\:from-pink-400:hover {
        --tw-gradient-from: #f472b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .sm\:hover\:from-pink-500:hover {
        --tw-gradient-from: #ec4899;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .sm\:hover\:from-pink-600:hover {
        --tw-gradient-from: #db2777;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .sm\:hover\:from-pink-700:hover {
        --tw-gradient-from: #be185d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .sm\:hover\:from-pink-800:hover {
        --tw-gradient-from: #9d174d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .sm\:hover\:from-pink-900:hover {
        --tw-gradient-from: #831843;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .sm\:hover\:from-primary:hover {
        --tw-gradient-from: #1ab938;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .sm\:hover\:from-orange:hover {
        --tw-gradient-from: #fdab5a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .sm\:hover\:from-danger:hover {
        --tw-gradient-from: #c75d5d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .sm\:focus\:from-transparent:focus {
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .sm\:focus\:from-current:focus {
        --tw-gradient-from: currentColor;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .sm\:focus\:from-black:focus {
        --tw-gradient-from: #000;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .sm\:focus\:from-white:focus {
        --tw-gradient-from: #fff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .sm\:focus\:from-gray-50:focus {
        --tw-gradient-from: #f9fafb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .sm\:focus\:from-gray-100:focus {
        --tw-gradient-from: #f3f4f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .sm\:focus\:from-gray-200:focus {
        --tw-gradient-from: #e5e7eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .sm\:focus\:from-gray-300:focus {
        --tw-gradient-from: #d1d5db;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .sm\:focus\:from-gray-400:focus {
        --tw-gradient-from: #9ca3af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .sm\:focus\:from-gray-500:focus {
        --tw-gradient-from: #6b7280;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .sm\:focus\:from-gray-600:focus {
        --tw-gradient-from: #4b5563;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .sm\:focus\:from-gray-700:focus {
        --tw-gradient-from: #374151;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .sm\:focus\:from-gray-800:focus {
        --tw-gradient-from: #1f2937;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .sm\:focus\:from-gray-900:focus {
        --tw-gradient-from: #111827;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .sm\:focus\:from-red-50:focus {
        --tw-gradient-from: #fef2f2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .sm\:focus\:from-red-100:focus {
        --tw-gradient-from: #fee2e2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .sm\:focus\:from-red-200:focus {
        --tw-gradient-from: #fecaca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .sm\:focus\:from-red-300:focus {
        --tw-gradient-from: #fca5a5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .sm\:focus\:from-red-400:focus {
        --tw-gradient-from: #f87171;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .sm\:focus\:from-red-500:focus {
        --tw-gradient-from: #ef4444;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .sm\:focus\:from-red-600:focus {
        --tw-gradient-from: #dc2626;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .sm\:focus\:from-red-700:focus {
        --tw-gradient-from: #b91c1c;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .sm\:focus\:from-red-800:focus {
        --tw-gradient-from: #991b1b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .sm\:focus\:from-red-900:focus {
        --tw-gradient-from: #7f1d1d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .sm\:focus\:from-yellow-50:focus {
        --tw-gradient-from: #fffbeb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .sm\:focus\:from-yellow-100:focus {
        --tw-gradient-from: #fef3c7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .sm\:focus\:from-yellow-200:focus {
        --tw-gradient-from: #fde68a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .sm\:focus\:from-yellow-300:focus {
        --tw-gradient-from: #fcd34d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .sm\:focus\:from-yellow-400:focus {
        --tw-gradient-from: #fbbf24;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .sm\:focus\:from-yellow-500:focus {
        --tw-gradient-from: #f59e0b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .sm\:focus\:from-yellow-600:focus {
        --tw-gradient-from: #d97706;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .sm\:focus\:from-yellow-700:focus {
        --tw-gradient-from: #b45309;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .sm\:focus\:from-yellow-800:focus {
        --tw-gradient-from: #92400e;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .sm\:focus\:from-yellow-900:focus {
        --tw-gradient-from: #78350f;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .sm\:focus\:from-green-50:focus {
        --tw-gradient-from: #ecfdf5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .sm\:focus\:from-green-100:focus {
        --tw-gradient-from: #d1fae5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .sm\:focus\:from-green-200:focus {
        --tw-gradient-from: #a7f3d0;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .sm\:focus\:from-green-300:focus {
        --tw-gradient-from: #6ee7b7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .sm\:focus\:from-green-400:focus {
        --tw-gradient-from: #34d399;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .sm\:focus\:from-green-500:focus {
        --tw-gradient-from: #10b981;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .sm\:focus\:from-green-600:focus {
        --tw-gradient-from: #059669;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .sm\:focus\:from-green-700:focus {
        --tw-gradient-from: #047857;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .sm\:focus\:from-green-800:focus {
        --tw-gradient-from: #065f46;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .sm\:focus\:from-green-900:focus {
        --tw-gradient-from: #064e3b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .sm\:focus\:from-blue-50:focus {
        --tw-gradient-from: #eff6ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .sm\:focus\:from-blue-100:focus {
        --tw-gradient-from: #dbeafe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .sm\:focus\:from-blue-200:focus {
        --tw-gradient-from: #bfdbfe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .sm\:focus\:from-blue-300:focus {
        --tw-gradient-from: #93c5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .sm\:focus\:from-blue-400:focus {
        --tw-gradient-from: #60a5fa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .sm\:focus\:from-blue-500:focus {
        --tw-gradient-from: #3b82f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .sm\:focus\:from-blue-600:focus {
        --tw-gradient-from: #2563eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .sm\:focus\:from-blue-700:focus {
        --tw-gradient-from: #1d4ed8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .sm\:focus\:from-blue-800:focus {
        --tw-gradient-from: #1e40af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .sm\:focus\:from-blue-900:focus {
        --tw-gradient-from: #1e3a8a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .sm\:focus\:from-indigo-50:focus {
        --tw-gradient-from: #eef2ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .sm\:focus\:from-indigo-100:focus {
        --tw-gradient-from: #e0e7ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .sm\:focus\:from-indigo-200:focus {
        --tw-gradient-from: #c7d2fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .sm\:focus\:from-indigo-300:focus {
        --tw-gradient-from: #a5b4fc;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .sm\:focus\:from-indigo-400:focus {
        --tw-gradient-from: #818cf8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .sm\:focus\:from-indigo-500:focus {
        --tw-gradient-from: #6366f1;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .sm\:focus\:from-indigo-600:focus {
        --tw-gradient-from: #4f46e5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .sm\:focus\:from-indigo-700:focus {
        --tw-gradient-from: #4338ca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .sm\:focus\:from-indigo-800:focus {
        --tw-gradient-from: #3730a3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .sm\:focus\:from-indigo-900:focus {
        --tw-gradient-from: #312e81;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .sm\:focus\:from-purple-50:focus {
        --tw-gradient-from: #f5f3ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .sm\:focus\:from-purple-100:focus {
        --tw-gradient-from: #ede9fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .sm\:focus\:from-purple-200:focus {
        --tw-gradient-from: #ddd6fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .sm\:focus\:from-purple-300:focus {
        --tw-gradient-from: #c4b5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .sm\:focus\:from-purple-400:focus {
        --tw-gradient-from: #a78bfa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .sm\:focus\:from-purple-500:focus {
        --tw-gradient-from: #8b5cf6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .sm\:focus\:from-purple-600:focus {
        --tw-gradient-from: #7c3aed;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .sm\:focus\:from-purple-700:focus {
        --tw-gradient-from: #6d28d9;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .sm\:focus\:from-purple-800:focus {
        --tw-gradient-from: #5b21b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .sm\:focus\:from-purple-900:focus {
        --tw-gradient-from: #4c1d95;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .sm\:focus\:from-pink-50:focus {
        --tw-gradient-from: #fdf2f8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .sm\:focus\:from-pink-100:focus {
        --tw-gradient-from: #fce7f3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .sm\:focus\:from-pink-200:focus {
        --tw-gradient-from: #fbcfe8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .sm\:focus\:from-pink-300:focus {
        --tw-gradient-from: #f9a8d4;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .sm\:focus\:from-pink-400:focus {
        --tw-gradient-from: #f472b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .sm\:focus\:from-pink-500:focus {
        --tw-gradient-from: #ec4899;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .sm\:focus\:from-pink-600:focus {
        --tw-gradient-from: #db2777;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .sm\:focus\:from-pink-700:focus {
        --tw-gradient-from: #be185d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .sm\:focus\:from-pink-800:focus {
        --tw-gradient-from: #9d174d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .sm\:focus\:from-pink-900:focus {
        --tw-gradient-from: #831843;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .sm\:focus\:from-primary:focus {
        --tw-gradient-from: #1ab938;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .sm\:focus\:from-orange:focus {
        --tw-gradient-from: #fdab5a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .sm\:focus\:from-danger:focus {
        --tw-gradient-from: #c75d5d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .sm\:hover\:via-transparent:hover {
        --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, transparent)
    }

    .sm\:hover\:via-current:hover {
        --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .sm\:hover\:via-black:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, transparent)
    }

    .sm\:hover\:via-white:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .sm\:hover\:via-gray-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .sm\:hover\:via-gray-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .sm\:hover\:via-gray-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .sm\:hover\:via-gray-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .sm\:hover\:via-gray-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .sm\:hover\:via-gray-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .sm\:hover\:via-gray-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .sm\:hover\:via-gray-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .sm\:hover\:via-gray-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .sm\:hover\:via-gray-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .sm\:hover\:via-red-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .sm\:hover\:via-red-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .sm\:hover\:via-red-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .sm\:hover\:via-red-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .sm\:hover\:via-red-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .sm\:hover\:via-red-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .sm\:hover\:via-red-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .sm\:hover\:via-red-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .sm\:hover\:via-red-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .sm\:hover\:via-red-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .sm\:hover\:via-yellow-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .sm\:hover\:via-yellow-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .sm\:hover\:via-yellow-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .sm\:hover\:via-yellow-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .sm\:hover\:via-yellow-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .sm\:hover\:via-yellow-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .sm\:hover\:via-yellow-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .sm\:hover\:via-yellow-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .sm\:hover\:via-yellow-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .sm\:hover\:via-yellow-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .sm\:hover\:via-green-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .sm\:hover\:via-green-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .sm\:hover\:via-green-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .sm\:hover\:via-green-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .sm\:hover\:via-green-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .sm\:hover\:via-green-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .sm\:hover\:via-green-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .sm\:hover\:via-green-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .sm\:hover\:via-green-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .sm\:hover\:via-green-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .sm\:hover\:via-blue-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .sm\:hover\:via-blue-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .sm\:hover\:via-blue-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .sm\:hover\:via-blue-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .sm\:hover\:via-blue-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .sm\:hover\:via-blue-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .sm\:hover\:via-blue-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .sm\:hover\:via-blue-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .sm\:hover\:via-blue-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .sm\:hover\:via-blue-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .sm\:hover\:via-indigo-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .sm\:hover\:via-indigo-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .sm\:hover\:via-indigo-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .sm\:hover\:via-indigo-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .sm\:hover\:via-indigo-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .sm\:hover\:via-indigo-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .sm\:hover\:via-indigo-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .sm\:hover\:via-indigo-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .sm\:hover\:via-indigo-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .sm\:hover\:via-indigo-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .sm\:hover\:via-purple-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .sm\:hover\:via-purple-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .sm\:hover\:via-purple-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .sm\:hover\:via-purple-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .sm\:hover\:via-purple-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .sm\:hover\:via-purple-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .sm\:hover\:via-purple-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .sm\:hover\:via-purple-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .sm\:hover\:via-purple-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .sm\:hover\:via-purple-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .sm\:hover\:via-pink-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .sm\:hover\:via-pink-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .sm\:hover\:via-pink-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .sm\:hover\:via-pink-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .sm\:hover\:via-pink-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .sm\:hover\:via-pink-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .sm\:hover\:via-pink-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .sm\:hover\:via-pink-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .sm\:hover\:via-pink-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .sm\:hover\:via-pink-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .sm\:hover\:via-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1ab938, var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .sm\:hover\:via-orange:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fdab5a, var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .sm\:hover\:via-danger:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #c75d5d, var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .sm\:focus\:via-transparent:focus {
        --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, transparent)
    }

    .sm\:focus\:via-current:focus {
        --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .sm\:focus\:via-black:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, transparent)
    }

    .sm\:focus\:via-white:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .sm\:focus\:via-gray-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .sm\:focus\:via-gray-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .sm\:focus\:via-gray-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .sm\:focus\:via-gray-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .sm\:focus\:via-gray-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .sm\:focus\:via-gray-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .sm\:focus\:via-gray-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .sm\:focus\:via-gray-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .sm\:focus\:via-gray-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .sm\:focus\:via-gray-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .sm\:focus\:via-red-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .sm\:focus\:via-red-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .sm\:focus\:via-red-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .sm\:focus\:via-red-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .sm\:focus\:via-red-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .sm\:focus\:via-red-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .sm\:focus\:via-red-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .sm\:focus\:via-red-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .sm\:focus\:via-red-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .sm\:focus\:via-red-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .sm\:focus\:via-yellow-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .sm\:focus\:via-yellow-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .sm\:focus\:via-yellow-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .sm\:focus\:via-yellow-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .sm\:focus\:via-yellow-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .sm\:focus\:via-yellow-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .sm\:focus\:via-yellow-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .sm\:focus\:via-yellow-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .sm\:focus\:via-yellow-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .sm\:focus\:via-yellow-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .sm\:focus\:via-green-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .sm\:focus\:via-green-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .sm\:focus\:via-green-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .sm\:focus\:via-green-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .sm\:focus\:via-green-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .sm\:focus\:via-green-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .sm\:focus\:via-green-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .sm\:focus\:via-green-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .sm\:focus\:via-green-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .sm\:focus\:via-green-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .sm\:focus\:via-blue-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .sm\:focus\:via-blue-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .sm\:focus\:via-blue-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .sm\:focus\:via-blue-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .sm\:focus\:via-blue-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .sm\:focus\:via-blue-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .sm\:focus\:via-blue-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .sm\:focus\:via-blue-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .sm\:focus\:via-blue-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .sm\:focus\:via-blue-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .sm\:focus\:via-indigo-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .sm\:focus\:via-indigo-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .sm\:focus\:via-indigo-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .sm\:focus\:via-indigo-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .sm\:focus\:via-indigo-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .sm\:focus\:via-indigo-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .sm\:focus\:via-indigo-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .sm\:focus\:via-indigo-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .sm\:focus\:via-indigo-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .sm\:focus\:via-indigo-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .sm\:focus\:via-purple-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .sm\:focus\:via-purple-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .sm\:focus\:via-purple-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .sm\:focus\:via-purple-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .sm\:focus\:via-purple-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .sm\:focus\:via-purple-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .sm\:focus\:via-purple-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .sm\:focus\:via-purple-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .sm\:focus\:via-purple-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .sm\:focus\:via-purple-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .sm\:focus\:via-pink-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .sm\:focus\:via-pink-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .sm\:focus\:via-pink-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .sm\:focus\:via-pink-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .sm\:focus\:via-pink-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .sm\:focus\:via-pink-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .sm\:focus\:via-pink-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .sm\:focus\:via-pink-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .sm\:focus\:via-pink-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .sm\:focus\:via-pink-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .sm\:focus\:via-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1ab938, var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .sm\:focus\:via-orange:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fdab5a, var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .sm\:focus\:via-danger:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #c75d5d, var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .sm\:hover\:to-transparent:hover {
        --tw-gradient-to: transparent
    }

    .sm\:hover\:to-current:hover {
        --tw-gradient-to: currentColor
    }

    .sm\:hover\:to-black:hover {
        --tw-gradient-to: #000
    }

    .sm\:hover\:to-white:hover {
        --tw-gradient-to: #fff
    }

    .sm\:hover\:to-gray-50:hover {
        --tw-gradient-to: #f9fafb
    }

    .sm\:hover\:to-gray-100:hover {
        --tw-gradient-to: #f3f4f6
    }

    .sm\:hover\:to-gray-200:hover {
        --tw-gradient-to: #e5e7eb
    }

    .sm\:hover\:to-gray-300:hover {
        --tw-gradient-to: #d1d5db
    }

    .sm\:hover\:to-gray-400:hover {
        --tw-gradient-to: #9ca3af
    }

    .sm\:hover\:to-gray-500:hover {
        --tw-gradient-to: #6b7280
    }

    .sm\:hover\:to-gray-600:hover {
        --tw-gradient-to: #4b5563
    }

    .sm\:hover\:to-gray-700:hover {
        --tw-gradient-to: #374151
    }

    .sm\:hover\:to-gray-800:hover {
        --tw-gradient-to: #1f2937
    }

    .sm\:hover\:to-gray-900:hover {
        --tw-gradient-to: #111827
    }

    .sm\:hover\:to-red-50:hover {
        --tw-gradient-to: #fef2f2
    }

    .sm\:hover\:to-red-100:hover {
        --tw-gradient-to: #fee2e2
    }

    .sm\:hover\:to-red-200:hover {
        --tw-gradient-to: #fecaca
    }

    .sm\:hover\:to-red-300:hover {
        --tw-gradient-to: #fca5a5
    }

    .sm\:hover\:to-red-400:hover {
        --tw-gradient-to: #f87171
    }

    .sm\:hover\:to-red-500:hover {
        --tw-gradient-to: #ef4444
    }

    .sm\:hover\:to-red-600:hover {
        --tw-gradient-to: #dc2626
    }

    .sm\:hover\:to-red-700:hover {
        --tw-gradient-to: #b91c1c
    }

    .sm\:hover\:to-red-800:hover {
        --tw-gradient-to: #991b1b
    }

    .sm\:hover\:to-red-900:hover {
        --tw-gradient-to: #7f1d1d
    }

    .sm\:hover\:to-yellow-50:hover {
        --tw-gradient-to: #fffbeb
    }

    .sm\:hover\:to-yellow-100:hover {
        --tw-gradient-to: #fef3c7
    }

    .sm\:hover\:to-yellow-200:hover {
        --tw-gradient-to: #fde68a
    }

    .sm\:hover\:to-yellow-300:hover {
        --tw-gradient-to: #fcd34d
    }

    .sm\:hover\:to-yellow-400:hover {
        --tw-gradient-to: #fbbf24
    }

    .sm\:hover\:to-yellow-500:hover {
        --tw-gradient-to: #f59e0b
    }

    .sm\:hover\:to-yellow-600:hover {
        --tw-gradient-to: #d97706
    }

    .sm\:hover\:to-yellow-700:hover {
        --tw-gradient-to: #b45309
    }

    .sm\:hover\:to-yellow-800:hover {
        --tw-gradient-to: #92400e
    }

    .sm\:hover\:to-yellow-900:hover {
        --tw-gradient-to: #78350f
    }

    .sm\:hover\:to-green-50:hover {
        --tw-gradient-to: #ecfdf5
    }

    .sm\:hover\:to-green-100:hover {
        --tw-gradient-to: #d1fae5
    }

    .sm\:hover\:to-green-200:hover {
        --tw-gradient-to: #a7f3d0
    }

    .sm\:hover\:to-green-300:hover {
        --tw-gradient-to: #6ee7b7
    }

    .sm\:hover\:to-green-400:hover {
        --tw-gradient-to: #34d399
    }

    .sm\:hover\:to-green-500:hover {
        --tw-gradient-to: #10b981
    }

    .sm\:hover\:to-green-600:hover {
        --tw-gradient-to: #059669
    }

    .sm\:hover\:to-green-700:hover {
        --tw-gradient-to: #047857
    }

    .sm\:hover\:to-green-800:hover {
        --tw-gradient-to: #065f46
    }

    .sm\:hover\:to-green-900:hover {
        --tw-gradient-to: #064e3b
    }

    .sm\:hover\:to-blue-50:hover {
        --tw-gradient-to: #eff6ff
    }

    .sm\:hover\:to-blue-100:hover {
        --tw-gradient-to: #dbeafe
    }

    .sm\:hover\:to-blue-200:hover {
        --tw-gradient-to: #bfdbfe
    }

    .sm\:hover\:to-blue-300:hover {
        --tw-gradient-to: #93c5fd
    }

    .sm\:hover\:to-blue-400:hover {
        --tw-gradient-to: #60a5fa
    }

    .sm\:hover\:to-blue-500:hover {
        --tw-gradient-to: #3b82f6
    }

    .sm\:hover\:to-blue-600:hover {
        --tw-gradient-to: #2563eb
    }

    .sm\:hover\:to-blue-700:hover {
        --tw-gradient-to: #1d4ed8
    }

    .sm\:hover\:to-blue-800:hover {
        --tw-gradient-to: #1e40af
    }

    .sm\:hover\:to-blue-900:hover {
        --tw-gradient-to: #1e3a8a
    }

    .sm\:hover\:to-indigo-50:hover {
        --tw-gradient-to: #eef2ff
    }

    .sm\:hover\:to-indigo-100:hover {
        --tw-gradient-to: #e0e7ff
    }

    .sm\:hover\:to-indigo-200:hover {
        --tw-gradient-to: #c7d2fe
    }

    .sm\:hover\:to-indigo-300:hover {
        --tw-gradient-to: #a5b4fc
    }

    .sm\:hover\:to-indigo-400:hover {
        --tw-gradient-to: #818cf8
    }

    .sm\:hover\:to-indigo-500:hover {
        --tw-gradient-to: #6366f1
    }

    .sm\:hover\:to-indigo-600:hover {
        --tw-gradient-to: #4f46e5
    }

    .sm\:hover\:to-indigo-700:hover {
        --tw-gradient-to: #4338ca
    }

    .sm\:hover\:to-indigo-800:hover {
        --tw-gradient-to: #3730a3
    }

    .sm\:hover\:to-indigo-900:hover {
        --tw-gradient-to: #312e81
    }

    .sm\:hover\:to-purple-50:hover {
        --tw-gradient-to: #f5f3ff
    }

    .sm\:hover\:to-purple-100:hover {
        --tw-gradient-to: #ede9fe
    }

    .sm\:hover\:to-purple-200:hover {
        --tw-gradient-to: #ddd6fe
    }

    .sm\:hover\:to-purple-300:hover {
        --tw-gradient-to: #c4b5fd
    }

    .sm\:hover\:to-purple-400:hover {
        --tw-gradient-to: #a78bfa
    }

    .sm\:hover\:to-purple-500:hover {
        --tw-gradient-to: #8b5cf6
    }

    .sm\:hover\:to-purple-600:hover {
        --tw-gradient-to: #7c3aed
    }

    .sm\:hover\:to-purple-700:hover {
        --tw-gradient-to: #6d28d9
    }

    .sm\:hover\:to-purple-800:hover {
        --tw-gradient-to: #5b21b6
    }

    .sm\:hover\:to-purple-900:hover {
        --tw-gradient-to: #4c1d95
    }

    .sm\:hover\:to-pink-50:hover {
        --tw-gradient-to: #fdf2f8
    }

    .sm\:hover\:to-pink-100:hover {
        --tw-gradient-to: #fce7f3
    }

    .sm\:hover\:to-pink-200:hover {
        --tw-gradient-to: #fbcfe8
    }

    .sm\:hover\:to-pink-300:hover {
        --tw-gradient-to: #f9a8d4
    }

    .sm\:hover\:to-pink-400:hover {
        --tw-gradient-to: #f472b6
    }

    .sm\:hover\:to-pink-500:hover {
        --tw-gradient-to: #ec4899
    }

    .sm\:hover\:to-pink-600:hover {
        --tw-gradient-to: #db2777
    }

    .sm\:hover\:to-pink-700:hover {
        --tw-gradient-to: #be185d
    }

    .sm\:hover\:to-pink-800:hover {
        --tw-gradient-to: #9d174d
    }

    .sm\:hover\:to-pink-900:hover {
        --tw-gradient-to: #831843
    }

    .sm\:hover\:to-primary:hover {
        --tw-gradient-to: #1ab938
    }

    .sm\:hover\:to-orange:hover {
        --tw-gradient-to: #fdab5a
    }

    .sm\:hover\:to-danger:hover {
        --tw-gradient-to: #c75d5d
    }

    .sm\:focus\:to-transparent:focus {
        --tw-gradient-to: transparent
    }

    .sm\:focus\:to-current:focus {
        --tw-gradient-to: currentColor
    }

    .sm\:focus\:to-black:focus {
        --tw-gradient-to: #000
    }

    .sm\:focus\:to-white:focus {
        --tw-gradient-to: #fff
    }

    .sm\:focus\:to-gray-50:focus {
        --tw-gradient-to: #f9fafb
    }

    .sm\:focus\:to-gray-100:focus {
        --tw-gradient-to: #f3f4f6
    }

    .sm\:focus\:to-gray-200:focus {
        --tw-gradient-to: #e5e7eb
    }

    .sm\:focus\:to-gray-300:focus {
        --tw-gradient-to: #d1d5db
    }

    .sm\:focus\:to-gray-400:focus {
        --tw-gradient-to: #9ca3af
    }

    .sm\:focus\:to-gray-500:focus {
        --tw-gradient-to: #6b7280
    }

    .sm\:focus\:to-gray-600:focus {
        --tw-gradient-to: #4b5563
    }

    .sm\:focus\:to-gray-700:focus {
        --tw-gradient-to: #374151
    }

    .sm\:focus\:to-gray-800:focus {
        --tw-gradient-to: #1f2937
    }

    .sm\:focus\:to-gray-900:focus {
        --tw-gradient-to: #111827
    }

    .sm\:focus\:to-red-50:focus {
        --tw-gradient-to: #fef2f2
    }

    .sm\:focus\:to-red-100:focus {
        --tw-gradient-to: #fee2e2
    }

    .sm\:focus\:to-red-200:focus {
        --tw-gradient-to: #fecaca
    }

    .sm\:focus\:to-red-300:focus {
        --tw-gradient-to: #fca5a5
    }

    .sm\:focus\:to-red-400:focus {
        --tw-gradient-to: #f87171
    }

    .sm\:focus\:to-red-500:focus {
        --tw-gradient-to: #ef4444
    }

    .sm\:focus\:to-red-600:focus {
        --tw-gradient-to: #dc2626
    }

    .sm\:focus\:to-red-700:focus {
        --tw-gradient-to: #b91c1c
    }

    .sm\:focus\:to-red-800:focus {
        --tw-gradient-to: #991b1b
    }

    .sm\:focus\:to-red-900:focus {
        --tw-gradient-to: #7f1d1d
    }

    .sm\:focus\:to-yellow-50:focus {
        --tw-gradient-to: #fffbeb
    }

    .sm\:focus\:to-yellow-100:focus {
        --tw-gradient-to: #fef3c7
    }

    .sm\:focus\:to-yellow-200:focus {
        --tw-gradient-to: #fde68a
    }

    .sm\:focus\:to-yellow-300:focus {
        --tw-gradient-to: #fcd34d
    }

    .sm\:focus\:to-yellow-400:focus {
        --tw-gradient-to: #fbbf24
    }

    .sm\:focus\:to-yellow-500:focus {
        --tw-gradient-to: #f59e0b
    }

    .sm\:focus\:to-yellow-600:focus {
        --tw-gradient-to: #d97706
    }

    .sm\:focus\:to-yellow-700:focus {
        --tw-gradient-to: #b45309
    }

    .sm\:focus\:to-yellow-800:focus {
        --tw-gradient-to: #92400e
    }

    .sm\:focus\:to-yellow-900:focus {
        --tw-gradient-to: #78350f
    }

    .sm\:focus\:to-green-50:focus {
        --tw-gradient-to: #ecfdf5
    }

    .sm\:focus\:to-green-100:focus {
        --tw-gradient-to: #d1fae5
    }

    .sm\:focus\:to-green-200:focus {
        --tw-gradient-to: #a7f3d0
    }

    .sm\:focus\:to-green-300:focus {
        --tw-gradient-to: #6ee7b7
    }

    .sm\:focus\:to-green-400:focus {
        --tw-gradient-to: #34d399
    }

    .sm\:focus\:to-green-500:focus {
        --tw-gradient-to: #10b981
    }

    .sm\:focus\:to-green-600:focus {
        --tw-gradient-to: #059669
    }

    .sm\:focus\:to-green-700:focus {
        --tw-gradient-to: #047857
    }

    .sm\:focus\:to-green-800:focus {
        --tw-gradient-to: #065f46
    }

    .sm\:focus\:to-green-900:focus {
        --tw-gradient-to: #064e3b
    }

    .sm\:focus\:to-blue-50:focus {
        --tw-gradient-to: #eff6ff
    }

    .sm\:focus\:to-blue-100:focus {
        --tw-gradient-to: #dbeafe
    }

    .sm\:focus\:to-blue-200:focus {
        --tw-gradient-to: #bfdbfe
    }

    .sm\:focus\:to-blue-300:focus {
        --tw-gradient-to: #93c5fd
    }

    .sm\:focus\:to-blue-400:focus {
        --tw-gradient-to: #60a5fa
    }

    .sm\:focus\:to-blue-500:focus {
        --tw-gradient-to: #3b82f6
    }

    .sm\:focus\:to-blue-600:focus {
        --tw-gradient-to: #2563eb
    }

    .sm\:focus\:to-blue-700:focus {
        --tw-gradient-to: #1d4ed8
    }

    .sm\:focus\:to-blue-800:focus {
        --tw-gradient-to: #1e40af
    }

    .sm\:focus\:to-blue-900:focus {
        --tw-gradient-to: #1e3a8a
    }

    .sm\:focus\:to-indigo-50:focus {
        --tw-gradient-to: #eef2ff
    }

    .sm\:focus\:to-indigo-100:focus {
        --tw-gradient-to: #e0e7ff
    }

    .sm\:focus\:to-indigo-200:focus {
        --tw-gradient-to: #c7d2fe
    }

    .sm\:focus\:to-indigo-300:focus {
        --tw-gradient-to: #a5b4fc
    }

    .sm\:focus\:to-indigo-400:focus {
        --tw-gradient-to: #818cf8
    }

    .sm\:focus\:to-indigo-500:focus {
        --tw-gradient-to: #6366f1
    }

    .sm\:focus\:to-indigo-600:focus {
        --tw-gradient-to: #4f46e5
    }

    .sm\:focus\:to-indigo-700:focus {
        --tw-gradient-to: #4338ca
    }

    .sm\:focus\:to-indigo-800:focus {
        --tw-gradient-to: #3730a3
    }

    .sm\:focus\:to-indigo-900:focus {
        --tw-gradient-to: #312e81
    }

    .sm\:focus\:to-purple-50:focus {
        --tw-gradient-to: #f5f3ff
    }

    .sm\:focus\:to-purple-100:focus {
        --tw-gradient-to: #ede9fe
    }

    .sm\:focus\:to-purple-200:focus {
        --tw-gradient-to: #ddd6fe
    }

    .sm\:focus\:to-purple-300:focus {
        --tw-gradient-to: #c4b5fd
    }

    .sm\:focus\:to-purple-400:focus {
        --tw-gradient-to: #a78bfa
    }

    .sm\:focus\:to-purple-500:focus {
        --tw-gradient-to: #8b5cf6
    }

    .sm\:focus\:to-purple-600:focus {
        --tw-gradient-to: #7c3aed
    }

    .sm\:focus\:to-purple-700:focus {
        --tw-gradient-to: #6d28d9
    }

    .sm\:focus\:to-purple-800:focus {
        --tw-gradient-to: #5b21b6
    }

    .sm\:focus\:to-purple-900:focus {
        --tw-gradient-to: #4c1d95
    }

    .sm\:focus\:to-pink-50:focus {
        --tw-gradient-to: #fdf2f8
    }

    .sm\:focus\:to-pink-100:focus {
        --tw-gradient-to: #fce7f3
    }

    .sm\:focus\:to-pink-200:focus {
        --tw-gradient-to: #fbcfe8
    }

    .sm\:focus\:to-pink-300:focus {
        --tw-gradient-to: #f9a8d4
    }

    .sm\:focus\:to-pink-400:focus {
        --tw-gradient-to: #f472b6
    }

    .sm\:focus\:to-pink-500:focus {
        --tw-gradient-to: #ec4899
    }

    .sm\:focus\:to-pink-600:focus {
        --tw-gradient-to: #db2777
    }

    .sm\:focus\:to-pink-700:focus {
        --tw-gradient-to: #be185d
    }

    .sm\:focus\:to-pink-800:focus {
        --tw-gradient-to: #9d174d
    }

    .sm\:focus\:to-pink-900:focus {
        --tw-gradient-to: #831843
    }

    .sm\:focus\:to-primary:focus {
        --tw-gradient-to: #1ab938
    }

    .sm\:focus\:to-orange:focus {
        --tw-gradient-to: #fdab5a
    }

    .sm\:focus\:to-danger:focus {
        --tw-gradient-to: #c75d5d
    }

    .group:hover .sm\:group-hover\:text-transparent {
        color: transparent
    }

    .group:hover .sm\:group-hover\:text-current {
        color: currentColor
    }

    .group:hover .sm\:group-hover\:text-black {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-white {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-gray-50 {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-gray-100 {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-gray-200 {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-gray-300 {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-gray-400 {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-gray-500 {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-gray-600 {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-gray-700 {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-gray-800 {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-gray-900 {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-red-50 {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-red-100 {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-red-200 {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-red-300 {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-red-400 {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-red-500 {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-red-600 {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-red-700 {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-red-800 {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-red-900 {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-yellow-50 {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-yellow-100 {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-yellow-200 {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-yellow-300 {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-yellow-400 {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-yellow-500 {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-yellow-600 {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-yellow-700 {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-yellow-800 {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-yellow-900 {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-green-50 {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-green-100 {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-green-200 {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-green-300 {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-green-400 {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-green-500 {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-green-600 {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-green-700 {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-green-800 {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-green-900 {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-blue-50 {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-blue-100 {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-blue-200 {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-blue-300 {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-blue-400 {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-blue-500 {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-blue-600 {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-blue-700 {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-blue-800 {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-blue-900 {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-indigo-50 {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-indigo-100 {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-indigo-200 {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-indigo-300 {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-indigo-400 {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-indigo-500 {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-indigo-600 {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-indigo-700 {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-indigo-800 {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-indigo-900 {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-purple-50 {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-purple-100 {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-purple-200 {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-purple-300 {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-purple-400 {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-purple-500 {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-purple-600 {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-purple-700 {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-purple-800 {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-purple-900 {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-pink-50 {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-pink-100 {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-pink-200 {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-pink-300 {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-pink-400 {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-pink-500 {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-pink-600 {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-pink-700 {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-pink-800 {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-pink-900 {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-primary {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-orange {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .group:hover .sm\:group-hover\:text-danger {
        color: #c75d5d
    }

    .sm\:focus-within\:text-transparent:focus-within {
        color: transparent
    }

    .sm\:focus-within\:text-current:focus-within {
        color: currentColor
    }

    .sm\:focus-within\:text-black:focus-within {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-white:focus-within {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-gray-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-gray-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-gray-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-gray-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-gray-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-gray-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-gray-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-gray-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-gray-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-gray-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-red-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-red-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-red-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-red-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-red-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-red-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-red-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-red-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-red-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-red-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-yellow-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-yellow-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-yellow-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-yellow-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-yellow-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-yellow-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-yellow-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-yellow-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-yellow-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-yellow-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-green-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-green-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-green-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-green-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-green-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-green-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-green-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-green-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-green-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-green-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-blue-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-blue-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-blue-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-blue-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-blue-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-blue-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-blue-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-blue-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-blue-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-blue-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-indigo-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-indigo-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-indigo-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-indigo-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-indigo-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-indigo-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-indigo-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-indigo-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-indigo-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-indigo-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-purple-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-purple-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-purple-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-purple-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-purple-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-purple-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-purple-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-purple-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-purple-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-purple-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-pink-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-pink-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-pink-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-pink-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-pink-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-pink-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-pink-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-pink-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-pink-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-pink-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-primary:focus-within {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-orange:focus-within {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .sm\:focus-within\:text-danger:focus-within {
        color: #c75d5d
    }

    .sm\:hover\:text-transparent:hover {
        color: transparent
    }

    .sm\:hover\:text-current:hover {
        color: currentColor
    }

    .sm\:hover\:text-black:hover {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .sm\:hover\:text-white:hover {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .sm\:hover\:text-gray-50:hover {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .sm\:hover\:text-gray-100:hover {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .sm\:hover\:text-gray-200:hover {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .sm\:hover\:text-gray-300:hover {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .sm\:hover\:text-gray-400:hover {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .sm\:hover\:text-gray-500:hover {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .sm\:hover\:text-gray-600:hover {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .sm\:hover\:text-gray-700:hover {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .sm\:hover\:text-gray-800:hover {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .sm\:hover\:text-gray-900:hover {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .sm\:hover\:text-red-50:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .sm\:hover\:text-red-100:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .sm\:hover\:text-red-200:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .sm\:hover\:text-red-300:hover {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .sm\:hover\:text-red-400:hover {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .sm\:hover\:text-red-500:hover {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .sm\:hover\:text-red-600:hover {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .sm\:hover\:text-red-700:hover {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .sm\:hover\:text-red-800:hover {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .sm\:hover\:text-red-900:hover {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .sm\:hover\:text-yellow-50:hover {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .sm\:hover\:text-yellow-100:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .sm\:hover\:text-yellow-200:hover {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .sm\:hover\:text-yellow-300:hover {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .sm\:hover\:text-yellow-400:hover {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .sm\:hover\:text-yellow-500:hover {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .sm\:hover\:text-yellow-600:hover {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .sm\:hover\:text-yellow-700:hover {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .sm\:hover\:text-yellow-800:hover {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .sm\:hover\:text-yellow-900:hover {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .sm\:hover\:text-green-50:hover {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .sm\:hover\:text-green-100:hover {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .sm\:hover\:text-green-200:hover {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .sm\:hover\:text-green-300:hover {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .sm\:hover\:text-green-400:hover {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .sm\:hover\:text-green-500:hover {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .sm\:hover\:text-green-600:hover {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .sm\:hover\:text-green-700:hover {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .sm\:hover\:text-green-800:hover {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .sm\:hover\:text-green-900:hover {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .sm\:hover\:text-blue-50:hover {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .sm\:hover\:text-blue-100:hover {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .sm\:hover\:text-blue-200:hover {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .sm\:hover\:text-blue-300:hover {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .sm\:hover\:text-blue-400:hover {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .sm\:hover\:text-blue-500:hover {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .sm\:hover\:text-blue-600:hover {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .sm\:hover\:text-blue-700:hover {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .sm\:hover\:text-blue-800:hover {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .sm\:hover\:text-blue-900:hover {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .sm\:hover\:text-indigo-50:hover {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .sm\:hover\:text-indigo-100:hover {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .sm\:hover\:text-indigo-200:hover {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .sm\:hover\:text-indigo-300:hover {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .sm\:hover\:text-indigo-400:hover {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .sm\:hover\:text-indigo-500:hover {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .sm\:hover\:text-indigo-600:hover {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .sm\:hover\:text-indigo-700:hover {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .sm\:hover\:text-indigo-800:hover {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .sm\:hover\:text-indigo-900:hover {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .sm\:hover\:text-purple-50:hover {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .sm\:hover\:text-purple-100:hover {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .sm\:hover\:text-purple-200:hover {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .sm\:hover\:text-purple-300:hover {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .sm\:hover\:text-purple-400:hover {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .sm\:hover\:text-purple-500:hover {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .sm\:hover\:text-purple-600:hover {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .sm\:hover\:text-purple-700:hover {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .sm\:hover\:text-purple-800:hover {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .sm\:hover\:text-purple-900:hover {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .sm\:hover\:text-pink-50:hover {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .sm\:hover\:text-pink-100:hover {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .sm\:hover\:text-pink-200:hover {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .sm\:hover\:text-pink-300:hover {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .sm\:hover\:text-pink-400:hover {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .sm\:hover\:text-pink-500:hover {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .sm\:hover\:text-pink-600:hover {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .sm\:hover\:text-pink-700:hover {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .sm\:hover\:text-pink-800:hover {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .sm\:hover\:text-pink-900:hover {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .sm\:hover\:text-primary:hover {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .sm\:hover\:text-orange:hover {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .sm\:hover\:text-danger:hover {
        color: #c75d5d
    }

    .sm\:focus\:text-transparent:focus {
        color: transparent
    }

    .sm\:focus\:text-current:focus {
        color: currentColor
    }

    .sm\:focus\:text-black:focus {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .sm\:focus\:text-white:focus {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .sm\:focus\:text-gray-50:focus {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .sm\:focus\:text-gray-100:focus {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .sm\:focus\:text-gray-200:focus {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .sm\:focus\:text-gray-300:focus {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .sm\:focus\:text-gray-400:focus {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .sm\:focus\:text-gray-500:focus {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .sm\:focus\:text-gray-600:focus {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .sm\:focus\:text-gray-700:focus {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .sm\:focus\:text-gray-800:focus {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .sm\:focus\:text-gray-900:focus {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .sm\:focus\:text-red-50:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .sm\:focus\:text-red-100:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .sm\:focus\:text-red-200:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .sm\:focus\:text-red-300:focus {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .sm\:focus\:text-red-400:focus {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .sm\:focus\:text-red-500:focus {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .sm\:focus\:text-red-600:focus {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .sm\:focus\:text-red-700:focus {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .sm\:focus\:text-red-800:focus {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .sm\:focus\:text-red-900:focus {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .sm\:focus\:text-yellow-50:focus {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .sm\:focus\:text-yellow-100:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .sm\:focus\:text-yellow-200:focus {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .sm\:focus\:text-yellow-300:focus {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .sm\:focus\:text-yellow-400:focus {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .sm\:focus\:text-yellow-500:focus {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .sm\:focus\:text-yellow-600:focus {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .sm\:focus\:text-yellow-700:focus {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .sm\:focus\:text-yellow-800:focus {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .sm\:focus\:text-yellow-900:focus {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .sm\:focus\:text-green-50:focus {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .sm\:focus\:text-green-100:focus {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .sm\:focus\:text-green-200:focus {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .sm\:focus\:text-green-300:focus {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .sm\:focus\:text-green-400:focus {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .sm\:focus\:text-green-500:focus {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .sm\:focus\:text-green-600:focus {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .sm\:focus\:text-green-700:focus {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .sm\:focus\:text-green-800:focus {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .sm\:focus\:text-green-900:focus {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .sm\:focus\:text-blue-50:focus {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .sm\:focus\:text-blue-100:focus {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .sm\:focus\:text-blue-200:focus {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .sm\:focus\:text-blue-300:focus {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .sm\:focus\:text-blue-400:focus {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .sm\:focus\:text-blue-500:focus {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .sm\:focus\:text-blue-600:focus {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .sm\:focus\:text-blue-700:focus {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .sm\:focus\:text-blue-800:focus {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .sm\:focus\:text-blue-900:focus {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .sm\:focus\:text-indigo-50:focus {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .sm\:focus\:text-indigo-100:focus {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .sm\:focus\:text-indigo-200:focus {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .sm\:focus\:text-indigo-300:focus {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .sm\:focus\:text-indigo-400:focus {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .sm\:focus\:text-indigo-500:focus {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .sm\:focus\:text-indigo-600:focus {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .sm\:focus\:text-indigo-700:focus {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .sm\:focus\:text-indigo-800:focus {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .sm\:focus\:text-indigo-900:focus {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .sm\:focus\:text-purple-50:focus {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .sm\:focus\:text-purple-100:focus {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .sm\:focus\:text-purple-200:focus {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .sm\:focus\:text-purple-300:focus {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .sm\:focus\:text-purple-400:focus {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .sm\:focus\:text-purple-500:focus {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .sm\:focus\:text-purple-600:focus {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .sm\:focus\:text-purple-700:focus {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .sm\:focus\:text-purple-800:focus {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .sm\:focus\:text-purple-900:focus {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .sm\:focus\:text-pink-50:focus {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .sm\:focus\:text-pink-100:focus {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .sm\:focus\:text-pink-200:focus {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .sm\:focus\:text-pink-300:focus {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .sm\:focus\:text-pink-400:focus {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .sm\:focus\:text-pink-500:focus {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .sm\:focus\:text-pink-600:focus {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .sm\:focus\:text-pink-700:focus {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .sm\:focus\:text-pink-800:focus {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .sm\:focus\:text-pink-900:focus {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .sm\:focus\:text-primary:focus {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .sm\:focus\:text-orange:focus {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .sm\:focus\:text-danger:focus {
        color: #c75d5d
    }

    .group:hover .sm\:group-hover\:text-opacity-0 {
        --tw-text-opacity: 0
    }

    .group:hover .sm\:group-hover\:text-opacity-5 {
        --tw-text-opacity: 0.05
    }

    .group:hover .sm\:group-hover\:text-opacity-10 {
        --tw-text-opacity: 0.1
    }

    .group:hover .sm\:group-hover\:text-opacity-20 {
        --tw-text-opacity: 0.2
    }

    .group:hover .sm\:group-hover\:text-opacity-25 {
        --tw-text-opacity: 0.25
    }

    .group:hover .sm\:group-hover\:text-opacity-30 {
        --tw-text-opacity: 0.3
    }

    .group:hover .sm\:group-hover\:text-opacity-40 {
        --tw-text-opacity: 0.4
    }

    .group:hover .sm\:group-hover\:text-opacity-50 {
        --tw-text-opacity: 0.5
    }

    .group:hover .sm\:group-hover\:text-opacity-60 {
        --tw-text-opacity: 0.6
    }

    .group:hover .sm\:group-hover\:text-opacity-70 {
        --tw-text-opacity: 0.7
    }

    .group:hover .sm\:group-hover\:text-opacity-75 {
        --tw-text-opacity: 0.75
    }

    .group:hover .sm\:group-hover\:text-opacity-80 {
        --tw-text-opacity: 0.8
    }

    .group:hover .sm\:group-hover\:text-opacity-90 {
        --tw-text-opacity: 0.9
    }

    .group:hover .sm\:group-hover\:text-opacity-95 {
        --tw-text-opacity: 0.95
    }

    .group:hover .sm\:group-hover\:text-opacity-100 {
        --tw-text-opacity: 1
    }

    .sm\:focus-within\:text-opacity-0:focus-within {
        --tw-text-opacity: 0
    }

    .sm\:focus-within\:text-opacity-5:focus-within {
        --tw-text-opacity: 0.05
    }

    .sm\:focus-within\:text-opacity-10:focus-within {
        --tw-text-opacity: 0.1
    }

    .sm\:focus-within\:text-opacity-20:focus-within {
        --tw-text-opacity: 0.2
    }

    .sm\:focus-within\:text-opacity-25:focus-within {
        --tw-text-opacity: 0.25
    }

    .sm\:focus-within\:text-opacity-30:focus-within {
        --tw-text-opacity: 0.3
    }

    .sm\:focus-within\:text-opacity-40:focus-within {
        --tw-text-opacity: 0.4
    }

    .sm\:focus-within\:text-opacity-50:focus-within {
        --tw-text-opacity: 0.5
    }

    .sm\:focus-within\:text-opacity-60:focus-within {
        --tw-text-opacity: 0.6
    }

    .sm\:focus-within\:text-opacity-70:focus-within {
        --tw-text-opacity: 0.7
    }

    .sm\:focus-within\:text-opacity-75:focus-within {
        --tw-text-opacity: 0.75
    }

    .sm\:focus-within\:text-opacity-80:focus-within {
        --tw-text-opacity: 0.8
    }

    .sm\:focus-within\:text-opacity-90:focus-within {
        --tw-text-opacity: 0.9
    }

    .sm\:focus-within\:text-opacity-95:focus-within {
        --tw-text-opacity: 0.95
    }

    .sm\:focus-within\:text-opacity-100:focus-within {
        --tw-text-opacity: 1
    }

    .sm\:hover\:text-opacity-0:hover {
        --tw-text-opacity: 0
    }

    .sm\:hover\:text-opacity-5:hover {
        --tw-text-opacity: 0.05
    }

    .sm\:hover\:text-opacity-10:hover {
        --tw-text-opacity: 0.1
    }

    .sm\:hover\:text-opacity-20:hover {
        --tw-text-opacity: 0.2
    }

    .sm\:hover\:text-opacity-25:hover {
        --tw-text-opacity: 0.25
    }

    .sm\:hover\:text-opacity-30:hover {
        --tw-text-opacity: 0.3
    }

    .sm\:hover\:text-opacity-40:hover {
        --tw-text-opacity: 0.4
    }

    .sm\:hover\:text-opacity-50:hover {
        --tw-text-opacity: 0.5
    }

    .sm\:hover\:text-opacity-60:hover {
        --tw-text-opacity: 0.6
    }

    .sm\:hover\:text-opacity-70:hover {
        --tw-text-opacity: 0.7
    }

    .sm\:hover\:text-opacity-75:hover {
        --tw-text-opacity: 0.75
    }

    .sm\:hover\:text-opacity-80:hover {
        --tw-text-opacity: 0.8
    }

    .sm\:hover\:text-opacity-90:hover {
        --tw-text-opacity: 0.9
    }

    .sm\:hover\:text-opacity-95:hover {
        --tw-text-opacity: 0.95
    }

    .sm\:hover\:text-opacity-100:hover {
        --tw-text-opacity: 1
    }

    .sm\:focus\:text-opacity-0:focus {
        --tw-text-opacity: 0
    }

    .sm\:focus\:text-opacity-5:focus {
        --tw-text-opacity: 0.05
    }

    .sm\:focus\:text-opacity-10:focus {
        --tw-text-opacity: 0.1
    }

    .sm\:focus\:text-opacity-20:focus {
        --tw-text-opacity: 0.2
    }

    .sm\:focus\:text-opacity-25:focus {
        --tw-text-opacity: 0.25
    }

    .sm\:focus\:text-opacity-30:focus {
        --tw-text-opacity: 0.3
    }

    .sm\:focus\:text-opacity-40:focus {
        --tw-text-opacity: 0.4
    }

    .sm\:focus\:text-opacity-50:focus {
        --tw-text-opacity: 0.5
    }

    .sm\:focus\:text-opacity-60:focus {
        --tw-text-opacity: 0.6
    }

    .sm\:focus\:text-opacity-70:focus {
        --tw-text-opacity: 0.7
    }

    .sm\:focus\:text-opacity-75:focus {
        --tw-text-opacity: 0.75
    }

    .sm\:focus\:text-opacity-80:focus {
        --tw-text-opacity: 0.8
    }

    .sm\:focus\:text-opacity-90:focus {
        --tw-text-opacity: 0.9
    }

    .sm\:focus\:text-opacity-95:focus {
        --tw-text-opacity: 0.95
    }

    .sm\:focus\:text-opacity-100:focus {
        --tw-text-opacity: 1
    }

    .group:hover .sm\:group-hover\:underline {
        text-decoration: underline
    }

    .group:hover .sm\:group-hover\:line-through {
        text-decoration: line-through
    }

    .group:hover .sm\:group-hover\:no-underline {
        text-decoration: none
    }

    .sm\:focus-within\:underline:focus-within {
        text-decoration: underline
    }

    .sm\:focus-within\:line-through:focus-within {
        text-decoration: line-through
    }

    .sm\:focus-within\:no-underline:focus-within {
        text-decoration: none
    }

    .sm\:hover\:underline:hover {
        text-decoration: underline
    }

    .sm\:hover\:line-through:hover {
        text-decoration: line-through
    }

    .sm\:hover\:no-underline:hover {
        text-decoration: none
    }

    .sm\:focus\:underline:focus {
        text-decoration: underline
    }

    .sm\:focus\:line-through:focus {
        text-decoration: line-through
    }

    .sm\:focus\:no-underline:focus {
        text-decoration: none
    }

    .sm\:placeholder-transparent::-webkit-input-placeholder {
        color: transparent
    }

    .sm\:placeholder-transparent::-moz-placeholder {
        color: transparent
    }

    .sm\:placeholder-transparent::-ms-input-placeholder {
        color: transparent
    }

    .sm\:placeholder-transparent::placeholder {
        color: transparent
    }

    .sm\:placeholder-current::-webkit-input-placeholder {
        color: currentColor
    }

    .sm\:placeholder-current::-moz-placeholder {
        color: currentColor
    }

    .sm\:placeholder-current::-ms-input-placeholder {
        color: currentColor
    }

    .sm\:placeholder-current::placeholder {
        color: currentColor
    }

    .sm\:placeholder-black::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-black::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-black::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-black::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-white::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-white::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-white::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-white::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-gray-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-red-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-yellow-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-green-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-blue-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-indigo-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-purple-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-pink-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-primary::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-primary::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-primary::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-primary::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-orange::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-orange::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-orange::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-orange::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .sm\:placeholder-danger::-webkit-input-placeholder {
        color: #c75d5d
    }

    .sm\:placeholder-danger::-moz-placeholder {
        color: #c75d5d
    }

    .sm\:placeholder-danger::-ms-input-placeholder {
        color: #c75d5d
    }

    .sm\:placeholder-danger::placeholder {
        color: #c75d5d
    }

    .sm\:focus\:placeholder-transparent:focus::-webkit-input-placeholder {
        color: transparent
    }

    .sm\:focus\:placeholder-transparent:focus::-moz-placeholder {
        color: transparent
    }

    .sm\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
        color: transparent
    }

    .sm\:focus\:placeholder-transparent:focus::placeholder {
        color: transparent
    }

    .sm\:focus\:placeholder-current:focus::-webkit-input-placeholder {
        color: currentColor
    }

    .sm\:focus\:placeholder-current:focus::-moz-placeholder {
        color: currentColor
    }

    .sm\:focus\:placeholder-current:focus::-ms-input-placeholder {
        color: currentColor
    }

    .sm\:focus\:placeholder-current:focus::placeholder {
        color: currentColor
    }

    .sm\:focus\:placeholder-black:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-black:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-black:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-black:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-white:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-white:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-white:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-white:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-gray-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-red-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-yellow-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-green-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-blue-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-indigo-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-purple-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-pink-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-primary:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-primary:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-primary:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-primary:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-orange:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-orange:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-orange:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-orange:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .sm\:focus\:placeholder-danger:focus::-webkit-input-placeholder {
        color: #c75d5d
    }

    .sm\:focus\:placeholder-danger:focus::-moz-placeholder {
        color: #c75d5d
    }

    .sm\:focus\:placeholder-danger:focus::-ms-input-placeholder {
        color: #c75d5d
    }

    .sm\:focus\:placeholder-danger:focus::placeholder {
        color: #c75d5d
    }

    .sm\:placeholder-opacity-0::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .sm\:placeholder-opacity-0::-moz-placeholder {
        --tw-placeholder-opacity: 0
    }

    .sm\:placeholder-opacity-0::-ms-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .sm\:placeholder-opacity-0::placeholder {
        --tw-placeholder-opacity: 0
    }

    .sm\:placeholder-opacity-5::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .sm\:placeholder-opacity-5::-moz-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .sm\:placeholder-opacity-5::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .sm\:placeholder-opacity-5::placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .sm\:placeholder-opacity-10::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .sm\:placeholder-opacity-10::-moz-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .sm\:placeholder-opacity-10::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .sm\:placeholder-opacity-10::placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .sm\:placeholder-opacity-20::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .sm\:placeholder-opacity-20::-moz-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .sm\:placeholder-opacity-20::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .sm\:placeholder-opacity-20::placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .sm\:placeholder-opacity-25::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .sm\:placeholder-opacity-25::-moz-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .sm\:placeholder-opacity-25::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .sm\:placeholder-opacity-25::placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .sm\:placeholder-opacity-30::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .sm\:placeholder-opacity-30::-moz-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .sm\:placeholder-opacity-30::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .sm\:placeholder-opacity-30::placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .sm\:placeholder-opacity-40::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .sm\:placeholder-opacity-40::-moz-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .sm\:placeholder-opacity-40::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .sm\:placeholder-opacity-40::placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .sm\:placeholder-opacity-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .sm\:placeholder-opacity-50::-moz-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .sm\:placeholder-opacity-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .sm\:placeholder-opacity-50::placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .sm\:placeholder-opacity-60::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .sm\:placeholder-opacity-60::-moz-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .sm\:placeholder-opacity-60::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .sm\:placeholder-opacity-60::placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .sm\:placeholder-opacity-70::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .sm\:placeholder-opacity-70::-moz-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .sm\:placeholder-opacity-70::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .sm\:placeholder-opacity-70::placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .sm\:placeholder-opacity-75::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .sm\:placeholder-opacity-75::-moz-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .sm\:placeholder-opacity-75::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .sm\:placeholder-opacity-75::placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .sm\:placeholder-opacity-80::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .sm\:placeholder-opacity-80::-moz-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .sm\:placeholder-opacity-80::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .sm\:placeholder-opacity-80::placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .sm\:placeholder-opacity-90::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .sm\:placeholder-opacity-90::-moz-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .sm\:placeholder-opacity-90::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .sm\:placeholder-opacity-90::placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .sm\:placeholder-opacity-95::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .sm\:placeholder-opacity-95::-moz-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .sm\:placeholder-opacity-95::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .sm\:placeholder-opacity-95::placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .sm\:placeholder-opacity-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .sm\:placeholder-opacity-100::-moz-placeholder {
        --tw-placeholder-opacity: 1
    }

    .sm\:placeholder-opacity-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .sm\:placeholder-opacity-100::placeholder {
        --tw-placeholder-opacity: 1
    }

    .sm\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .sm\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0
    }

    .sm\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .sm\:focus\:placeholder-opacity-0:focus::placeholder {
        --tw-placeholder-opacity: 0
    }

    .sm\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .sm\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .sm\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .sm\:focus\:placeholder-opacity-5:focus::placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .sm\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .sm\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .sm\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .sm\:focus\:placeholder-opacity-10:focus::placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .sm\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .sm\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .sm\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .sm\:focus\:placeholder-opacity-20:focus::placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .sm\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .sm\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .sm\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .sm\:focus\:placeholder-opacity-25:focus::placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .sm\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .sm\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .sm\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .sm\:focus\:placeholder-opacity-30:focus::placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .sm\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .sm\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .sm\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .sm\:focus\:placeholder-opacity-40:focus::placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .sm\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .sm\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .sm\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .sm\:focus\:placeholder-opacity-50:focus::placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .sm\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .sm\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .sm\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .sm\:focus\:placeholder-opacity-60:focus::placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .sm\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .sm\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .sm\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .sm\:focus\:placeholder-opacity-70:focus::placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .sm\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .sm\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .sm\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .sm\:focus\:placeholder-opacity-75:focus::placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .sm\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .sm\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .sm\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .sm\:focus\:placeholder-opacity-80:focus::placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .sm\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .sm\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .sm\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .sm\:focus\:placeholder-opacity-90:focus::placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .sm\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .sm\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .sm\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .sm\:focus\:placeholder-opacity-95:focus::placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .sm\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .sm\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1
    }

    .sm\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .sm\:focus\:placeholder-opacity-100:focus::placeholder {
        --tw-placeholder-opacity: 1
    }

    .group:hover .sm\:group-hover\:opacity-0 {
        opacity: 0
    }

    .group:hover .sm\:group-hover\:opacity-5 {
        opacity: .05
    }

    .group:hover .sm\:group-hover\:opacity-10 {
        opacity: .1
    }

    .group:hover .sm\:group-hover\:opacity-20 {
        opacity: .2
    }

    .group:hover .sm\:group-hover\:opacity-25 {
        opacity: .25
    }

    .group:hover .sm\:group-hover\:opacity-30 {
        opacity: .3
    }

    .group:hover .sm\:group-hover\:opacity-40 {
        opacity: .4
    }

    .group:hover .sm\:group-hover\:opacity-50 {
        opacity: .5
    }

    .group:hover .sm\:group-hover\:opacity-60 {
        opacity: .6
    }

    .group:hover .sm\:group-hover\:opacity-70 {
        opacity: .7
    }

    .group:hover .sm\:group-hover\:opacity-75 {
        opacity: .75
    }

    .group:hover .sm\:group-hover\:opacity-80 {
        opacity: .8
    }

    .group:hover .sm\:group-hover\:opacity-90 {
        opacity: .9
    }

    .group:hover .sm\:group-hover\:opacity-95 {
        opacity: .95
    }

    .group:hover .sm\:group-hover\:opacity-100 {
        opacity: 1
    }

    .sm\:focus-within\:opacity-0:focus-within {
        opacity: 0
    }

    .sm\:focus-within\:opacity-5:focus-within {
        opacity: .05
    }

    .sm\:focus-within\:opacity-10:focus-within {
        opacity: .1
    }

    .sm\:focus-within\:opacity-20:focus-within {
        opacity: .2
    }

    .sm\:focus-within\:opacity-25:focus-within {
        opacity: .25
    }

    .sm\:focus-within\:opacity-30:focus-within {
        opacity: .3
    }

    .sm\:focus-within\:opacity-40:focus-within {
        opacity: .4
    }

    .sm\:focus-within\:opacity-50:focus-within {
        opacity: .5
    }

    .sm\:focus-within\:opacity-60:focus-within {
        opacity: .6
    }

    .sm\:focus-within\:opacity-70:focus-within {
        opacity: .7
    }

    .sm\:focus-within\:opacity-75:focus-within {
        opacity: .75
    }

    .sm\:focus-within\:opacity-80:focus-within {
        opacity: .8
    }

    .sm\:focus-within\:opacity-90:focus-within {
        opacity: .9
    }

    .sm\:focus-within\:opacity-95:focus-within {
        opacity: .95
    }

    .sm\:focus-within\:opacity-100:focus-within {
        opacity: 1
    }

    .sm\:hover\:opacity-0:hover {
        opacity: 0
    }

    .sm\:hover\:opacity-5:hover {
        opacity: .05
    }

    .sm\:hover\:opacity-10:hover {
        opacity: .1
    }

    .sm\:hover\:opacity-20:hover {
        opacity: .2
    }

    .sm\:hover\:opacity-25:hover {
        opacity: .25
    }

    .sm\:hover\:opacity-30:hover {
        opacity: .3
    }

    .sm\:hover\:opacity-40:hover {
        opacity: .4
    }

    .sm\:hover\:opacity-50:hover {
        opacity: .5
    }

    .sm\:hover\:opacity-60:hover {
        opacity: .6
    }

    .sm\:hover\:opacity-70:hover {
        opacity: .7
    }

    .sm\:hover\:opacity-75:hover {
        opacity: .75
    }

    .sm\:hover\:opacity-80:hover {
        opacity: .8
    }

    .sm\:hover\:opacity-90:hover {
        opacity: .9
    }

    .sm\:hover\:opacity-95:hover {
        opacity: .95
    }

    .sm\:hover\:opacity-100:hover {
        opacity: 1
    }

    .sm\:focus\:opacity-0:focus {
        opacity: 0
    }

    .sm\:focus\:opacity-5:focus {
        opacity: .05
    }

    .sm\:focus\:opacity-10:focus {
        opacity: .1
    }

    .sm\:focus\:opacity-20:focus {
        opacity: .2
    }

    .sm\:focus\:opacity-25:focus {
        opacity: .25
    }

    .sm\:focus\:opacity-30:focus {
        opacity: .3
    }

    .sm\:focus\:opacity-40:focus {
        opacity: .4
    }

    .sm\:focus\:opacity-50:focus {
        opacity: .5
    }

    .sm\:focus\:opacity-60:focus {
        opacity: .6
    }

    .sm\:focus\:opacity-70:focus {
        opacity: .7
    }

    .sm\:focus\:opacity-75:focus {
        opacity: .75
    }

    .sm\:focus\:opacity-80:focus {
        opacity: .8
    }

    .sm\:focus\:opacity-90:focus {
        opacity: .9
    }

    .sm\:focus\:opacity-95:focus {
        opacity: .95
    }

    .sm\:focus\:opacity-100:focus {
        opacity: 1
    }

    .group:hover .sm\:group-hover\:shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
    }

    .group:hover .sm\:group-hover\:shadow,
    .group:hover .sm\:group-hover\:shadow-sm {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .sm\:group-hover\:shadow {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
    }

    .group:hover .sm\:group-hover\:shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
    }

    .group:hover .sm\:group-hover\:shadow-lg,
    .group:hover .sm\:group-hover\:shadow-md {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .sm\:group-hover\:shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
    }

    .group:hover .sm\:group-hover\:shadow-xl {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
    }

    .group:hover .sm\:group-hover\:shadow-2xl,
    .group:hover .sm\:group-hover\:shadow-xl {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .sm\:group-hover\:shadow-2xl {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
    }

    .group:hover .sm\:group-hover\:shadow-inner {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
    }

    .group:hover .sm\:group-hover\:shadow-inner,
    .group:hover .sm\:group-hover\:shadow-none {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .sm\:group-hover\:shadow-none {
        --tw-shadow: 0 0 transparent
    }

    .sm\:focus-within\:shadow-sm:focus-within {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .sm\:focus-within\:shadow:focus-within {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .sm\:focus-within\:shadow-md:focus-within {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .sm\:focus-within\:shadow-lg:focus-within {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .sm\:focus-within\:shadow-xl:focus-within {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .sm\:focus-within\:shadow-2xl:focus-within {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .sm\:focus-within\:shadow-inner:focus-within {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .sm\:focus-within\:shadow-none:focus-within {
        --tw-shadow: 0 0 transparent;
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .sm\:hover\:shadow-sm:hover {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
    }

    .sm\:hover\:shadow-sm:hover,
    .sm\:hover\:shadow:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .sm\:hover\:shadow:hover {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
    }

    .sm\:hover\:shadow-md:hover {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
    }

    .sm\:hover\:shadow-lg:hover,
    .sm\:hover\:shadow-md:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .sm\:hover\:shadow-lg:hover {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
    }

    .sm\:hover\:shadow-xl:hover {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
    }

    .sm\:hover\:shadow-2xl:hover,
    .sm\:hover\:shadow-xl:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .sm\:hover\:shadow-2xl:hover {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
    }

    .sm\:hover\:shadow-inner:hover {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
    }

    .sm\:hover\:shadow-inner:hover,
    .sm\:hover\:shadow-none:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .sm\:hover\:shadow-none:hover {
        --tw-shadow: 0 0 transparent
    }

    .sm\:focus\:shadow-sm:focus {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
    }

    .sm\:focus\:shadow-sm:focus,
    .sm\:focus\:shadow:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .sm\:focus\:shadow:focus {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
    }

    .sm\:focus\:shadow-md:focus {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
    }

    .sm\:focus\:shadow-lg:focus,
    .sm\:focus\:shadow-md:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .sm\:focus\:shadow-lg:focus {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
    }

    .sm\:focus\:shadow-xl:focus {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
    }

    .sm\:focus\:shadow-2xl:focus,
    .sm\:focus\:shadow-xl:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .sm\:focus\:shadow-2xl:focus {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
    }

    .sm\:focus\:shadow-inner:focus {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
    }

    .sm\:focus\:shadow-inner:focus,
    .sm\:focus\:shadow-none:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .sm\:focus\:shadow-none:focus {
        --tw-shadow: 0 0 transparent
    }

    .sm\:focus-within\:outline-none:focus-within {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .sm\:focus-within\:outline-white:focus-within {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }

    .sm\:focus-within\:outline-black:focus-within {
        outline: 2px dotted #000;
        outline-offset: 2px
    }

    .sm\:focus\:outline-none:focus {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .sm\:focus\:outline-white:focus {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }

    .sm\:focus\:outline-black:focus {
        outline: 2px dotted #000;
        outline-offset: 2px
    }

    .sm\:focus-within\:ring-0:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .sm\:focus-within\:ring-1:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .sm\:focus-within\:ring-2:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .sm\:focus-within\:ring-4:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .sm\:focus-within\:ring-8:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .sm\:focus-within\:ring:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .sm\:focus\:ring-0:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .sm\:focus\:ring-0:focus,
    .sm\:focus\:ring-1:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .sm\:focus\:ring-1:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .sm\:focus\:ring-2:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .sm\:focus\:ring-2:focus,
    .sm\:focus\:ring-4:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .sm\:focus\:ring-4:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .sm\:focus\:ring-8:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .sm\:focus\:ring-8:focus,
    .sm\:focus\:ring:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .sm\:focus\:ring:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .sm\:focus-within\:ring-inset:focus-within {
        --tw-ring-inset: inset
    }

    .sm\:focus\:ring-inset:focus {
        --tw-ring-inset: inset
    }

    .sm\:focus-within\:ring-transparent:focus-within {
        --tw-ring-color: transparent
    }

    .sm\:focus-within\:ring-current:focus-within {
        --tw-ring-color: currentColor
    }

    .sm\:focus-within\:ring-black:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-white:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-gray-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-gray-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-gray-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-gray-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-gray-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-gray-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-gray-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-gray-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-gray-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-gray-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-red-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-red-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-red-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-red-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-red-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-red-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-red-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-red-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-red-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-red-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-yellow-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-yellow-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-yellow-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-yellow-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-yellow-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-yellow-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-yellow-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-yellow-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-yellow-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-yellow-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-green-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-green-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-green-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-green-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-green-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-green-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-green-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-green-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-green-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-green-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-blue-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-blue-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-blue-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-blue-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-blue-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-blue-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-blue-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-blue-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-blue-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-blue-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-indigo-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-indigo-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-indigo-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-indigo-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-indigo-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-indigo-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-indigo-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-indigo-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-indigo-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-indigo-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-purple-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-purple-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-purple-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-purple-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-purple-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-purple-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-purple-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-purple-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-purple-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-purple-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-pink-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-pink-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-pink-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-pink-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-pink-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-pink-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-pink-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-pink-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-pink-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-pink-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-primary:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(26, 185, 56, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-orange:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 171, 90, var(--tw-ring-opacity))
    }

    .sm\:focus-within\:ring-danger:focus-within {
        --tw-ring-color: #c75d5d
    }

    .sm\:focus\:ring-transparent:focus {
        --tw-ring-color: transparent
    }

    .sm\:focus\:ring-current:focus {
        --tw-ring-color: currentColor
    }

    .sm\:focus\:ring-black:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-white:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-gray-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-gray-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-gray-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-gray-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-gray-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-gray-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-gray-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-gray-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-gray-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-gray-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-red-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-red-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-red-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-red-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-red-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-red-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-red-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-red-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-red-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-red-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-yellow-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-yellow-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-yellow-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-yellow-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-yellow-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-yellow-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-yellow-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-yellow-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-yellow-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-yellow-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-green-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-green-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-green-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-green-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-green-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-green-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-green-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-green-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-green-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-green-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-blue-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-blue-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-blue-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-blue-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-blue-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-blue-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-blue-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-blue-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-blue-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-blue-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-indigo-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-indigo-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-indigo-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-indigo-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-indigo-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-indigo-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-indigo-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-indigo-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-indigo-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-indigo-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-purple-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-purple-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-purple-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-purple-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-purple-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-purple-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-purple-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-purple-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-purple-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-purple-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-pink-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-pink-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-pink-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-pink-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-pink-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-pink-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-pink-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-pink-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-pink-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-pink-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-primary:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(26, 185, 56, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-orange:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 171, 90, var(--tw-ring-opacity))
    }

    .sm\:focus\:ring-danger:focus {
        --tw-ring-color: #c75d5d
    }

    .sm\:focus-within\:ring-opacity-0:focus-within {
        --tw-ring-opacity: 0
    }

    .sm\:focus-within\:ring-opacity-5:focus-within {
        --tw-ring-opacity: 0.05
    }

    .sm\:focus-within\:ring-opacity-10:focus-within {
        --tw-ring-opacity: 0.1
    }

    .sm\:focus-within\:ring-opacity-20:focus-within {
        --tw-ring-opacity: 0.2
    }

    .sm\:focus-within\:ring-opacity-25:focus-within {
        --tw-ring-opacity: 0.25
    }

    .sm\:focus-within\:ring-opacity-30:focus-within {
        --tw-ring-opacity: 0.3
    }

    .sm\:focus-within\:ring-opacity-40:focus-within {
        --tw-ring-opacity: 0.4
    }

    .sm\:focus-within\:ring-opacity-50:focus-within {
        --tw-ring-opacity: 0.5
    }

    .sm\:focus-within\:ring-opacity-60:focus-within {
        --tw-ring-opacity: 0.6
    }

    .sm\:focus-within\:ring-opacity-70:focus-within {
        --tw-ring-opacity: 0.7
    }

    .sm\:focus-within\:ring-opacity-75:focus-within {
        --tw-ring-opacity: 0.75
    }

    .sm\:focus-within\:ring-opacity-80:focus-within {
        --tw-ring-opacity: 0.8
    }

    .sm\:focus-within\:ring-opacity-90:focus-within {
        --tw-ring-opacity: 0.9
    }

    .sm\:focus-within\:ring-opacity-95:focus-within {
        --tw-ring-opacity: 0.95
    }

    .sm\:focus-within\:ring-opacity-100:focus-within {
        --tw-ring-opacity: 1
    }

    .sm\:focus\:ring-opacity-0:focus {
        --tw-ring-opacity: 0
    }

    .sm\:focus\:ring-opacity-5:focus {
        --tw-ring-opacity: 0.05
    }

    .sm\:focus\:ring-opacity-10:focus {
        --tw-ring-opacity: 0.1
    }

    .sm\:focus\:ring-opacity-20:focus {
        --tw-ring-opacity: 0.2
    }

    .sm\:focus\:ring-opacity-25:focus {
        --tw-ring-opacity: 0.25
    }

    .sm\:focus\:ring-opacity-30:focus {
        --tw-ring-opacity: 0.3
    }

    .sm\:focus\:ring-opacity-40:focus {
        --tw-ring-opacity: 0.4
    }

    .sm\:focus\:ring-opacity-50:focus {
        --tw-ring-opacity: 0.5
    }

    .sm\:focus\:ring-opacity-60:focus {
        --tw-ring-opacity: 0.6
    }

    .sm\:focus\:ring-opacity-70:focus {
        --tw-ring-opacity: 0.7
    }

    .sm\:focus\:ring-opacity-75:focus {
        --tw-ring-opacity: 0.75
    }

    .sm\:focus\:ring-opacity-80:focus {
        --tw-ring-opacity: 0.8
    }

    .sm\:focus\:ring-opacity-90:focus {
        --tw-ring-opacity: 0.9
    }

    .sm\:focus\:ring-opacity-95:focus {
        --tw-ring-opacity: 0.95
    }

    .sm\:focus\:ring-opacity-100:focus {
        --tw-ring-opacity: 1
    }

    .sm\:focus-within\:ring-offset-0:focus-within {
        --tw-ring-offset-width: 0px
    }

    .sm\:focus-within\:ring-offset-1:focus-within {
        --tw-ring-offset-width: 1px
    }

    .sm\:focus-within\:ring-offset-2:focus-within {
        --tw-ring-offset-width: 2px
    }

    .sm\:focus-within\:ring-offset-4:focus-within {
        --tw-ring-offset-width: 4px
    }

    .sm\:focus-within\:ring-offset-8:focus-within {
        --tw-ring-offset-width: 8px
    }

    .sm\:focus\:ring-offset-0:focus {
        --tw-ring-offset-width: 0px
    }

    .sm\:focus\:ring-offset-1:focus {
        --tw-ring-offset-width: 1px
    }

    .sm\:focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px
    }

    .sm\:focus\:ring-offset-4:focus {
        --tw-ring-offset-width: 4px
    }

    .sm\:focus\:ring-offset-8:focus {
        --tw-ring-offset-width: 8px
    }

    .sm\:focus-within\:ring-offset-transparent:focus-within {
        --tw-ring-offset-color: transparent
    }

    .sm\:focus-within\:ring-offset-current:focus-within {
        --tw-ring-offset-color: currentColor
    }

    .sm\:focus-within\:ring-offset-black:focus-within {
        --tw-ring-offset-color: #000
    }

    .sm\:focus-within\:ring-offset-white:focus-within {
        --tw-ring-offset-color: #fff
    }

    .sm\:focus-within\:ring-offset-gray-50:focus-within {
        --tw-ring-offset-color: #f9fafb
    }

    .sm\:focus-within\:ring-offset-gray-100:focus-within {
        --tw-ring-offset-color: #f3f4f6
    }

    .sm\:focus-within\:ring-offset-gray-200:focus-within {
        --tw-ring-offset-color: #e5e7eb
    }

    .sm\:focus-within\:ring-offset-gray-300:focus-within {
        --tw-ring-offset-color: #d1d5db
    }

    .sm\:focus-within\:ring-offset-gray-400:focus-within {
        --tw-ring-offset-color: #9ca3af
    }

    .sm\:focus-within\:ring-offset-gray-500:focus-within {
        --tw-ring-offset-color: #6b7280
    }

    .sm\:focus-within\:ring-offset-gray-600:focus-within {
        --tw-ring-offset-color: #4b5563
    }

    .sm\:focus-within\:ring-offset-gray-700:focus-within {
        --tw-ring-offset-color: #374151
    }

    .sm\:focus-within\:ring-offset-gray-800:focus-within {
        --tw-ring-offset-color: #1f2937
    }

    .sm\:focus-within\:ring-offset-gray-900:focus-within {
        --tw-ring-offset-color: #111827
    }

    .sm\:focus-within\:ring-offset-red-50:focus-within {
        --tw-ring-offset-color: #fef2f2
    }

    .sm\:focus-within\:ring-offset-red-100:focus-within {
        --tw-ring-offset-color: #fee2e2
    }

    .sm\:focus-within\:ring-offset-red-200:focus-within {
        --tw-ring-offset-color: #fecaca
    }

    .sm\:focus-within\:ring-offset-red-300:focus-within {
        --tw-ring-offset-color: #fca5a5
    }

    .sm\:focus-within\:ring-offset-red-400:focus-within {
        --tw-ring-offset-color: #f87171
    }

    .sm\:focus-within\:ring-offset-red-500:focus-within {
        --tw-ring-offset-color: #ef4444
    }

    .sm\:focus-within\:ring-offset-red-600:focus-within {
        --tw-ring-offset-color: #dc2626
    }

    .sm\:focus-within\:ring-offset-red-700:focus-within {
        --tw-ring-offset-color: #b91c1c
    }

    .sm\:focus-within\:ring-offset-red-800:focus-within {
        --tw-ring-offset-color: #991b1b
    }

    .sm\:focus-within\:ring-offset-red-900:focus-within {
        --tw-ring-offset-color: #7f1d1d
    }

    .sm\:focus-within\:ring-offset-yellow-50:focus-within {
        --tw-ring-offset-color: #fffbeb
    }

    .sm\:focus-within\:ring-offset-yellow-100:focus-within {
        --tw-ring-offset-color: #fef3c7
    }

    .sm\:focus-within\:ring-offset-yellow-200:focus-within {
        --tw-ring-offset-color: #fde68a
    }

    .sm\:focus-within\:ring-offset-yellow-300:focus-within {
        --tw-ring-offset-color: #fcd34d
    }

    .sm\:focus-within\:ring-offset-yellow-400:focus-within {
        --tw-ring-offset-color: #fbbf24
    }

    .sm\:focus-within\:ring-offset-yellow-500:focus-within {
        --tw-ring-offset-color: #f59e0b
    }

    .sm\:focus-within\:ring-offset-yellow-600:focus-within {
        --tw-ring-offset-color: #d97706
    }

    .sm\:focus-within\:ring-offset-yellow-700:focus-within {
        --tw-ring-offset-color: #b45309
    }

    .sm\:focus-within\:ring-offset-yellow-800:focus-within {
        --tw-ring-offset-color: #92400e
    }

    .sm\:focus-within\:ring-offset-yellow-900:focus-within {
        --tw-ring-offset-color: #78350f
    }

    .sm\:focus-within\:ring-offset-green-50:focus-within {
        --tw-ring-offset-color: #ecfdf5
    }

    .sm\:focus-within\:ring-offset-green-100:focus-within {
        --tw-ring-offset-color: #d1fae5
    }

    .sm\:focus-within\:ring-offset-green-200:focus-within {
        --tw-ring-offset-color: #a7f3d0
    }

    .sm\:focus-within\:ring-offset-green-300:focus-within {
        --tw-ring-offset-color: #6ee7b7
    }

    .sm\:focus-within\:ring-offset-green-400:focus-within {
        --tw-ring-offset-color: #34d399
    }

    .sm\:focus-within\:ring-offset-green-500:focus-within {
        --tw-ring-offset-color: #10b981
    }

    .sm\:focus-within\:ring-offset-green-600:focus-within {
        --tw-ring-offset-color: #059669
    }

    .sm\:focus-within\:ring-offset-green-700:focus-within {
        --tw-ring-offset-color: #047857
    }

    .sm\:focus-within\:ring-offset-green-800:focus-within {
        --tw-ring-offset-color: #065f46
    }

    .sm\:focus-within\:ring-offset-green-900:focus-within {
        --tw-ring-offset-color: #064e3b
    }

    .sm\:focus-within\:ring-offset-blue-50:focus-within {
        --tw-ring-offset-color: #eff6ff
    }

    .sm\:focus-within\:ring-offset-blue-100:focus-within {
        --tw-ring-offset-color: #dbeafe
    }

    .sm\:focus-within\:ring-offset-blue-200:focus-within {
        --tw-ring-offset-color: #bfdbfe
    }

    .sm\:focus-within\:ring-offset-blue-300:focus-within {
        --tw-ring-offset-color: #93c5fd
    }

    .sm\:focus-within\:ring-offset-blue-400:focus-within {
        --tw-ring-offset-color: #60a5fa
    }

    .sm\:focus-within\:ring-offset-blue-500:focus-within {
        --tw-ring-offset-color: #3b82f6
    }

    .sm\:focus-within\:ring-offset-blue-600:focus-within {
        --tw-ring-offset-color: #2563eb
    }

    .sm\:focus-within\:ring-offset-blue-700:focus-within {
        --tw-ring-offset-color: #1d4ed8
    }

    .sm\:focus-within\:ring-offset-blue-800:focus-within {
        --tw-ring-offset-color: #1e40af
    }

    .sm\:focus-within\:ring-offset-blue-900:focus-within {
        --tw-ring-offset-color: #1e3a8a
    }

    .sm\:focus-within\:ring-offset-indigo-50:focus-within {
        --tw-ring-offset-color: #eef2ff
    }

    .sm\:focus-within\:ring-offset-indigo-100:focus-within {
        --tw-ring-offset-color: #e0e7ff
    }

    .sm\:focus-within\:ring-offset-indigo-200:focus-within {
        --tw-ring-offset-color: #c7d2fe
    }

    .sm\:focus-within\:ring-offset-indigo-300:focus-within {
        --tw-ring-offset-color: #a5b4fc
    }

    .sm\:focus-within\:ring-offset-indigo-400:focus-within {
        --tw-ring-offset-color: #818cf8
    }

    .sm\:focus-within\:ring-offset-indigo-500:focus-within {
        --tw-ring-offset-color: #6366f1
    }

    .sm\:focus-within\:ring-offset-indigo-600:focus-within {
        --tw-ring-offset-color: #4f46e5
    }

    .sm\:focus-within\:ring-offset-indigo-700:focus-within {
        --tw-ring-offset-color: #4338ca
    }

    .sm\:focus-within\:ring-offset-indigo-800:focus-within {
        --tw-ring-offset-color: #3730a3
    }

    .sm\:focus-within\:ring-offset-indigo-900:focus-within {
        --tw-ring-offset-color: #312e81
    }

    .sm\:focus-within\:ring-offset-purple-50:focus-within {
        --tw-ring-offset-color: #f5f3ff
    }

    .sm\:focus-within\:ring-offset-purple-100:focus-within {
        --tw-ring-offset-color: #ede9fe
    }

    .sm\:focus-within\:ring-offset-purple-200:focus-within {
        --tw-ring-offset-color: #ddd6fe
    }

    .sm\:focus-within\:ring-offset-purple-300:focus-within {
        --tw-ring-offset-color: #c4b5fd
    }

    .sm\:focus-within\:ring-offset-purple-400:focus-within {
        --tw-ring-offset-color: #a78bfa
    }

    .sm\:focus-within\:ring-offset-purple-500:focus-within {
        --tw-ring-offset-color: #8b5cf6
    }

    .sm\:focus-within\:ring-offset-purple-600:focus-within {
        --tw-ring-offset-color: #7c3aed
    }

    .sm\:focus-within\:ring-offset-purple-700:focus-within {
        --tw-ring-offset-color: #6d28d9
    }

    .sm\:focus-within\:ring-offset-purple-800:focus-within {
        --tw-ring-offset-color: #5b21b6
    }

    .sm\:focus-within\:ring-offset-purple-900:focus-within {
        --tw-ring-offset-color: #4c1d95
    }

    .sm\:focus-within\:ring-offset-pink-50:focus-within {
        --tw-ring-offset-color: #fdf2f8
    }

    .sm\:focus-within\:ring-offset-pink-100:focus-within {
        --tw-ring-offset-color: #fce7f3
    }

    .sm\:focus-within\:ring-offset-pink-200:focus-within {
        --tw-ring-offset-color: #fbcfe8
    }

    .sm\:focus-within\:ring-offset-pink-300:focus-within {
        --tw-ring-offset-color: #f9a8d4
    }

    .sm\:focus-within\:ring-offset-pink-400:focus-within {
        --tw-ring-offset-color: #f472b6
    }

    .sm\:focus-within\:ring-offset-pink-500:focus-within {
        --tw-ring-offset-color: #ec4899
    }

    .sm\:focus-within\:ring-offset-pink-600:focus-within {
        --tw-ring-offset-color: #db2777
    }

    .sm\:focus-within\:ring-offset-pink-700:focus-within {
        --tw-ring-offset-color: #be185d
    }

    .sm\:focus-within\:ring-offset-pink-800:focus-within {
        --tw-ring-offset-color: #9d174d
    }

    .sm\:focus-within\:ring-offset-pink-900:focus-within {
        --tw-ring-offset-color: #831843
    }

    .sm\:focus-within\:ring-offset-primary:focus-within {
        --tw-ring-offset-color: #1ab938
    }

    .sm\:focus-within\:ring-offset-orange:focus-within {
        --tw-ring-offset-color: #fdab5a
    }

    .sm\:focus-within\:ring-offset-danger:focus-within {
        --tw-ring-offset-color: #c75d5d
    }

    .sm\:focus\:ring-offset-transparent:focus {
        --tw-ring-offset-color: transparent
    }

    .sm\:focus\:ring-offset-current:focus {
        --tw-ring-offset-color: currentColor
    }

    .sm\:focus\:ring-offset-black:focus {
        --tw-ring-offset-color: #000
    }

    .sm\:focus\:ring-offset-white:focus {
        --tw-ring-offset-color: #fff
    }

    .sm\:focus\:ring-offset-gray-50:focus {
        --tw-ring-offset-color: #f9fafb
    }

    .sm\:focus\:ring-offset-gray-100:focus {
        --tw-ring-offset-color: #f3f4f6
    }

    .sm\:focus\:ring-offset-gray-200:focus {
        --tw-ring-offset-color: #e5e7eb
    }

    .sm\:focus\:ring-offset-gray-300:focus {
        --tw-ring-offset-color: #d1d5db
    }

    .sm\:focus\:ring-offset-gray-400:focus {
        --tw-ring-offset-color: #9ca3af
    }

    .sm\:focus\:ring-offset-gray-500:focus {
        --tw-ring-offset-color: #6b7280
    }

    .sm\:focus\:ring-offset-gray-600:focus {
        --tw-ring-offset-color: #4b5563
    }

    .sm\:focus\:ring-offset-gray-700:focus {
        --tw-ring-offset-color: #374151
    }

    .sm\:focus\:ring-offset-gray-800:focus {
        --tw-ring-offset-color: #1f2937
    }

    .sm\:focus\:ring-offset-gray-900:focus {
        --tw-ring-offset-color: #111827
    }

    .sm\:focus\:ring-offset-red-50:focus {
        --tw-ring-offset-color: #fef2f2
    }

    .sm\:focus\:ring-offset-red-100:focus {
        --tw-ring-offset-color: #fee2e2
    }

    .sm\:focus\:ring-offset-red-200:focus {
        --tw-ring-offset-color: #fecaca
    }

    .sm\:focus\:ring-offset-red-300:focus {
        --tw-ring-offset-color: #fca5a5
    }

    .sm\:focus\:ring-offset-red-400:focus {
        --tw-ring-offset-color: #f87171
    }

    .sm\:focus\:ring-offset-red-500:focus {
        --tw-ring-offset-color: #ef4444
    }

    .sm\:focus\:ring-offset-red-600:focus {
        --tw-ring-offset-color: #dc2626
    }

    .sm\:focus\:ring-offset-red-700:focus {
        --tw-ring-offset-color: #b91c1c
    }

    .sm\:focus\:ring-offset-red-800:focus {
        --tw-ring-offset-color: #991b1b
    }

    .sm\:focus\:ring-offset-red-900:focus {
        --tw-ring-offset-color: #7f1d1d
    }

    .sm\:focus\:ring-offset-yellow-50:focus {
        --tw-ring-offset-color: #fffbeb
    }

    .sm\:focus\:ring-offset-yellow-100:focus {
        --tw-ring-offset-color: #fef3c7
    }

    .sm\:focus\:ring-offset-yellow-200:focus {
        --tw-ring-offset-color: #fde68a
    }

    .sm\:focus\:ring-offset-yellow-300:focus {
        --tw-ring-offset-color: #fcd34d
    }

    .sm\:focus\:ring-offset-yellow-400:focus {
        --tw-ring-offset-color: #fbbf24
    }

    .sm\:focus\:ring-offset-yellow-500:focus {
        --tw-ring-offset-color: #f59e0b
    }

    .sm\:focus\:ring-offset-yellow-600:focus {
        --tw-ring-offset-color: #d97706
    }

    .sm\:focus\:ring-offset-yellow-700:focus {
        --tw-ring-offset-color: #b45309
    }

    .sm\:focus\:ring-offset-yellow-800:focus {
        --tw-ring-offset-color: #92400e
    }

    .sm\:focus\:ring-offset-yellow-900:focus {
        --tw-ring-offset-color: #78350f
    }

    .sm\:focus\:ring-offset-green-50:focus {
        --tw-ring-offset-color: #ecfdf5
    }

    .sm\:focus\:ring-offset-green-100:focus {
        --tw-ring-offset-color: #d1fae5
    }

    .sm\:focus\:ring-offset-green-200:focus {
        --tw-ring-offset-color: #a7f3d0
    }

    .sm\:focus\:ring-offset-green-300:focus {
        --tw-ring-offset-color: #6ee7b7
    }

    .sm\:focus\:ring-offset-green-400:focus {
        --tw-ring-offset-color: #34d399
    }

    .sm\:focus\:ring-offset-green-500:focus {
        --tw-ring-offset-color: #10b981
    }

    .sm\:focus\:ring-offset-green-600:focus {
        --tw-ring-offset-color: #059669
    }

    .sm\:focus\:ring-offset-green-700:focus {
        --tw-ring-offset-color: #047857
    }

    .sm\:focus\:ring-offset-green-800:focus {
        --tw-ring-offset-color: #065f46
    }

    .sm\:focus\:ring-offset-green-900:focus {
        --tw-ring-offset-color: #064e3b
    }

    .sm\:focus\:ring-offset-blue-50:focus {
        --tw-ring-offset-color: #eff6ff
    }

    .sm\:focus\:ring-offset-blue-100:focus {
        --tw-ring-offset-color: #dbeafe
    }

    .sm\:focus\:ring-offset-blue-200:focus {
        --tw-ring-offset-color: #bfdbfe
    }

    .sm\:focus\:ring-offset-blue-300:focus {
        --tw-ring-offset-color: #93c5fd
    }

    .sm\:focus\:ring-offset-blue-400:focus {
        --tw-ring-offset-color: #60a5fa
    }

    .sm\:focus\:ring-offset-blue-500:focus {
        --tw-ring-offset-color: #3b82f6
    }

    .sm\:focus\:ring-offset-blue-600:focus {
        --tw-ring-offset-color: #2563eb
    }

    .sm\:focus\:ring-offset-blue-700:focus {
        --tw-ring-offset-color: #1d4ed8
    }

    .sm\:focus\:ring-offset-blue-800:focus {
        --tw-ring-offset-color: #1e40af
    }

    .sm\:focus\:ring-offset-blue-900:focus {
        --tw-ring-offset-color: #1e3a8a
    }

    .sm\:focus\:ring-offset-indigo-50:focus {
        --tw-ring-offset-color: #eef2ff
    }

    .sm\:focus\:ring-offset-indigo-100:focus {
        --tw-ring-offset-color: #e0e7ff
    }

    .sm\:focus\:ring-offset-indigo-200:focus {
        --tw-ring-offset-color: #c7d2fe
    }

    .sm\:focus\:ring-offset-indigo-300:focus {
        --tw-ring-offset-color: #a5b4fc
    }

    .sm\:focus\:ring-offset-indigo-400:focus {
        --tw-ring-offset-color: #818cf8
    }

    .sm\:focus\:ring-offset-indigo-500:focus {
        --tw-ring-offset-color: #6366f1
    }

    .sm\:focus\:ring-offset-indigo-600:focus {
        --tw-ring-offset-color: #4f46e5
    }

    .sm\:focus\:ring-offset-indigo-700:focus {
        --tw-ring-offset-color: #4338ca
    }

    .sm\:focus\:ring-offset-indigo-800:focus {
        --tw-ring-offset-color: #3730a3
    }

    .sm\:focus\:ring-offset-indigo-900:focus {
        --tw-ring-offset-color: #312e81
    }

    .sm\:focus\:ring-offset-purple-50:focus {
        --tw-ring-offset-color: #f5f3ff
    }

    .sm\:focus\:ring-offset-purple-100:focus {
        --tw-ring-offset-color: #ede9fe
    }

    .sm\:focus\:ring-offset-purple-200:focus {
        --tw-ring-offset-color: #ddd6fe
    }

    .sm\:focus\:ring-offset-purple-300:focus {
        --tw-ring-offset-color: #c4b5fd
    }

    .sm\:focus\:ring-offset-purple-400:focus {
        --tw-ring-offset-color: #a78bfa
    }

    .sm\:focus\:ring-offset-purple-500:focus {
        --tw-ring-offset-color: #8b5cf6
    }

    .sm\:focus\:ring-offset-purple-600:focus {
        --tw-ring-offset-color: #7c3aed
    }

    .sm\:focus\:ring-offset-purple-700:focus {
        --tw-ring-offset-color: #6d28d9
    }

    .sm\:focus\:ring-offset-purple-800:focus {
        --tw-ring-offset-color: #5b21b6
    }

    .sm\:focus\:ring-offset-purple-900:focus {
        --tw-ring-offset-color: #4c1d95
    }

    .sm\:focus\:ring-offset-pink-50:focus {
        --tw-ring-offset-color: #fdf2f8
    }

    .sm\:focus\:ring-offset-pink-100:focus {
        --tw-ring-offset-color: #fce7f3
    }

    .sm\:focus\:ring-offset-pink-200:focus {
        --tw-ring-offset-color: #fbcfe8
    }

    .sm\:focus\:ring-offset-pink-300:focus {
        --tw-ring-offset-color: #f9a8d4
    }

    .sm\:focus\:ring-offset-pink-400:focus {
        --tw-ring-offset-color: #f472b6
    }

    .sm\:focus\:ring-offset-pink-500:focus {
        --tw-ring-offset-color: #ec4899
    }

    .sm\:focus\:ring-offset-pink-600:focus {
        --tw-ring-offset-color: #db2777
    }

    .sm\:focus\:ring-offset-pink-700:focus {
        --tw-ring-offset-color: #be185d
    }

    .sm\:focus\:ring-offset-pink-800:focus {
        --tw-ring-offset-color: #9d174d
    }

    .sm\:focus\:ring-offset-pink-900:focus {
        --tw-ring-offset-color: #831843
    }

    .sm\:focus\:ring-offset-primary:focus {
        --tw-ring-offset-color: #1ab938
    }

    .sm\:focus\:ring-offset-orange:focus {
        --tw-ring-offset-color: #fdab5a
    }

    .sm\:focus\:ring-offset-danger:focus {
        --tw-ring-offset-color: #c75d5d
    }
}

@media (min-width:768px) {
    .md\:focus-within\:sr-only:focus-within {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    .md\:focus-within\:not-sr-only:focus-within {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .md\:focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    .md\:focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .md\:focus-within\:z-0:focus-within {
        z-index: 0
    }

    .md\:focus-within\:z-10:focus-within {
        z-index: 10
    }

    .md\:focus-within\:z-20:focus-within {
        z-index: 20
    }

    .md\:focus-within\:z-30:focus-within {
        z-index: 30
    }

    .md\:focus-within\:z-40:focus-within {
        z-index: 40
    }

    .md\:focus-within\:z-50:focus-within {
        z-index: 50
    }

    .md\:focus-within\:z-auto:focus-within {
        z-index: auto
    }

    .md\:focus\:z-0:focus {
        z-index: 0
    }

    .md\:focus\:z-10:focus {
        z-index: 10
    }

    .md\:focus\:z-20:focus {
        z-index: 20
    }

    .md\:focus\:z-30:focus {
        z-index: 30
    }

    .md\:focus\:z-40:focus {
        z-index: 40
    }

    .md\:focus\:z-50:focus {
        z-index: 50
    }

    .md\:focus\:z-auto:focus {
        z-index: auto
    }

    .md\:hover\:translate-x-0:hover {
        --tw-translate-x: 0px
    }

    .md\:hover\:translate-x-1:hover {
        --tw-translate-x: 0.25rem
    }

    .md\:hover\:translate-x-2:hover {
        --tw-translate-x: 0.5rem
    }

    .md\:hover\:translate-x-3:hover {
        --tw-translate-x: 0.75rem
    }

    .md\:hover\:translate-x-4:hover {
        --tw-translate-x: 1rem
    }

    .md\:hover\:translate-x-5:hover {
        --tw-translate-x: 1.25rem
    }

    .md\:hover\:translate-x-6:hover {
        --tw-translate-x: 1.5rem
    }

    .md\:hover\:translate-x-7:hover {
        --tw-translate-x: 1.75rem
    }

    .md\:hover\:translate-x-8:hover {
        --tw-translate-x: 2rem
    }

    .md\:hover\:translate-x-9:hover {
        --tw-translate-x: 2.25rem
    }

    .md\:hover\:translate-x-10:hover {
        --tw-translate-x: 2.5rem
    }

    .md\:hover\:translate-x-11:hover {
        --tw-translate-x: 2.75rem
    }

    .md\:hover\:translate-x-12:hover {
        --tw-translate-x: 3rem
    }

    .md\:hover\:translate-x-14:hover {
        --tw-translate-x: 3.5rem
    }

    .md\:hover\:translate-x-16:hover {
        --tw-translate-x: 4rem
    }

    .md\:hover\:translate-x-20:hover {
        --tw-translate-x: 5rem
    }

    .md\:hover\:translate-x-24:hover {
        --tw-translate-x: 6rem
    }

    .md\:hover\:translate-x-28:hover {
        --tw-translate-x: 7rem
    }

    .md\:hover\:translate-x-32:hover {
        --tw-translate-x: 8rem
    }

    .md\:hover\:translate-x-36:hover {
        --tw-translate-x: 9rem
    }

    .md\:hover\:translate-x-40:hover {
        --tw-translate-x: 10rem
    }

    .md\:hover\:translate-x-44:hover {
        --tw-translate-x: 11rem
    }

    .md\:hover\:translate-x-48:hover {
        --tw-translate-x: 12rem
    }

    .md\:hover\:translate-x-52:hover {
        --tw-translate-x: 13rem
    }

    .md\:hover\:translate-x-56:hover {
        --tw-translate-x: 14rem
    }

    .md\:hover\:translate-x-60:hover {
        --tw-translate-x: 15rem
    }

    .md\:hover\:translate-x-64:hover {
        --tw-translate-x: 16rem
    }

    .md\:hover\:translate-x-72:hover {
        --tw-translate-x: 18rem
    }

    .md\:hover\:translate-x-80:hover {
        --tw-translate-x: 20rem
    }

    .md\:hover\:translate-x-96:hover {
        --tw-translate-x: 24rem
    }

    .md\:hover\:translate-x-px:hover {
        --tw-translate-x: 1px
    }

    .md\:hover\:translate-x-0\.5:hover {
        --tw-translate-x: 0.125rem
    }

    .md\:hover\:translate-x-1\.5:hover {
        --tw-translate-x: 0.375rem
    }

    .md\:hover\:translate-x-2\.5:hover {
        --tw-translate-x: 0.625rem
    }

    .md\:hover\:translate-x-3\.5:hover {
        --tw-translate-x: 0.875rem
    }

    .md\:hover\:-translate-x-0:hover {
        --tw-translate-x: 0px
    }

    .md\:hover\:-translate-x-1:hover {
        --tw-translate-x: -0.25rem
    }

    .md\:hover\:-translate-x-2:hover {
        --tw-translate-x: -0.5rem
    }

    .md\:hover\:-translate-x-3:hover {
        --tw-translate-x: -0.75rem
    }

    .md\:hover\:-translate-x-4:hover {
        --tw-translate-x: -1rem
    }

    .md\:hover\:-translate-x-5:hover {
        --tw-translate-x: -1.25rem
    }

    .md\:hover\:-translate-x-6:hover {
        --tw-translate-x: -1.5rem
    }

    .md\:hover\:-translate-x-7:hover {
        --tw-translate-x: -1.75rem
    }

    .md\:hover\:-translate-x-8:hover {
        --tw-translate-x: -2rem
    }

    .md\:hover\:-translate-x-9:hover {
        --tw-translate-x: -2.25rem
    }

    .md\:hover\:-translate-x-10:hover {
        --tw-translate-x: -2.5rem
    }

    .md\:hover\:-translate-x-11:hover {
        --tw-translate-x: -2.75rem
    }

    .md\:hover\:-translate-x-12:hover {
        --tw-translate-x: -3rem
    }

    .md\:hover\:-translate-x-14:hover {
        --tw-translate-x: -3.5rem
    }

    .md\:hover\:-translate-x-16:hover {
        --tw-translate-x: -4rem
    }

    .md\:hover\:-translate-x-20:hover {
        --tw-translate-x: -5rem
    }

    .md\:hover\:-translate-x-24:hover {
        --tw-translate-x: -6rem
    }

    .md\:hover\:-translate-x-28:hover {
        --tw-translate-x: -7rem
    }

    .md\:hover\:-translate-x-32:hover {
        --tw-translate-x: -8rem
    }

    .md\:hover\:-translate-x-36:hover {
        --tw-translate-x: -9rem
    }

    .md\:hover\:-translate-x-40:hover {
        --tw-translate-x: -10rem
    }

    .md\:hover\:-translate-x-44:hover {
        --tw-translate-x: -11rem
    }

    .md\:hover\:-translate-x-48:hover {
        --tw-translate-x: -12rem
    }

    .md\:hover\:-translate-x-52:hover {
        --tw-translate-x: -13rem
    }

    .md\:hover\:-translate-x-56:hover {
        --tw-translate-x: -14rem
    }

    .md\:hover\:-translate-x-60:hover {
        --tw-translate-x: -15rem
    }

    .md\:hover\:-translate-x-64:hover {
        --tw-translate-x: -16rem
    }

    .md\:hover\:-translate-x-72:hover {
        --tw-translate-x: -18rem
    }

    .md\:hover\:-translate-x-80:hover {
        --tw-translate-x: -20rem
    }

    .md\:hover\:-translate-x-96:hover {
        --tw-translate-x: -24rem
    }

    .md\:hover\:-translate-x-px:hover {
        --tw-translate-x: -1px
    }

    .md\:hover\:-translate-x-0\.5:hover {
        --tw-translate-x: -0.125rem
    }

    .md\:hover\:-translate-x-1\.5:hover {
        --tw-translate-x: -0.375rem
    }

    .md\:hover\:-translate-x-2\.5:hover {
        --tw-translate-x: -0.625rem
    }

    .md\:hover\:-translate-x-3\.5:hover {
        --tw-translate-x: -0.875rem
    }

    .md\:hover\:translate-x-1\/2:hover {
        --tw-translate-x: 50%
    }

    .md\:hover\:translate-x-1\/3:hover {
        --tw-translate-x: 33.333333%
    }

    .md\:hover\:translate-x-2\/3:hover {
        --tw-translate-x: 66.666667%
    }

    .md\:hover\:translate-x-1\/4:hover {
        --tw-translate-x: 25%
    }

    .md\:hover\:translate-x-2\/4:hover {
        --tw-translate-x: 50%
    }

    .md\:hover\:translate-x-3\/4:hover {
        --tw-translate-x: 75%
    }

    .md\:hover\:translate-x-full:hover {
        --tw-translate-x: 100%
    }

    .md\:hover\:-translate-x-1\/2:hover {
        --tw-translate-x: -50%
    }

    .md\:hover\:-translate-x-1\/3:hover {
        --tw-translate-x: -33.333333%
    }

    .md\:hover\:-translate-x-2\/3:hover {
        --tw-translate-x: -66.666667%
    }

    .md\:hover\:-translate-x-1\/4:hover {
        --tw-translate-x: -25%
    }

    .md\:hover\:-translate-x-2\/4:hover {
        --tw-translate-x: -50%
    }

    .md\:hover\:-translate-x-3\/4:hover {
        --tw-translate-x: -75%
    }

    .md\:hover\:-translate-x-full:hover {
        --tw-translate-x: -100%
    }

    .md\:hover\:translate-y-0:hover {
        --tw-translate-y: 0px
    }

    .md\:hover\:translate-y-1:hover {
        --tw-translate-y: 0.25rem
    }

    .md\:hover\:translate-y-2:hover {
        --tw-translate-y: 0.5rem
    }

    .md\:hover\:translate-y-3:hover {
        --tw-translate-y: 0.75rem
    }

    .md\:hover\:translate-y-4:hover {
        --tw-translate-y: 1rem
    }

    .md\:hover\:translate-y-5:hover {
        --tw-translate-y: 1.25rem
    }

    .md\:hover\:translate-y-6:hover {
        --tw-translate-y: 1.5rem
    }

    .md\:hover\:translate-y-7:hover {
        --tw-translate-y: 1.75rem
    }

    .md\:hover\:translate-y-8:hover {
        --tw-translate-y: 2rem
    }

    .md\:hover\:translate-y-9:hover {
        --tw-translate-y: 2.25rem
    }

    .md\:hover\:translate-y-10:hover {
        --tw-translate-y: 2.5rem
    }

    .md\:hover\:translate-y-11:hover {
        --tw-translate-y: 2.75rem
    }

    .md\:hover\:translate-y-12:hover {
        --tw-translate-y: 3rem
    }

    .md\:hover\:translate-y-14:hover {
        --tw-translate-y: 3.5rem
    }

    .md\:hover\:translate-y-16:hover {
        --tw-translate-y: 4rem
    }

    .md\:hover\:translate-y-20:hover {
        --tw-translate-y: 5rem
    }

    .md\:hover\:translate-y-24:hover {
        --tw-translate-y: 6rem
    }

    .md\:hover\:translate-y-28:hover {
        --tw-translate-y: 7rem
    }

    .md\:hover\:translate-y-32:hover {
        --tw-translate-y: 8rem
    }

    .md\:hover\:translate-y-36:hover {
        --tw-translate-y: 9rem
    }

    .md\:hover\:translate-y-40:hover {
        --tw-translate-y: 10rem
    }

    .md\:hover\:translate-y-44:hover {
        --tw-translate-y: 11rem
    }

    .md\:hover\:translate-y-48:hover {
        --tw-translate-y: 12rem
    }

    .md\:hover\:translate-y-52:hover {
        --tw-translate-y: 13rem
    }

    .md\:hover\:translate-y-56:hover {
        --tw-translate-y: 14rem
    }

    .md\:hover\:translate-y-60:hover {
        --tw-translate-y: 15rem
    }

    .md\:hover\:translate-y-64:hover {
        --tw-translate-y: 16rem
    }

    .md\:hover\:translate-y-72:hover {
        --tw-translate-y: 18rem
    }

    .md\:hover\:translate-y-80:hover {
        --tw-translate-y: 20rem
    }

    .md\:hover\:translate-y-96:hover {
        --tw-translate-y: 24rem
    }

    .md\:hover\:translate-y-px:hover {
        --tw-translate-y: 1px
    }

    .md\:hover\:translate-y-0\.5:hover {
        --tw-translate-y: 0.125rem
    }

    .md\:hover\:translate-y-1\.5:hover {
        --tw-translate-y: 0.375rem
    }

    .md\:hover\:translate-y-2\.5:hover {
        --tw-translate-y: 0.625rem
    }

    .md\:hover\:translate-y-3\.5:hover {
        --tw-translate-y: 0.875rem
    }

    .md\:hover\:-translate-y-0:hover {
        --tw-translate-y: 0px
    }

    .md\:hover\:-translate-y-1:hover {
        --tw-translate-y: -0.25rem
    }

    .md\:hover\:-translate-y-2:hover {
        --tw-translate-y: -0.5rem
    }

    .md\:hover\:-translate-y-3:hover {
        --tw-translate-y: -0.75rem
    }

    .md\:hover\:-translate-y-4:hover {
        --tw-translate-y: -1rem
    }

    .md\:hover\:-translate-y-5:hover {
        --tw-translate-y: -1.25rem
    }

    .md\:hover\:-translate-y-6:hover {
        --tw-translate-y: -1.5rem
    }

    .md\:hover\:-translate-y-7:hover {
        --tw-translate-y: -1.75rem
    }

    .md\:hover\:-translate-y-8:hover {
        --tw-translate-y: -2rem
    }

    .md\:hover\:-translate-y-9:hover {
        --tw-translate-y: -2.25rem
    }

    .md\:hover\:-translate-y-10:hover {
        --tw-translate-y: -2.5rem
    }

    .md\:hover\:-translate-y-11:hover {
        --tw-translate-y: -2.75rem
    }

    .md\:hover\:-translate-y-12:hover {
        --tw-translate-y: -3rem
    }

    .md\:hover\:-translate-y-14:hover {
        --tw-translate-y: -3.5rem
    }

    .md\:hover\:-translate-y-16:hover {
        --tw-translate-y: -4rem
    }

    .md\:hover\:-translate-y-20:hover {
        --tw-translate-y: -5rem
    }

    .md\:hover\:-translate-y-24:hover {
        --tw-translate-y: -6rem
    }

    .md\:hover\:-translate-y-28:hover {
        --tw-translate-y: -7rem
    }

    .md\:hover\:-translate-y-32:hover {
        --tw-translate-y: -8rem
    }

    .md\:hover\:-translate-y-36:hover {
        --tw-translate-y: -9rem
    }

    .md\:hover\:-translate-y-40:hover {
        --tw-translate-y: -10rem
    }

    .md\:hover\:-translate-y-44:hover {
        --tw-translate-y: -11rem
    }

    .md\:hover\:-translate-y-48:hover {
        --tw-translate-y: -12rem
    }

    .md\:hover\:-translate-y-52:hover {
        --tw-translate-y: -13rem
    }

    .md\:hover\:-translate-y-56:hover {
        --tw-translate-y: -14rem
    }

    .md\:hover\:-translate-y-60:hover {
        --tw-translate-y: -15rem
    }

    .md\:hover\:-translate-y-64:hover {
        --tw-translate-y: -16rem
    }

    .md\:hover\:-translate-y-72:hover {
        --tw-translate-y: -18rem
    }

    .md\:hover\:-translate-y-80:hover {
        --tw-translate-y: -20rem
    }

    .md\:hover\:-translate-y-96:hover {
        --tw-translate-y: -24rem
    }

    .md\:hover\:-translate-y-px:hover {
        --tw-translate-y: -1px
    }

    .md\:hover\:-translate-y-0\.5:hover {
        --tw-translate-y: -0.125rem
    }

    .md\:hover\:-translate-y-1\.5:hover {
        --tw-translate-y: -0.375rem
    }

    .md\:hover\:-translate-y-2\.5:hover {
        --tw-translate-y: -0.625rem
    }

    .md\:hover\:-translate-y-3\.5:hover {
        --tw-translate-y: -0.875rem
    }

    .md\:hover\:translate-y-1\/2:hover {
        --tw-translate-y: 50%
    }

    .md\:hover\:translate-y-1\/3:hover {
        --tw-translate-y: 33.333333%
    }

    .md\:hover\:translate-y-2\/3:hover {
        --tw-translate-y: 66.666667%
    }

    .md\:hover\:translate-y-1\/4:hover {
        --tw-translate-y: 25%
    }

    .md\:hover\:translate-y-2\/4:hover {
        --tw-translate-y: 50%
    }

    .md\:hover\:translate-y-3\/4:hover {
        --tw-translate-y: 75%
    }

    .md\:hover\:translate-y-full:hover {
        --tw-translate-y: 100%
    }

    .md\:hover\:-translate-y-1\/2:hover {
        --tw-translate-y: -50%
    }

    .md\:hover\:-translate-y-1\/3:hover {
        --tw-translate-y: -33.333333%
    }

    .md\:hover\:-translate-y-2\/3:hover {
        --tw-translate-y: -66.666667%
    }

    .md\:hover\:-translate-y-1\/4:hover {
        --tw-translate-y: -25%
    }

    .md\:hover\:-translate-y-2\/4:hover {
        --tw-translate-y: -50%
    }

    .md\:hover\:-translate-y-3\/4:hover {
        --tw-translate-y: -75%
    }

    .md\:hover\:-translate-y-full:hover {
        --tw-translate-y: -100%
    }

    .md\:focus\:translate-x-0:focus {
        --tw-translate-x: 0px
    }

    .md\:focus\:translate-x-1:focus {
        --tw-translate-x: 0.25rem
    }

    .md\:focus\:translate-x-2:focus {
        --tw-translate-x: 0.5rem
    }

    .md\:focus\:translate-x-3:focus {
        --tw-translate-x: 0.75rem
    }

    .md\:focus\:translate-x-4:focus {
        --tw-translate-x: 1rem
    }

    .md\:focus\:translate-x-5:focus {
        --tw-translate-x: 1.25rem
    }

    .md\:focus\:translate-x-6:focus {
        --tw-translate-x: 1.5rem
    }

    .md\:focus\:translate-x-7:focus {
        --tw-translate-x: 1.75rem
    }

    .md\:focus\:translate-x-8:focus {
        --tw-translate-x: 2rem
    }

    .md\:focus\:translate-x-9:focus {
        --tw-translate-x: 2.25rem
    }

    .md\:focus\:translate-x-10:focus {
        --tw-translate-x: 2.5rem
    }

    .md\:focus\:translate-x-11:focus {
        --tw-translate-x: 2.75rem
    }

    .md\:focus\:translate-x-12:focus {
        --tw-translate-x: 3rem
    }

    .md\:focus\:translate-x-14:focus {
        --tw-translate-x: 3.5rem
    }

    .md\:focus\:translate-x-16:focus {
        --tw-translate-x: 4rem
    }

    .md\:focus\:translate-x-20:focus {
        --tw-translate-x: 5rem
    }

    .md\:focus\:translate-x-24:focus {
        --tw-translate-x: 6rem
    }

    .md\:focus\:translate-x-28:focus {
        --tw-translate-x: 7rem
    }

    .md\:focus\:translate-x-32:focus {
        --tw-translate-x: 8rem
    }

    .md\:focus\:translate-x-36:focus {
        --tw-translate-x: 9rem
    }

    .md\:focus\:translate-x-40:focus {
        --tw-translate-x: 10rem
    }

    .md\:focus\:translate-x-44:focus {
        --tw-translate-x: 11rem
    }

    .md\:focus\:translate-x-48:focus {
        --tw-translate-x: 12rem
    }

    .md\:focus\:translate-x-52:focus {
        --tw-translate-x: 13rem
    }

    .md\:focus\:translate-x-56:focus {
        --tw-translate-x: 14rem
    }

    .md\:focus\:translate-x-60:focus {
        --tw-translate-x: 15rem
    }

    .md\:focus\:translate-x-64:focus {
        --tw-translate-x: 16rem
    }

    .md\:focus\:translate-x-72:focus {
        --tw-translate-x: 18rem
    }

    .md\:focus\:translate-x-80:focus {
        --tw-translate-x: 20rem
    }

    .md\:focus\:translate-x-96:focus {
        --tw-translate-x: 24rem
    }

    .md\:focus\:translate-x-px:focus {
        --tw-translate-x: 1px
    }

    .md\:focus\:translate-x-0\.5:focus {
        --tw-translate-x: 0.125rem
    }

    .md\:focus\:translate-x-1\.5:focus {
        --tw-translate-x: 0.375rem
    }

    .md\:focus\:translate-x-2\.5:focus {
        --tw-translate-x: 0.625rem
    }

    .md\:focus\:translate-x-3\.5:focus {
        --tw-translate-x: 0.875rem
    }

    .md\:focus\:-translate-x-0:focus {
        --tw-translate-x: 0px
    }

    .md\:focus\:-translate-x-1:focus {
        --tw-translate-x: -0.25rem
    }

    .md\:focus\:-translate-x-2:focus {
        --tw-translate-x: -0.5rem
    }

    .md\:focus\:-translate-x-3:focus {
        --tw-translate-x: -0.75rem
    }

    .md\:focus\:-translate-x-4:focus {
        --tw-translate-x: -1rem
    }

    .md\:focus\:-translate-x-5:focus {
        --tw-translate-x: -1.25rem
    }

    .md\:focus\:-translate-x-6:focus {
        --tw-translate-x: -1.5rem
    }

    .md\:focus\:-translate-x-7:focus {
        --tw-translate-x: -1.75rem
    }

    .md\:focus\:-translate-x-8:focus {
        --tw-translate-x: -2rem
    }

    .md\:focus\:-translate-x-9:focus {
        --tw-translate-x: -2.25rem
    }

    .md\:focus\:-translate-x-10:focus {
        --tw-translate-x: -2.5rem
    }

    .md\:focus\:-translate-x-11:focus {
        --tw-translate-x: -2.75rem
    }

    .md\:focus\:-translate-x-12:focus {
        --tw-translate-x: -3rem
    }

    .md\:focus\:-translate-x-14:focus {
        --tw-translate-x: -3.5rem
    }

    .md\:focus\:-translate-x-16:focus {
        --tw-translate-x: -4rem
    }

    .md\:focus\:-translate-x-20:focus {
        --tw-translate-x: -5rem
    }

    .md\:focus\:-translate-x-24:focus {
        --tw-translate-x: -6rem
    }

    .md\:focus\:-translate-x-28:focus {
        --tw-translate-x: -7rem
    }

    .md\:focus\:-translate-x-32:focus {
        --tw-translate-x: -8rem
    }

    .md\:focus\:-translate-x-36:focus {
        --tw-translate-x: -9rem
    }

    .md\:focus\:-translate-x-40:focus {
        --tw-translate-x: -10rem
    }

    .md\:focus\:-translate-x-44:focus {
        --tw-translate-x: -11rem
    }

    .md\:focus\:-translate-x-48:focus {
        --tw-translate-x: -12rem
    }

    .md\:focus\:-translate-x-52:focus {
        --tw-translate-x: -13rem
    }

    .md\:focus\:-translate-x-56:focus {
        --tw-translate-x: -14rem
    }

    .md\:focus\:-translate-x-60:focus {
        --tw-translate-x: -15rem
    }

    .md\:focus\:-translate-x-64:focus {
        --tw-translate-x: -16rem
    }

    .md\:focus\:-translate-x-72:focus {
        --tw-translate-x: -18rem
    }

    .md\:focus\:-translate-x-80:focus {
        --tw-translate-x: -20rem
    }

    .md\:focus\:-translate-x-96:focus {
        --tw-translate-x: -24rem
    }

    .md\:focus\:-translate-x-px:focus {
        --tw-translate-x: -1px
    }

    .md\:focus\:-translate-x-0\.5:focus {
        --tw-translate-x: -0.125rem
    }

    .md\:focus\:-translate-x-1\.5:focus {
        --tw-translate-x: -0.375rem
    }

    .md\:focus\:-translate-x-2\.5:focus {
        --tw-translate-x: -0.625rem
    }

    .md\:focus\:-translate-x-3\.5:focus {
        --tw-translate-x: -0.875rem
    }

    .md\:focus\:translate-x-1\/2:focus {
        --tw-translate-x: 50%
    }

    .md\:focus\:translate-x-1\/3:focus {
        --tw-translate-x: 33.333333%
    }

    .md\:focus\:translate-x-2\/3:focus {
        --tw-translate-x: 66.666667%
    }

    .md\:focus\:translate-x-1\/4:focus {
        --tw-translate-x: 25%
    }

    .md\:focus\:translate-x-2\/4:focus {
        --tw-translate-x: 50%
    }

    .md\:focus\:translate-x-3\/4:focus {
        --tw-translate-x: 75%
    }

    .md\:focus\:translate-x-full:focus {
        --tw-translate-x: 100%
    }

    .md\:focus\:-translate-x-1\/2:focus {
        --tw-translate-x: -50%
    }

    .md\:focus\:-translate-x-1\/3:focus {
        --tw-translate-x: -33.333333%
    }

    .md\:focus\:-translate-x-2\/3:focus {
        --tw-translate-x: -66.666667%
    }

    .md\:focus\:-translate-x-1\/4:focus {
        --tw-translate-x: -25%
    }

    .md\:focus\:-translate-x-2\/4:focus {
        --tw-translate-x: -50%
    }

    .md\:focus\:-translate-x-3\/4:focus {
        --tw-translate-x: -75%
    }

    .md\:focus\:-translate-x-full:focus {
        --tw-translate-x: -100%
    }

    .md\:focus\:translate-y-0:focus {
        --tw-translate-y: 0px
    }

    .md\:focus\:translate-y-1:focus {
        --tw-translate-y: 0.25rem
    }

    .md\:focus\:translate-y-2:focus {
        --tw-translate-y: 0.5rem
    }

    .md\:focus\:translate-y-3:focus {
        --tw-translate-y: 0.75rem
    }

    .md\:focus\:translate-y-4:focus {
        --tw-translate-y: 1rem
    }

    .md\:focus\:translate-y-5:focus {
        --tw-translate-y: 1.25rem
    }

    .md\:focus\:translate-y-6:focus {
        --tw-translate-y: 1.5rem
    }

    .md\:focus\:translate-y-7:focus {
        --tw-translate-y: 1.75rem
    }

    .md\:focus\:translate-y-8:focus {
        --tw-translate-y: 2rem
    }

    .md\:focus\:translate-y-9:focus {
        --tw-translate-y: 2.25rem
    }

    .md\:focus\:translate-y-10:focus {
        --tw-translate-y: 2.5rem
    }

    .md\:focus\:translate-y-11:focus {
        --tw-translate-y: 2.75rem
    }

    .md\:focus\:translate-y-12:focus {
        --tw-translate-y: 3rem
    }

    .md\:focus\:translate-y-14:focus {
        --tw-translate-y: 3.5rem
    }

    .md\:focus\:translate-y-16:focus {
        --tw-translate-y: 4rem
    }

    .md\:focus\:translate-y-20:focus {
        --tw-translate-y: 5rem
    }

    .md\:focus\:translate-y-24:focus {
        --tw-translate-y: 6rem
    }

    .md\:focus\:translate-y-28:focus {
        --tw-translate-y: 7rem
    }

    .md\:focus\:translate-y-32:focus {
        --tw-translate-y: 8rem
    }

    .md\:focus\:translate-y-36:focus {
        --tw-translate-y: 9rem
    }

    .md\:focus\:translate-y-40:focus {
        --tw-translate-y: 10rem
    }

    .md\:focus\:translate-y-44:focus {
        --tw-translate-y: 11rem
    }

    .md\:focus\:translate-y-48:focus {
        --tw-translate-y: 12rem
    }

    .md\:focus\:translate-y-52:focus {
        --tw-translate-y: 13rem
    }

    .md\:focus\:translate-y-56:focus {
        --tw-translate-y: 14rem
    }

    .md\:focus\:translate-y-60:focus {
        --tw-translate-y: 15rem
    }

    .md\:focus\:translate-y-64:focus {
        --tw-translate-y: 16rem
    }

    .md\:focus\:translate-y-72:focus {
        --tw-translate-y: 18rem
    }

    .md\:focus\:translate-y-80:focus {
        --tw-translate-y: 20rem
    }

    .md\:focus\:translate-y-96:focus {
        --tw-translate-y: 24rem
    }

    .md\:focus\:translate-y-px:focus {
        --tw-translate-y: 1px
    }

    .md\:focus\:translate-y-0\.5:focus {
        --tw-translate-y: 0.125rem
    }

    .md\:focus\:translate-y-1\.5:focus {
        --tw-translate-y: 0.375rem
    }

    .md\:focus\:translate-y-2\.5:focus {
        --tw-translate-y: 0.625rem
    }

    .md\:focus\:translate-y-3\.5:focus {
        --tw-translate-y: 0.875rem
    }

    .md\:focus\:-translate-y-0:focus {
        --tw-translate-y: 0px
    }

    .md\:focus\:-translate-y-1:focus {
        --tw-translate-y: -0.25rem
    }

    .md\:focus\:-translate-y-2:focus {
        --tw-translate-y: -0.5rem
    }

    .md\:focus\:-translate-y-3:focus {
        --tw-translate-y: -0.75rem
    }

    .md\:focus\:-translate-y-4:focus {
        --tw-translate-y: -1rem
    }

    .md\:focus\:-translate-y-5:focus {
        --tw-translate-y: -1.25rem
    }

    .md\:focus\:-translate-y-6:focus {
        --tw-translate-y: -1.5rem
    }

    .md\:focus\:-translate-y-7:focus {
        --tw-translate-y: -1.75rem
    }

    .md\:focus\:-translate-y-8:focus {
        --tw-translate-y: -2rem
    }

    .md\:focus\:-translate-y-9:focus {
        --tw-translate-y: -2.25rem
    }

    .md\:focus\:-translate-y-10:focus {
        --tw-translate-y: -2.5rem
    }

    .md\:focus\:-translate-y-11:focus {
        --tw-translate-y: -2.75rem
    }

    .md\:focus\:-translate-y-12:focus {
        --tw-translate-y: -3rem
    }

    .md\:focus\:-translate-y-14:focus {
        --tw-translate-y: -3.5rem
    }

    .md\:focus\:-translate-y-16:focus {
        --tw-translate-y: -4rem
    }

    .md\:focus\:-translate-y-20:focus {
        --tw-translate-y: -5rem
    }

    .md\:focus\:-translate-y-24:focus {
        --tw-translate-y: -6rem
    }

    .md\:focus\:-translate-y-28:focus {
        --tw-translate-y: -7rem
    }

    .md\:focus\:-translate-y-32:focus {
        --tw-translate-y: -8rem
    }

    .md\:focus\:-translate-y-36:focus {
        --tw-translate-y: -9rem
    }

    .md\:focus\:-translate-y-40:focus {
        --tw-translate-y: -10rem
    }

    .md\:focus\:-translate-y-44:focus {
        --tw-translate-y: -11rem
    }

    .md\:focus\:-translate-y-48:focus {
        --tw-translate-y: -12rem
    }

    .md\:focus\:-translate-y-52:focus {
        --tw-translate-y: -13rem
    }

    .md\:focus\:-translate-y-56:focus {
        --tw-translate-y: -14rem
    }

    .md\:focus\:-translate-y-60:focus {
        --tw-translate-y: -15rem
    }

    .md\:focus\:-translate-y-64:focus {
        --tw-translate-y: -16rem
    }

    .md\:focus\:-translate-y-72:focus {
        --tw-translate-y: -18rem
    }

    .md\:focus\:-translate-y-80:focus {
        --tw-translate-y: -20rem
    }

    .md\:focus\:-translate-y-96:focus {
        --tw-translate-y: -24rem
    }

    .md\:focus\:-translate-y-px:focus {
        --tw-translate-y: -1px
    }

    .md\:focus\:-translate-y-0\.5:focus {
        --tw-translate-y: -0.125rem
    }

    .md\:focus\:-translate-y-1\.5:focus {
        --tw-translate-y: -0.375rem
    }

    .md\:focus\:-translate-y-2\.5:focus {
        --tw-translate-y: -0.625rem
    }

    .md\:focus\:-translate-y-3\.5:focus {
        --tw-translate-y: -0.875rem
    }

    .md\:focus\:translate-y-1\/2:focus {
        --tw-translate-y: 50%
    }

    .md\:focus\:translate-y-1\/3:focus {
        --tw-translate-y: 33.333333%
    }

    .md\:focus\:translate-y-2\/3:focus {
        --tw-translate-y: 66.666667%
    }

    .md\:focus\:translate-y-1\/4:focus {
        --tw-translate-y: 25%
    }

    .md\:focus\:translate-y-2\/4:focus {
        --tw-translate-y: 50%
    }

    .md\:focus\:translate-y-3\/4:focus {
        --tw-translate-y: 75%
    }

    .md\:focus\:translate-y-full:focus {
        --tw-translate-y: 100%
    }

    .md\:focus\:-translate-y-1\/2:focus {
        --tw-translate-y: -50%
    }

    .md\:focus\:-translate-y-1\/3:focus {
        --tw-translate-y: -33.333333%
    }

    .md\:focus\:-translate-y-2\/3:focus {
        --tw-translate-y: -66.666667%
    }

    .md\:focus\:-translate-y-1\/4:focus {
        --tw-translate-y: -25%
    }

    .md\:focus\:-translate-y-2\/4:focus {
        --tw-translate-y: -50%
    }

    .md\:focus\:-translate-y-3\/4:focus {
        --tw-translate-y: -75%
    }

    .md\:focus\:-translate-y-full:focus {
        --tw-translate-y: -100%
    }

    .md\:hover\:rotate-0:hover {
        --tw-rotate: 0deg
    }

    .md\:hover\:rotate-1:hover {
        --tw-rotate: 1deg
    }

    .md\:hover\:rotate-2:hover {
        --tw-rotate: 2deg
    }

    .md\:hover\:rotate-3:hover {
        --tw-rotate: 3deg
    }

    .md\:hover\:rotate-6:hover {
        --tw-rotate: 6deg
    }

    .md\:hover\:rotate-12:hover {
        --tw-rotate: 12deg
    }

    .md\:hover\:rotate-45:hover {
        --tw-rotate: 45deg
    }

    .md\:hover\:rotate-90:hover {
        --tw-rotate: 90deg
    }

    .md\:hover\:rotate-180:hover {
        --tw-rotate: 180deg
    }

    .md\:hover\:-rotate-180:hover {
        --tw-rotate: -180deg
    }

    .md\:hover\:-rotate-90:hover {
        --tw-rotate: -90deg
    }

    .md\:hover\:-rotate-45:hover {
        --tw-rotate: -45deg
    }

    .md\:hover\:-rotate-12:hover {
        --tw-rotate: -12deg
    }

    .md\:hover\:-rotate-6:hover {
        --tw-rotate: -6deg
    }

    .md\:hover\:-rotate-3:hover {
        --tw-rotate: -3deg
    }

    .md\:hover\:-rotate-2:hover {
        --tw-rotate: -2deg
    }

    .md\:hover\:-rotate-1:hover {
        --tw-rotate: -1deg
    }

    .md\:focus\:rotate-0:focus {
        --tw-rotate: 0deg
    }

    .md\:focus\:rotate-1:focus {
        --tw-rotate: 1deg
    }

    .md\:focus\:rotate-2:focus {
        --tw-rotate: 2deg
    }

    .md\:focus\:rotate-3:focus {
        --tw-rotate: 3deg
    }

    .md\:focus\:rotate-6:focus {
        --tw-rotate: 6deg
    }

    .md\:focus\:rotate-12:focus {
        --tw-rotate: 12deg
    }

    .md\:focus\:rotate-45:focus {
        --tw-rotate: 45deg
    }

    .md\:focus\:rotate-90:focus {
        --tw-rotate: 90deg
    }

    .md\:focus\:rotate-180:focus {
        --tw-rotate: 180deg
    }

    .md\:focus\:-rotate-180:focus {
        --tw-rotate: -180deg
    }

    .md\:focus\:-rotate-90:focus {
        --tw-rotate: -90deg
    }

    .md\:focus\:-rotate-45:focus {
        --tw-rotate: -45deg
    }

    .md\:focus\:-rotate-12:focus {
        --tw-rotate: -12deg
    }

    .md\:focus\:-rotate-6:focus {
        --tw-rotate: -6deg
    }

    .md\:focus\:-rotate-3:focus {
        --tw-rotate: -3deg
    }

    .md\:focus\:-rotate-2:focus {
        --tw-rotate: -2deg
    }

    .md\:focus\:-rotate-1:focus {
        --tw-rotate: -1deg
    }

    .md\:hover\:skew-x-0:hover {
        --tw-skew-x: 0deg
    }

    .md\:hover\:skew-x-1:hover {
        --tw-skew-x: 1deg
    }

    .md\:hover\:skew-x-2:hover {
        --tw-skew-x: 2deg
    }

    .md\:hover\:skew-x-3:hover {
        --tw-skew-x: 3deg
    }

    .md\:hover\:skew-x-6:hover {
        --tw-skew-x: 6deg
    }

    .md\:hover\:skew-x-12:hover {
        --tw-skew-x: 12deg
    }

    .md\:hover\:-skew-x-12:hover {
        --tw-skew-x: -12deg
    }

    .md\:hover\:-skew-x-6:hover {
        --tw-skew-x: -6deg
    }

    .md\:hover\:-skew-x-3:hover {
        --tw-skew-x: -3deg
    }

    .md\:hover\:-skew-x-2:hover {
        --tw-skew-x: -2deg
    }

    .md\:hover\:-skew-x-1:hover {
        --tw-skew-x: -1deg
    }

    .md\:hover\:skew-y-0:hover {
        --tw-skew-y: 0deg
    }

    .md\:hover\:skew-y-1:hover {
        --tw-skew-y: 1deg
    }

    .md\:hover\:skew-y-2:hover {
        --tw-skew-y: 2deg
    }

    .md\:hover\:skew-y-3:hover {
        --tw-skew-y: 3deg
    }

    .md\:hover\:skew-y-6:hover {
        --tw-skew-y: 6deg
    }

    .md\:hover\:skew-y-12:hover {
        --tw-skew-y: 12deg
    }

    .md\:hover\:-skew-y-12:hover {
        --tw-skew-y: -12deg
    }

    .md\:hover\:-skew-y-6:hover {
        --tw-skew-y: -6deg
    }

    .md\:hover\:-skew-y-3:hover {
        --tw-skew-y: -3deg
    }

    .md\:hover\:-skew-y-2:hover {
        --tw-skew-y: -2deg
    }

    .md\:hover\:-skew-y-1:hover {
        --tw-skew-y: -1deg
    }

    .md\:focus\:skew-x-0:focus {
        --tw-skew-x: 0deg
    }

    .md\:focus\:skew-x-1:focus {
        --tw-skew-x: 1deg
    }

    .md\:focus\:skew-x-2:focus {
        --tw-skew-x: 2deg
    }

    .md\:focus\:skew-x-3:focus {
        --tw-skew-x: 3deg
    }

    .md\:focus\:skew-x-6:focus {
        --tw-skew-x: 6deg
    }

    .md\:focus\:skew-x-12:focus {
        --tw-skew-x: 12deg
    }

    .md\:focus\:-skew-x-12:focus {
        --tw-skew-x: -12deg
    }

    .md\:focus\:-skew-x-6:focus {
        --tw-skew-x: -6deg
    }

    .md\:focus\:-skew-x-3:focus {
        --tw-skew-x: -3deg
    }

    .md\:focus\:-skew-x-2:focus {
        --tw-skew-x: -2deg
    }

    .md\:focus\:-skew-x-1:focus {
        --tw-skew-x: -1deg
    }

    .md\:focus\:skew-y-0:focus {
        --tw-skew-y: 0deg
    }

    .md\:focus\:skew-y-1:focus {
        --tw-skew-y: 1deg
    }

    .md\:focus\:skew-y-2:focus {
        --tw-skew-y: 2deg
    }

    .md\:focus\:skew-y-3:focus {
        --tw-skew-y: 3deg
    }

    .md\:focus\:skew-y-6:focus {
        --tw-skew-y: 6deg
    }

    .md\:focus\:skew-y-12:focus {
        --tw-skew-y: 12deg
    }

    .md\:focus\:-skew-y-12:focus {
        --tw-skew-y: -12deg
    }

    .md\:focus\:-skew-y-6:focus {
        --tw-skew-y: -6deg
    }

    .md\:focus\:-skew-y-3:focus {
        --tw-skew-y: -3deg
    }

    .md\:focus\:-skew-y-2:focus {
        --tw-skew-y: -2deg
    }

    .md\:focus\:-skew-y-1:focus {
        --tw-skew-y: -1deg
    }

    .md\:hover\:scale-0:hover {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }

    .md\:hover\:scale-50:hover {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }

    .md\:hover\:scale-75:hover {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }

    .md\:hover\:scale-90:hover {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }

    .md\:hover\:scale-95:hover {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }

    .md\:hover\:scale-100:hover {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .md\:hover\:scale-105:hover {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }

    .md\:hover\:scale-110:hover {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }

    .md\:hover\:scale-125:hover {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }

    .md\:hover\:scale-150:hover {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }

    .md\:focus\:scale-0:focus {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }

    .md\:focus\:scale-50:focus {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }

    .md\:focus\:scale-75:focus {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }

    .md\:focus\:scale-90:focus {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }

    .md\:focus\:scale-95:focus {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }

    .md\:focus\:scale-100:focus {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .md\:focus\:scale-105:focus {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }

    .md\:focus\:scale-110:focus {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }

    .md\:focus\:scale-125:focus {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }

    .md\:focus\:scale-150:focus {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }

    .md\:hover\:scale-x-0:hover {
        --tw-scale-x: 0
    }

    .md\:hover\:scale-x-50:hover {
        --tw-scale-x: .5
    }

    .md\:hover\:scale-x-75:hover {
        --tw-scale-x: .75
    }

    .md\:hover\:scale-x-90:hover {
        --tw-scale-x: .9
    }

    .md\:hover\:scale-x-95:hover {
        --tw-scale-x: .95
    }

    .md\:hover\:scale-x-100:hover {
        --tw-scale-x: 1
    }

    .md\:hover\:scale-x-105:hover {
        --tw-scale-x: 1.05
    }

    .md\:hover\:scale-x-110:hover {
        --tw-scale-x: 1.1
    }

    .md\:hover\:scale-x-125:hover {
        --tw-scale-x: 1.25
    }

    .md\:hover\:scale-x-150:hover {
        --tw-scale-x: 1.5
    }

    .md\:hover\:scale-y-0:hover {
        --tw-scale-y: 0
    }

    .md\:hover\:scale-y-50:hover {
        --tw-scale-y: .5
    }

    .md\:hover\:scale-y-75:hover {
        --tw-scale-y: .75
    }

    .md\:hover\:scale-y-90:hover {
        --tw-scale-y: .9
    }

    .md\:hover\:scale-y-95:hover {
        --tw-scale-y: .95
    }

    .md\:hover\:scale-y-100:hover {
        --tw-scale-y: 1
    }

    .md\:hover\:scale-y-105:hover {
        --tw-scale-y: 1.05
    }

    .md\:hover\:scale-y-110:hover {
        --tw-scale-y: 1.1
    }

    .md\:hover\:scale-y-125:hover {
        --tw-scale-y: 1.25
    }

    .md\:hover\:scale-y-150:hover {
        --tw-scale-y: 1.5
    }

    .md\:focus\:scale-x-0:focus {
        --tw-scale-x: 0
    }

    .md\:focus\:scale-x-50:focus {
        --tw-scale-x: .5
    }

    .md\:focus\:scale-x-75:focus {
        --tw-scale-x: .75
    }

    .md\:focus\:scale-x-90:focus {
        --tw-scale-x: .9
    }

    .md\:focus\:scale-x-95:focus {
        --tw-scale-x: .95
    }

    .md\:focus\:scale-x-100:focus {
        --tw-scale-x: 1
    }

    .md\:focus\:scale-x-105:focus {
        --tw-scale-x: 1.05
    }

    .md\:focus\:scale-x-110:focus {
        --tw-scale-x: 1.1
    }

    .md\:focus\:scale-x-125:focus {
        --tw-scale-x: 1.25
    }

    .md\:focus\:scale-x-150:focus {
        --tw-scale-x: 1.5
    }

    .md\:focus\:scale-y-0:focus {
        --tw-scale-y: 0
    }

    .md\:focus\:scale-y-50:focus {
        --tw-scale-y: .5
    }

    .md\:focus\:scale-y-75:focus {
        --tw-scale-y: .75
    }

    .md\:focus\:scale-y-90:focus {
        --tw-scale-y: .9
    }

    .md\:focus\:scale-y-95:focus {
        --tw-scale-y: .95
    }

    .md\:focus\:scale-y-100:focus {
        --tw-scale-y: 1
    }

    .md\:focus\:scale-y-105:focus {
        --tw-scale-y: 1.05
    }

    .md\:focus\:scale-y-110:focus {
        --tw-scale-y: 1.1
    }

    .md\:focus\:scale-y-125:focus {
        --tw-scale-y: 1.25
    }

    .md\:focus\:scale-y-150:focus {
        --tw-scale-y: 1.5
    }

    .group:hover .md\:group-hover\:border-transparent {
        border-color: transparent
    }

    .group:hover .md\:group-hover\:border-current {
        border-color: currentColor
    }

    .group:hover .md\:group-hover\:border-black {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-white {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-gray-50 {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-gray-100 {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-gray-300 {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-gray-400 {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-gray-500 {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-gray-600 {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-gray-700 {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-gray-800 {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-gray-900 {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-red-50 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-red-100 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-red-200 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-red-300 {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-red-400 {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-red-500 {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-red-600 {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-red-700 {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-red-800 {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-red-900 {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-yellow-50 {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-yellow-100 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-yellow-200 {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-yellow-300 {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-yellow-400 {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-yellow-500 {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-yellow-600 {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-yellow-700 {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-yellow-800 {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-yellow-900 {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-green-50 {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-green-100 {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-green-200 {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-green-300 {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-green-400 {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-green-500 {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-green-600 {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-green-700 {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-green-800 {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-green-900 {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-blue-50 {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-blue-100 {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-blue-200 {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-blue-300 {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-blue-400 {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-blue-500 {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-blue-600 {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-blue-700 {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-blue-800 {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-blue-900 {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-indigo-50 {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-indigo-100 {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-indigo-200 {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-indigo-300 {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-indigo-400 {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-indigo-500 {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-indigo-600 {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-indigo-700 {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-indigo-800 {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-indigo-900 {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-purple-50 {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-purple-100 {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-purple-200 {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-purple-300 {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-purple-400 {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-purple-500 {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-purple-600 {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-purple-700 {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-purple-800 {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-purple-900 {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-pink-50 {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-pink-100 {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-pink-200 {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-pink-300 {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-pink-400 {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-pink-500 {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-pink-600 {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-pink-700 {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-pink-800 {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-pink-900 {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-primary {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-orange {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:border-danger {
        border-color: #c75d5d
    }

    .md\:focus-within\:border-transparent:focus-within {
        border-color: transparent
    }

    .md\:focus-within\:border-current:focus-within {
        border-color: currentColor
    }

    .md\:focus-within\:border-black:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-white:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-gray-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-gray-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-gray-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-gray-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-gray-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-gray-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-gray-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-gray-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-gray-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-gray-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-red-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-red-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-red-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-red-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-red-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-red-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-red-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-red-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-red-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-red-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-yellow-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-yellow-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-yellow-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-yellow-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-yellow-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-yellow-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-yellow-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-yellow-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-yellow-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-yellow-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-green-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-green-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-green-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-green-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-green-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-green-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-green-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-green-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-green-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-green-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-blue-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-blue-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-blue-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-blue-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-blue-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-blue-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-blue-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-blue-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-blue-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-blue-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-indigo-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-indigo-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-indigo-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-indigo-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-indigo-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-indigo-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-indigo-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-indigo-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-indigo-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-indigo-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-purple-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-purple-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-purple-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-purple-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-purple-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-purple-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-purple-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-purple-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-purple-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-purple-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-pink-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-pink-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-pink-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-pink-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-pink-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-pink-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-pink-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-pink-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-pink-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-pink-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-primary:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-orange:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .md\:focus-within\:border-danger:focus-within {
        border-color: #c75d5d
    }

    .md\:hover\:border-transparent:hover {
        border-color: transparent
    }

    .md\:hover\:border-current:hover {
        border-color: currentColor
    }

    .md\:hover\:border-black:hover {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .md\:hover\:border-white:hover {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .md\:hover\:border-gray-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .md\:hover\:border-gray-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .md\:hover\:border-gray-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .md\:hover\:border-gray-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .md\:hover\:border-gray-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .md\:hover\:border-gray-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .md\:hover\:border-gray-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .md\:hover\:border-gray-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .md\:hover\:border-gray-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .md\:hover\:border-gray-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .md\:hover\:border-red-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .md\:hover\:border-red-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .md\:hover\:border-red-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .md\:hover\:border-red-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .md\:hover\:border-red-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .md\:hover\:border-red-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .md\:hover\:border-red-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .md\:hover\:border-red-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .md\:hover\:border-red-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .md\:hover\:border-red-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .md\:hover\:border-yellow-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .md\:hover\:border-yellow-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .md\:hover\:border-yellow-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .md\:hover\:border-yellow-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .md\:hover\:border-yellow-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .md\:hover\:border-yellow-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .md\:hover\:border-yellow-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .md\:hover\:border-yellow-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .md\:hover\:border-yellow-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .md\:hover\:border-yellow-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .md\:hover\:border-green-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .md\:hover\:border-green-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .md\:hover\:border-green-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .md\:hover\:border-green-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .md\:hover\:border-green-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .md\:hover\:border-green-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .md\:hover\:border-green-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .md\:hover\:border-green-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .md\:hover\:border-green-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .md\:hover\:border-green-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .md\:hover\:border-blue-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .md\:hover\:border-blue-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .md\:hover\:border-blue-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .md\:hover\:border-blue-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .md\:hover\:border-blue-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .md\:hover\:border-blue-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .md\:hover\:border-blue-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .md\:hover\:border-blue-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .md\:hover\:border-blue-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .md\:hover\:border-blue-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .md\:hover\:border-indigo-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .md\:hover\:border-indigo-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .md\:hover\:border-indigo-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .md\:hover\:border-indigo-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .md\:hover\:border-indigo-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .md\:hover\:border-indigo-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .md\:hover\:border-indigo-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .md\:hover\:border-indigo-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .md\:hover\:border-indigo-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .md\:hover\:border-indigo-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .md\:hover\:border-purple-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .md\:hover\:border-purple-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .md\:hover\:border-purple-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .md\:hover\:border-purple-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .md\:hover\:border-purple-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .md\:hover\:border-purple-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .md\:hover\:border-purple-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .md\:hover\:border-purple-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .md\:hover\:border-purple-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .md\:hover\:border-purple-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .md\:hover\:border-pink-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .md\:hover\:border-pink-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .md\:hover\:border-pink-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .md\:hover\:border-pink-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .md\:hover\:border-pink-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .md\:hover\:border-pink-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .md\:hover\:border-pink-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .md\:hover\:border-pink-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .md\:hover\:border-pink-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .md\:hover\:border-pink-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .md\:hover\:border-primary:hover {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .md\:hover\:border-orange:hover {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .md\:hover\:border-danger:hover {
        border-color: #c75d5d
    }

    .md\:focus\:border-transparent:focus {
        border-color: transparent
    }

    .md\:focus\:border-current:focus {
        border-color: currentColor
    }

    .md\:focus\:border-black:focus {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .md\:focus\:border-white:focus {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .md\:focus\:border-gray-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .md\:focus\:border-gray-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .md\:focus\:border-gray-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .md\:focus\:border-gray-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .md\:focus\:border-gray-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .md\:focus\:border-gray-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .md\:focus\:border-gray-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .md\:focus\:border-gray-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .md\:focus\:border-gray-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .md\:focus\:border-gray-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .md\:focus\:border-red-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .md\:focus\:border-red-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .md\:focus\:border-red-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .md\:focus\:border-red-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .md\:focus\:border-red-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .md\:focus\:border-red-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .md\:focus\:border-red-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .md\:focus\:border-red-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .md\:focus\:border-red-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .md\:focus\:border-red-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .md\:focus\:border-yellow-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .md\:focus\:border-yellow-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .md\:focus\:border-yellow-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .md\:focus\:border-yellow-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .md\:focus\:border-yellow-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .md\:focus\:border-yellow-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .md\:focus\:border-yellow-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .md\:focus\:border-yellow-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .md\:focus\:border-yellow-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .md\:focus\:border-yellow-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .md\:focus\:border-green-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .md\:focus\:border-green-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .md\:focus\:border-green-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .md\:focus\:border-green-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .md\:focus\:border-green-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .md\:focus\:border-green-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .md\:focus\:border-green-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .md\:focus\:border-green-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .md\:focus\:border-green-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .md\:focus\:border-green-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .md\:focus\:border-blue-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .md\:focus\:border-blue-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .md\:focus\:border-blue-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .md\:focus\:border-blue-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .md\:focus\:border-blue-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .md\:focus\:border-blue-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .md\:focus\:border-blue-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .md\:focus\:border-blue-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .md\:focus\:border-blue-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .md\:focus\:border-blue-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .md\:focus\:border-indigo-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .md\:focus\:border-indigo-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .md\:focus\:border-indigo-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .md\:focus\:border-indigo-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .md\:focus\:border-indigo-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .md\:focus\:border-indigo-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .md\:focus\:border-indigo-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .md\:focus\:border-indigo-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .md\:focus\:border-indigo-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .md\:focus\:border-indigo-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .md\:focus\:border-purple-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .md\:focus\:border-purple-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .md\:focus\:border-purple-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .md\:focus\:border-purple-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .md\:focus\:border-purple-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .md\:focus\:border-purple-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .md\:focus\:border-purple-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .md\:focus\:border-purple-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .md\:focus\:border-purple-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .md\:focus\:border-purple-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .md\:focus\:border-pink-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .md\:focus\:border-pink-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .md\:focus\:border-pink-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .md\:focus\:border-pink-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .md\:focus\:border-pink-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .md\:focus\:border-pink-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .md\:focus\:border-pink-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .md\:focus\:border-pink-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .md\:focus\:border-pink-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .md\:focus\:border-pink-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .md\:focus\:border-primary:focus {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .md\:focus\:border-orange:focus {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .md\:focus\:border-danger:focus {
        border-color: #c75d5d
    }

    .group:hover .md\:group-hover\:border-opacity-0 {
        --tw-border-opacity: 0
    }

    .group:hover .md\:group-hover\:border-opacity-5 {
        --tw-border-opacity: 0.05
    }

    .group:hover .md\:group-hover\:border-opacity-10 {
        --tw-border-opacity: 0.1
    }

    .group:hover .md\:group-hover\:border-opacity-20 {
        --tw-border-opacity: 0.2
    }

    .group:hover .md\:group-hover\:border-opacity-25 {
        --tw-border-opacity: 0.25
    }

    .group:hover .md\:group-hover\:border-opacity-30 {
        --tw-border-opacity: 0.3
    }

    .group:hover .md\:group-hover\:border-opacity-40 {
        --tw-border-opacity: 0.4
    }

    .group:hover .md\:group-hover\:border-opacity-50 {
        --tw-border-opacity: 0.5
    }

    .group:hover .md\:group-hover\:border-opacity-60 {
        --tw-border-opacity: 0.6
    }

    .group:hover .md\:group-hover\:border-opacity-70 {
        --tw-border-opacity: 0.7
    }

    .group:hover .md\:group-hover\:border-opacity-75 {
        --tw-border-opacity: 0.75
    }

    .group:hover .md\:group-hover\:border-opacity-80 {
        --tw-border-opacity: 0.8
    }

    .group:hover .md\:group-hover\:border-opacity-90 {
        --tw-border-opacity: 0.9
    }

    .group:hover .md\:group-hover\:border-opacity-95 {
        --tw-border-opacity: 0.95
    }

    .group:hover .md\:group-hover\:border-opacity-100 {
        --tw-border-opacity: 1
    }

    .md\:focus-within\:border-opacity-0:focus-within {
        --tw-border-opacity: 0
    }

    .md\:focus-within\:border-opacity-5:focus-within {
        --tw-border-opacity: 0.05
    }

    .md\:focus-within\:border-opacity-10:focus-within {
        --tw-border-opacity: 0.1
    }

    .md\:focus-within\:border-opacity-20:focus-within {
        --tw-border-opacity: 0.2
    }

    .md\:focus-within\:border-opacity-25:focus-within {
        --tw-border-opacity: 0.25
    }

    .md\:focus-within\:border-opacity-30:focus-within {
        --tw-border-opacity: 0.3
    }

    .md\:focus-within\:border-opacity-40:focus-within {
        --tw-border-opacity: 0.4
    }

    .md\:focus-within\:border-opacity-50:focus-within {
        --tw-border-opacity: 0.5
    }

    .md\:focus-within\:border-opacity-60:focus-within {
        --tw-border-opacity: 0.6
    }

    .md\:focus-within\:border-opacity-70:focus-within {
        --tw-border-opacity: 0.7
    }

    .md\:focus-within\:border-opacity-75:focus-within {
        --tw-border-opacity: 0.75
    }

    .md\:focus-within\:border-opacity-80:focus-within {
        --tw-border-opacity: 0.8
    }

    .md\:focus-within\:border-opacity-90:focus-within {
        --tw-border-opacity: 0.9
    }

    .md\:focus-within\:border-opacity-95:focus-within {
        --tw-border-opacity: 0.95
    }

    .md\:focus-within\:border-opacity-100:focus-within {
        --tw-border-opacity: 1
    }

    .md\:hover\:border-opacity-0:hover {
        --tw-border-opacity: 0
    }

    .md\:hover\:border-opacity-5:hover {
        --tw-border-opacity: 0.05
    }

    .md\:hover\:border-opacity-10:hover {
        --tw-border-opacity: 0.1
    }

    .md\:hover\:border-opacity-20:hover {
        --tw-border-opacity: 0.2
    }

    .md\:hover\:border-opacity-25:hover {
        --tw-border-opacity: 0.25
    }

    .md\:hover\:border-opacity-30:hover {
        --tw-border-opacity: 0.3
    }

    .md\:hover\:border-opacity-40:hover {
        --tw-border-opacity: 0.4
    }

    .md\:hover\:border-opacity-50:hover {
        --tw-border-opacity: 0.5
    }

    .md\:hover\:border-opacity-60:hover {
        --tw-border-opacity: 0.6
    }

    .md\:hover\:border-opacity-70:hover {
        --tw-border-opacity: 0.7
    }

    .md\:hover\:border-opacity-75:hover {
        --tw-border-opacity: 0.75
    }

    .md\:hover\:border-opacity-80:hover {
        --tw-border-opacity: 0.8
    }

    .md\:hover\:border-opacity-90:hover {
        --tw-border-opacity: 0.9
    }

    .md\:hover\:border-opacity-95:hover {
        --tw-border-opacity: 0.95
    }

    .md\:hover\:border-opacity-100:hover {
        --tw-border-opacity: 1
    }

    .md\:focus\:border-opacity-0:focus {
        --tw-border-opacity: 0
    }

    .md\:focus\:border-opacity-5:focus {
        --tw-border-opacity: 0.05
    }

    .md\:focus\:border-opacity-10:focus {
        --tw-border-opacity: 0.1
    }

    .md\:focus\:border-opacity-20:focus {
        --tw-border-opacity: 0.2
    }

    .md\:focus\:border-opacity-25:focus {
        --tw-border-opacity: 0.25
    }

    .md\:focus\:border-opacity-30:focus {
        --tw-border-opacity: 0.3
    }

    .md\:focus\:border-opacity-40:focus {
        --tw-border-opacity: 0.4
    }

    .md\:focus\:border-opacity-50:focus {
        --tw-border-opacity: 0.5
    }

    .md\:focus\:border-opacity-60:focus {
        --tw-border-opacity: 0.6
    }

    .md\:focus\:border-opacity-70:focus {
        --tw-border-opacity: 0.7
    }

    .md\:focus\:border-opacity-75:focus {
        --tw-border-opacity: 0.75
    }

    .md\:focus\:border-opacity-80:focus {
        --tw-border-opacity: 0.8
    }

    .md\:focus\:border-opacity-90:focus {
        --tw-border-opacity: 0.9
    }

    .md\:focus\:border-opacity-95:focus {
        --tw-border-opacity: 0.95
    }

    .md\:focus\:border-opacity-100:focus {
        --tw-border-opacity: 1
    }

    .group:hover .md\:group-hover\:bg-transparent {
        background-color: transparent
    }

    .group:hover .md\:group-hover\:bg-current {
        background-color: currentColor
    }

    .group:hover .md\:group-hover\:bg-black {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-gray-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-gray-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-gray-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-gray-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-gray-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-gray-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-gray-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-gray-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-gray-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-gray-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-red-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-red-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-red-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-red-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-red-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-red-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-red-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-red-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-red-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-red-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-yellow-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-yellow-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-yellow-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-yellow-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-yellow-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-yellow-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-yellow-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-yellow-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-yellow-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-yellow-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-green-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-green-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-green-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-green-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-green-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-green-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-green-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-green-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-green-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-green-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-blue-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-blue-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-blue-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-blue-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-blue-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-blue-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-blue-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-blue-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-blue-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-blue-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-indigo-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-indigo-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-indigo-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-indigo-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-indigo-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-indigo-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-indigo-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-indigo-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-indigo-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-indigo-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-purple-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-purple-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-purple-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-purple-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-purple-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-purple-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-purple-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-purple-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-purple-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-purple-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-pink-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-pink-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-pink-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-pink-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-pink-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-pink-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-pink-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-pink-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-pink-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-pink-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-primary {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-orange {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .group:hover .md\:group-hover\:bg-danger {
        background-color: #c75d5d
    }

    .md\:focus-within\:bg-transparent:focus-within {
        background-color: transparent
    }

    .md\:focus-within\:bg-current:focus-within {
        background-color: currentColor
    }

    .md\:focus-within\:bg-black:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-white:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-gray-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-gray-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-gray-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-gray-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-gray-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-gray-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-gray-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-gray-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-gray-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-gray-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-red-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-red-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-red-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-red-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-red-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-red-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-red-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-red-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-red-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-red-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-yellow-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-yellow-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-yellow-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-yellow-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-yellow-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-yellow-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-yellow-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-yellow-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-yellow-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-yellow-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-green-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-green-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-green-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-green-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-green-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-green-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-green-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-green-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-green-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-green-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-blue-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-blue-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-blue-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-blue-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-blue-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-blue-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-blue-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-blue-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-blue-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-blue-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-indigo-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-indigo-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-indigo-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-indigo-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-indigo-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-indigo-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-indigo-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-indigo-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-indigo-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-indigo-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-purple-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-purple-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-purple-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-purple-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-purple-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-purple-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-purple-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-purple-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-purple-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-purple-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-pink-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-pink-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-pink-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-pink-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-pink-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-pink-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-pink-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-pink-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-pink-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-pink-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-primary:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-orange:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .md\:focus-within\:bg-danger:focus-within {
        background-color: #c75d5d
    }

    .md\:hover\:bg-transparent:hover {
        background-color: transparent
    }

    .md\:hover\:bg-current:hover {
        background-color: currentColor
    }

    .md\:hover\:bg-black:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-white:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-gray-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-gray-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-gray-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-gray-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-gray-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-gray-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-gray-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-gray-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-gray-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-gray-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-red-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-red-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-red-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-red-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-red-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-red-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-red-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-red-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-red-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-red-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-yellow-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-yellow-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-yellow-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-yellow-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-yellow-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-yellow-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-yellow-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-yellow-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-yellow-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-yellow-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-green-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-green-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-green-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-green-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-green-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-green-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-green-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-green-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-green-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-green-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-blue-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-blue-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-blue-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-blue-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-blue-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-blue-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-blue-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-blue-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-blue-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-blue-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-indigo-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-indigo-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-indigo-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-indigo-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-indigo-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-indigo-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-indigo-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-indigo-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-indigo-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-indigo-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-purple-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-purple-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-purple-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-purple-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-purple-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-purple-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-purple-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-purple-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-purple-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-purple-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-pink-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-pink-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-pink-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-pink-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-pink-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-pink-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-pink-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-pink-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-pink-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-pink-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-primary:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-orange:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .md\:hover\:bg-danger:hover {
        background-color: #c75d5d
    }

    .md\:focus\:bg-transparent:focus {
        background-color: transparent
    }

    .md\:focus\:bg-current:focus {
        background-color: currentColor
    }

    .md\:focus\:bg-black:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-white:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-gray-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-gray-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-gray-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-gray-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-gray-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-gray-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-gray-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-gray-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-gray-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-gray-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-red-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-red-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-red-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-red-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-red-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-red-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-red-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-red-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-red-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-red-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-yellow-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-yellow-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-yellow-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-yellow-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-yellow-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-yellow-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-yellow-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-yellow-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-yellow-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-yellow-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-green-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-green-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-green-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-green-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-green-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-green-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-green-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-green-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-green-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-green-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-blue-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-blue-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-blue-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-blue-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-blue-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-blue-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-blue-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-blue-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-blue-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-blue-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-indigo-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-indigo-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-indigo-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-indigo-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-indigo-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-indigo-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-indigo-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-indigo-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-indigo-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-indigo-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-purple-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-purple-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-purple-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-purple-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-purple-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-purple-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-purple-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-purple-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-purple-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-purple-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-pink-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-pink-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-pink-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-pink-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-pink-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-pink-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-pink-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-pink-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-pink-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-pink-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-primary:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-orange:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .md\:focus\:bg-danger:focus {
        background-color: #c75d5d
    }

    .group:hover .md\:group-hover\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }

    .group:hover .md\:group-hover\:bg-opacity-5 {
        --tw-bg-opacity: 0.05
    }

    .group:hover .md\:group-hover\:bg-opacity-10 {
        --tw-bg-opacity: 0.1
    }

    .group:hover .md\:group-hover\:bg-opacity-20 {
        --tw-bg-opacity: 0.2
    }

    .group:hover .md\:group-hover\:bg-opacity-25 {
        --tw-bg-opacity: 0.25
    }

    .group:hover .md\:group-hover\:bg-opacity-30 {
        --tw-bg-opacity: 0.3
    }

    .group:hover .md\:group-hover\:bg-opacity-40 {
        --tw-bg-opacity: 0.4
    }

    .group:hover .md\:group-hover\:bg-opacity-50 {
        --tw-bg-opacity: 0.5
    }

    .group:hover .md\:group-hover\:bg-opacity-60 {
        --tw-bg-opacity: 0.6
    }

    .group:hover .md\:group-hover\:bg-opacity-70 {
        --tw-bg-opacity: 0.7
    }

    .group:hover .md\:group-hover\:bg-opacity-75 {
        --tw-bg-opacity: 0.75
    }

    .group:hover .md\:group-hover\:bg-opacity-80 {
        --tw-bg-opacity: 0.8
    }

    .group:hover .md\:group-hover\:bg-opacity-90 {
        --tw-bg-opacity: 0.9
    }

    .group:hover .md\:group-hover\:bg-opacity-95 {
        --tw-bg-opacity: 0.95
    }

    .group:hover .md\:group-hover\:bg-opacity-100 {
        --tw-bg-opacity: 1
    }

    .md\:focus-within\:bg-opacity-0:focus-within {
        --tw-bg-opacity: 0
    }

    .md\:focus-within\:bg-opacity-5:focus-within {
        --tw-bg-opacity: 0.05
    }

    .md\:focus-within\:bg-opacity-10:focus-within {
        --tw-bg-opacity: 0.1
    }

    .md\:focus-within\:bg-opacity-20:focus-within {
        --tw-bg-opacity: 0.2
    }

    .md\:focus-within\:bg-opacity-25:focus-within {
        --tw-bg-opacity: 0.25
    }

    .md\:focus-within\:bg-opacity-30:focus-within {
        --tw-bg-opacity: 0.3
    }

    .md\:focus-within\:bg-opacity-40:focus-within {
        --tw-bg-opacity: 0.4
    }

    .md\:focus-within\:bg-opacity-50:focus-within {
        --tw-bg-opacity: 0.5
    }

    .md\:focus-within\:bg-opacity-60:focus-within {
        --tw-bg-opacity: 0.6
    }

    .md\:focus-within\:bg-opacity-70:focus-within {
        --tw-bg-opacity: 0.7
    }

    .md\:focus-within\:bg-opacity-75:focus-within {
        --tw-bg-opacity: 0.75
    }

    .md\:focus-within\:bg-opacity-80:focus-within {
        --tw-bg-opacity: 0.8
    }

    .md\:focus-within\:bg-opacity-90:focus-within {
        --tw-bg-opacity: 0.9
    }

    .md\:focus-within\:bg-opacity-95:focus-within {
        --tw-bg-opacity: 0.95
    }

    .md\:focus-within\:bg-opacity-100:focus-within {
        --tw-bg-opacity: 1
    }

    .md\:hover\:bg-opacity-0:hover {
        --tw-bg-opacity: 0
    }

    .md\:hover\:bg-opacity-5:hover {
        --tw-bg-opacity: 0.05
    }

    .md\:hover\:bg-opacity-10:hover {
        --tw-bg-opacity: 0.1
    }

    .md\:hover\:bg-opacity-20:hover {
        --tw-bg-opacity: 0.2
    }

    .md\:hover\:bg-opacity-25:hover {
        --tw-bg-opacity: 0.25
    }

    .md\:hover\:bg-opacity-30:hover {
        --tw-bg-opacity: 0.3
    }

    .md\:hover\:bg-opacity-40:hover {
        --tw-bg-opacity: 0.4
    }

    .md\:hover\:bg-opacity-50:hover {
        --tw-bg-opacity: 0.5
    }

    .md\:hover\:bg-opacity-60:hover {
        --tw-bg-opacity: 0.6
    }

    .md\:hover\:bg-opacity-70:hover {
        --tw-bg-opacity: 0.7
    }

    .md\:hover\:bg-opacity-75:hover {
        --tw-bg-opacity: 0.75
    }

    .md\:hover\:bg-opacity-80:hover {
        --tw-bg-opacity: 0.8
    }

    .md\:hover\:bg-opacity-90:hover {
        --tw-bg-opacity: 0.9
    }

    .md\:hover\:bg-opacity-95:hover {
        --tw-bg-opacity: 0.95
    }

    .md\:hover\:bg-opacity-100:hover {
        --tw-bg-opacity: 1
    }

    .md\:focus\:bg-opacity-0:focus {
        --tw-bg-opacity: 0
    }

    .md\:focus\:bg-opacity-5:focus {
        --tw-bg-opacity: 0.05
    }

    .md\:focus\:bg-opacity-10:focus {
        --tw-bg-opacity: 0.1
    }

    .md\:focus\:bg-opacity-20:focus {
        --tw-bg-opacity: 0.2
    }

    .md\:focus\:bg-opacity-25:focus {
        --tw-bg-opacity: 0.25
    }

    .md\:focus\:bg-opacity-30:focus {
        --tw-bg-opacity: 0.3
    }

    .md\:focus\:bg-opacity-40:focus {
        --tw-bg-opacity: 0.4
    }

    .md\:focus\:bg-opacity-50:focus {
        --tw-bg-opacity: 0.5
    }

    .md\:focus\:bg-opacity-60:focus {
        --tw-bg-opacity: 0.6
    }

    .md\:focus\:bg-opacity-70:focus {
        --tw-bg-opacity: 0.7
    }

    .md\:focus\:bg-opacity-75:focus {
        --tw-bg-opacity: 0.75
    }

    .md\:focus\:bg-opacity-80:focus {
        --tw-bg-opacity: 0.8
    }

    .md\:focus\:bg-opacity-90:focus {
        --tw-bg-opacity: 0.9
    }

    .md\:focus\:bg-opacity-95:focus {
        --tw-bg-opacity: 0.95
    }

    .md\:focus\:bg-opacity-100:focus {
        --tw-bg-opacity: 1
    }

    .md\:hover\:from-transparent:hover {
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .md\:hover\:from-current:hover {
        --tw-gradient-from: currentColor;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .md\:hover\:from-black:hover {
        --tw-gradient-from: #000;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .md\:hover\:from-white:hover {
        --tw-gradient-from: #fff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .md\:hover\:from-gray-50:hover {
        --tw-gradient-from: #f9fafb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .md\:hover\:from-gray-100:hover {
        --tw-gradient-from: #f3f4f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .md\:hover\:from-gray-200:hover {
        --tw-gradient-from: #e5e7eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .md\:hover\:from-gray-300:hover {
        --tw-gradient-from: #d1d5db;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .md\:hover\:from-gray-400:hover {
        --tw-gradient-from: #9ca3af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .md\:hover\:from-gray-500:hover {
        --tw-gradient-from: #6b7280;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .md\:hover\:from-gray-600:hover {
        --tw-gradient-from: #4b5563;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .md\:hover\:from-gray-700:hover {
        --tw-gradient-from: #374151;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .md\:hover\:from-gray-800:hover {
        --tw-gradient-from: #1f2937;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .md\:hover\:from-gray-900:hover {
        --tw-gradient-from: #111827;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .md\:hover\:from-red-50:hover {
        --tw-gradient-from: #fef2f2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .md\:hover\:from-red-100:hover {
        --tw-gradient-from: #fee2e2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .md\:hover\:from-red-200:hover {
        --tw-gradient-from: #fecaca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .md\:hover\:from-red-300:hover {
        --tw-gradient-from: #fca5a5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .md\:hover\:from-red-400:hover {
        --tw-gradient-from: #f87171;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .md\:hover\:from-red-500:hover {
        --tw-gradient-from: #ef4444;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .md\:hover\:from-red-600:hover {
        --tw-gradient-from: #dc2626;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .md\:hover\:from-red-700:hover {
        --tw-gradient-from: #b91c1c;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .md\:hover\:from-red-800:hover {
        --tw-gradient-from: #991b1b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .md\:hover\:from-red-900:hover {
        --tw-gradient-from: #7f1d1d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .md\:hover\:from-yellow-50:hover {
        --tw-gradient-from: #fffbeb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .md\:hover\:from-yellow-100:hover {
        --tw-gradient-from: #fef3c7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .md\:hover\:from-yellow-200:hover {
        --tw-gradient-from: #fde68a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .md\:hover\:from-yellow-300:hover {
        --tw-gradient-from: #fcd34d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .md\:hover\:from-yellow-400:hover {
        --tw-gradient-from: #fbbf24;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .md\:hover\:from-yellow-500:hover {
        --tw-gradient-from: #f59e0b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .md\:hover\:from-yellow-600:hover {
        --tw-gradient-from: #d97706;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .md\:hover\:from-yellow-700:hover {
        --tw-gradient-from: #b45309;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .md\:hover\:from-yellow-800:hover {
        --tw-gradient-from: #92400e;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .md\:hover\:from-yellow-900:hover {
        --tw-gradient-from: #78350f;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .md\:hover\:from-green-50:hover {
        --tw-gradient-from: #ecfdf5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .md\:hover\:from-green-100:hover {
        --tw-gradient-from: #d1fae5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .md\:hover\:from-green-200:hover {
        --tw-gradient-from: #a7f3d0;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .md\:hover\:from-green-300:hover {
        --tw-gradient-from: #6ee7b7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .md\:hover\:from-green-400:hover {
        --tw-gradient-from: #34d399;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .md\:hover\:from-green-500:hover {
        --tw-gradient-from: #10b981;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .md\:hover\:from-green-600:hover {
        --tw-gradient-from: #059669;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .md\:hover\:from-green-700:hover {
        --tw-gradient-from: #047857;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .md\:hover\:from-green-800:hover {
        --tw-gradient-from: #065f46;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .md\:hover\:from-green-900:hover {
        --tw-gradient-from: #064e3b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .md\:hover\:from-blue-50:hover {
        --tw-gradient-from: #eff6ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .md\:hover\:from-blue-100:hover {
        --tw-gradient-from: #dbeafe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .md\:hover\:from-blue-200:hover {
        --tw-gradient-from: #bfdbfe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .md\:hover\:from-blue-300:hover {
        --tw-gradient-from: #93c5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .md\:hover\:from-blue-400:hover {
        --tw-gradient-from: #60a5fa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .md\:hover\:from-blue-500:hover {
        --tw-gradient-from: #3b82f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .md\:hover\:from-blue-600:hover {
        --tw-gradient-from: #2563eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .md\:hover\:from-blue-700:hover {
        --tw-gradient-from: #1d4ed8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .md\:hover\:from-blue-800:hover {
        --tw-gradient-from: #1e40af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .md\:hover\:from-blue-900:hover {
        --tw-gradient-from: #1e3a8a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .md\:hover\:from-indigo-50:hover {
        --tw-gradient-from: #eef2ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .md\:hover\:from-indigo-100:hover {
        --tw-gradient-from: #e0e7ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .md\:hover\:from-indigo-200:hover {
        --tw-gradient-from: #c7d2fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .md\:hover\:from-indigo-300:hover {
        --tw-gradient-from: #a5b4fc;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .md\:hover\:from-indigo-400:hover {
        --tw-gradient-from: #818cf8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .md\:hover\:from-indigo-500:hover {
        --tw-gradient-from: #6366f1;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .md\:hover\:from-indigo-600:hover {
        --tw-gradient-from: #4f46e5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .md\:hover\:from-indigo-700:hover {
        --tw-gradient-from: #4338ca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .md\:hover\:from-indigo-800:hover {
        --tw-gradient-from: #3730a3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .md\:hover\:from-indigo-900:hover {
        --tw-gradient-from: #312e81;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .md\:hover\:from-purple-50:hover {
        --tw-gradient-from: #f5f3ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .md\:hover\:from-purple-100:hover {
        --tw-gradient-from: #ede9fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .md\:hover\:from-purple-200:hover {
        --tw-gradient-from: #ddd6fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .md\:hover\:from-purple-300:hover {
        --tw-gradient-from: #c4b5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .md\:hover\:from-purple-400:hover {
        --tw-gradient-from: #a78bfa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .md\:hover\:from-purple-500:hover {
        --tw-gradient-from: #8b5cf6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .md\:hover\:from-purple-600:hover {
        --tw-gradient-from: #7c3aed;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .md\:hover\:from-purple-700:hover {
        --tw-gradient-from: #6d28d9;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .md\:hover\:from-purple-800:hover {
        --tw-gradient-from: #5b21b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .md\:hover\:from-purple-900:hover {
        --tw-gradient-from: #4c1d95;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .md\:hover\:from-pink-50:hover {
        --tw-gradient-from: #fdf2f8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .md\:hover\:from-pink-100:hover {
        --tw-gradient-from: #fce7f3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .md\:hover\:from-pink-200:hover {
        --tw-gradient-from: #fbcfe8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .md\:hover\:from-pink-300:hover {
        --tw-gradient-from: #f9a8d4;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .md\:hover\:from-pink-400:hover {
        --tw-gradient-from: #f472b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .md\:hover\:from-pink-500:hover {
        --tw-gradient-from: #ec4899;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .md\:hover\:from-pink-600:hover {
        --tw-gradient-from: #db2777;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .md\:hover\:from-pink-700:hover {
        --tw-gradient-from: #be185d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .md\:hover\:from-pink-800:hover {
        --tw-gradient-from: #9d174d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .md\:hover\:from-pink-900:hover {
        --tw-gradient-from: #831843;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .md\:hover\:from-primary:hover {
        --tw-gradient-from: #1ab938;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .md\:hover\:from-orange:hover {
        --tw-gradient-from: #fdab5a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .md\:hover\:from-danger:hover {
        --tw-gradient-from: #c75d5d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .md\:focus\:from-transparent:focus {
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .md\:focus\:from-current:focus {
        --tw-gradient-from: currentColor;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .md\:focus\:from-black:focus {
        --tw-gradient-from: #000;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .md\:focus\:from-white:focus {
        --tw-gradient-from: #fff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .md\:focus\:from-gray-50:focus {
        --tw-gradient-from: #f9fafb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .md\:focus\:from-gray-100:focus {
        --tw-gradient-from: #f3f4f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .md\:focus\:from-gray-200:focus {
        --tw-gradient-from: #e5e7eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .md\:focus\:from-gray-300:focus {
        --tw-gradient-from: #d1d5db;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .md\:focus\:from-gray-400:focus {
        --tw-gradient-from: #9ca3af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .md\:focus\:from-gray-500:focus {
        --tw-gradient-from: #6b7280;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .md\:focus\:from-gray-600:focus {
        --tw-gradient-from: #4b5563;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .md\:focus\:from-gray-700:focus {
        --tw-gradient-from: #374151;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .md\:focus\:from-gray-800:focus {
        --tw-gradient-from: #1f2937;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .md\:focus\:from-gray-900:focus {
        --tw-gradient-from: #111827;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .md\:focus\:from-red-50:focus {
        --tw-gradient-from: #fef2f2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .md\:focus\:from-red-100:focus {
        --tw-gradient-from: #fee2e2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .md\:focus\:from-red-200:focus {
        --tw-gradient-from: #fecaca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .md\:focus\:from-red-300:focus {
        --tw-gradient-from: #fca5a5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .md\:focus\:from-red-400:focus {
        --tw-gradient-from: #f87171;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .md\:focus\:from-red-500:focus {
        --tw-gradient-from: #ef4444;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .md\:focus\:from-red-600:focus {
        --tw-gradient-from: #dc2626;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .md\:focus\:from-red-700:focus {
        --tw-gradient-from: #b91c1c;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .md\:focus\:from-red-800:focus {
        --tw-gradient-from: #991b1b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .md\:focus\:from-red-900:focus {
        --tw-gradient-from: #7f1d1d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .md\:focus\:from-yellow-50:focus {
        --tw-gradient-from: #fffbeb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .md\:focus\:from-yellow-100:focus {
        --tw-gradient-from: #fef3c7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .md\:focus\:from-yellow-200:focus {
        --tw-gradient-from: #fde68a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .md\:focus\:from-yellow-300:focus {
        --tw-gradient-from: #fcd34d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .md\:focus\:from-yellow-400:focus {
        --tw-gradient-from: #fbbf24;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .md\:focus\:from-yellow-500:focus {
        --tw-gradient-from: #f59e0b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .md\:focus\:from-yellow-600:focus {
        --tw-gradient-from: #d97706;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .md\:focus\:from-yellow-700:focus {
        --tw-gradient-from: #b45309;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .md\:focus\:from-yellow-800:focus {
        --tw-gradient-from: #92400e;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .md\:focus\:from-yellow-900:focus {
        --tw-gradient-from: #78350f;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .md\:focus\:from-green-50:focus {
        --tw-gradient-from: #ecfdf5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .md\:focus\:from-green-100:focus {
        --tw-gradient-from: #d1fae5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .md\:focus\:from-green-200:focus {
        --tw-gradient-from: #a7f3d0;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .md\:focus\:from-green-300:focus {
        --tw-gradient-from: #6ee7b7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .md\:focus\:from-green-400:focus {
        --tw-gradient-from: #34d399;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .md\:focus\:from-green-500:focus {
        --tw-gradient-from: #10b981;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .md\:focus\:from-green-600:focus {
        --tw-gradient-from: #059669;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .md\:focus\:from-green-700:focus {
        --tw-gradient-from: #047857;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .md\:focus\:from-green-800:focus {
        --tw-gradient-from: #065f46;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .md\:focus\:from-green-900:focus {
        --tw-gradient-from: #064e3b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .md\:focus\:from-blue-50:focus {
        --tw-gradient-from: #eff6ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .md\:focus\:from-blue-100:focus {
        --tw-gradient-from: #dbeafe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .md\:focus\:from-blue-200:focus {
        --tw-gradient-from: #bfdbfe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .md\:focus\:from-blue-300:focus {
        --tw-gradient-from: #93c5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .md\:focus\:from-blue-400:focus {
        --tw-gradient-from: #60a5fa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .md\:focus\:from-blue-500:focus {
        --tw-gradient-from: #3b82f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .md\:focus\:from-blue-600:focus {
        --tw-gradient-from: #2563eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .md\:focus\:from-blue-700:focus {
        --tw-gradient-from: #1d4ed8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .md\:focus\:from-blue-800:focus {
        --tw-gradient-from: #1e40af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .md\:focus\:from-blue-900:focus {
        --tw-gradient-from: #1e3a8a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .md\:focus\:from-indigo-50:focus {
        --tw-gradient-from: #eef2ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .md\:focus\:from-indigo-100:focus {
        --tw-gradient-from: #e0e7ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .md\:focus\:from-indigo-200:focus {
        --tw-gradient-from: #c7d2fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .md\:focus\:from-indigo-300:focus {
        --tw-gradient-from: #a5b4fc;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .md\:focus\:from-indigo-400:focus {
        --tw-gradient-from: #818cf8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .md\:focus\:from-indigo-500:focus {
        --tw-gradient-from: #6366f1;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .md\:focus\:from-indigo-600:focus {
        --tw-gradient-from: #4f46e5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .md\:focus\:from-indigo-700:focus {
        --tw-gradient-from: #4338ca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .md\:focus\:from-indigo-800:focus {
        --tw-gradient-from: #3730a3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .md\:focus\:from-indigo-900:focus {
        --tw-gradient-from: #312e81;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .md\:focus\:from-purple-50:focus {
        --tw-gradient-from: #f5f3ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .md\:focus\:from-purple-100:focus {
        --tw-gradient-from: #ede9fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .md\:focus\:from-purple-200:focus {
        --tw-gradient-from: #ddd6fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .md\:focus\:from-purple-300:focus {
        --tw-gradient-from: #c4b5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .md\:focus\:from-purple-400:focus {
        --tw-gradient-from: #a78bfa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .md\:focus\:from-purple-500:focus {
        --tw-gradient-from: #8b5cf6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .md\:focus\:from-purple-600:focus {
        --tw-gradient-from: #7c3aed;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .md\:focus\:from-purple-700:focus {
        --tw-gradient-from: #6d28d9;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .md\:focus\:from-purple-800:focus {
        --tw-gradient-from: #5b21b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .md\:focus\:from-purple-900:focus {
        --tw-gradient-from: #4c1d95;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .md\:focus\:from-pink-50:focus {
        --tw-gradient-from: #fdf2f8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .md\:focus\:from-pink-100:focus {
        --tw-gradient-from: #fce7f3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .md\:focus\:from-pink-200:focus {
        --tw-gradient-from: #fbcfe8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .md\:focus\:from-pink-300:focus {
        --tw-gradient-from: #f9a8d4;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .md\:focus\:from-pink-400:focus {
        --tw-gradient-from: #f472b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .md\:focus\:from-pink-500:focus {
        --tw-gradient-from: #ec4899;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .md\:focus\:from-pink-600:focus {
        --tw-gradient-from: #db2777;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .md\:focus\:from-pink-700:focus {
        --tw-gradient-from: #be185d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .md\:focus\:from-pink-800:focus {
        --tw-gradient-from: #9d174d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .md\:focus\:from-pink-900:focus {
        --tw-gradient-from: #831843;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .md\:focus\:from-primary:focus {
        --tw-gradient-from: #1ab938;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .md\:focus\:from-orange:focus {
        --tw-gradient-from: #fdab5a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .md\:focus\:from-danger:focus {
        --tw-gradient-from: #c75d5d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .md\:hover\:via-transparent:hover {
        --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, transparent)
    }

    .md\:hover\:via-current:hover {
        --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .md\:hover\:via-black:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, transparent)
    }

    .md\:hover\:via-white:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .md\:hover\:via-gray-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .md\:hover\:via-gray-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .md\:hover\:via-gray-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .md\:hover\:via-gray-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .md\:hover\:via-gray-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .md\:hover\:via-gray-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .md\:hover\:via-gray-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .md\:hover\:via-gray-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .md\:hover\:via-gray-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .md\:hover\:via-gray-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .md\:hover\:via-red-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .md\:hover\:via-red-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .md\:hover\:via-red-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .md\:hover\:via-red-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .md\:hover\:via-red-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .md\:hover\:via-red-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .md\:hover\:via-red-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .md\:hover\:via-red-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .md\:hover\:via-red-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .md\:hover\:via-red-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .md\:hover\:via-yellow-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .md\:hover\:via-yellow-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .md\:hover\:via-yellow-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .md\:hover\:via-yellow-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .md\:hover\:via-yellow-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .md\:hover\:via-yellow-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .md\:hover\:via-yellow-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .md\:hover\:via-yellow-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .md\:hover\:via-yellow-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .md\:hover\:via-yellow-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .md\:hover\:via-green-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .md\:hover\:via-green-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .md\:hover\:via-green-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .md\:hover\:via-green-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .md\:hover\:via-green-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .md\:hover\:via-green-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .md\:hover\:via-green-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .md\:hover\:via-green-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .md\:hover\:via-green-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .md\:hover\:via-green-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .md\:hover\:via-blue-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .md\:hover\:via-blue-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .md\:hover\:via-blue-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .md\:hover\:via-blue-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .md\:hover\:via-blue-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .md\:hover\:via-blue-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .md\:hover\:via-blue-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .md\:hover\:via-blue-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .md\:hover\:via-blue-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .md\:hover\:via-blue-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .md\:hover\:via-indigo-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .md\:hover\:via-indigo-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .md\:hover\:via-indigo-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .md\:hover\:via-indigo-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .md\:hover\:via-indigo-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .md\:hover\:via-indigo-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .md\:hover\:via-indigo-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .md\:hover\:via-indigo-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .md\:hover\:via-indigo-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .md\:hover\:via-indigo-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .md\:hover\:via-purple-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .md\:hover\:via-purple-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .md\:hover\:via-purple-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .md\:hover\:via-purple-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .md\:hover\:via-purple-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .md\:hover\:via-purple-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .md\:hover\:via-purple-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .md\:hover\:via-purple-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .md\:hover\:via-purple-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .md\:hover\:via-purple-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .md\:hover\:via-pink-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .md\:hover\:via-pink-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .md\:hover\:via-pink-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .md\:hover\:via-pink-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .md\:hover\:via-pink-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .md\:hover\:via-pink-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .md\:hover\:via-pink-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .md\:hover\:via-pink-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .md\:hover\:via-pink-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .md\:hover\:via-pink-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .md\:hover\:via-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1ab938, var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .md\:hover\:via-orange:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fdab5a, var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .md\:hover\:via-danger:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #c75d5d, var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .md\:focus\:via-transparent:focus {
        --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, transparent)
    }

    .md\:focus\:via-current:focus {
        --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .md\:focus\:via-black:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, transparent)
    }

    .md\:focus\:via-white:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .md\:focus\:via-gray-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .md\:focus\:via-gray-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .md\:focus\:via-gray-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .md\:focus\:via-gray-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .md\:focus\:via-gray-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .md\:focus\:via-gray-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .md\:focus\:via-gray-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .md\:focus\:via-gray-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .md\:focus\:via-gray-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .md\:focus\:via-gray-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .md\:focus\:via-red-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .md\:focus\:via-red-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .md\:focus\:via-red-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .md\:focus\:via-red-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .md\:focus\:via-red-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .md\:focus\:via-red-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .md\:focus\:via-red-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .md\:focus\:via-red-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .md\:focus\:via-red-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .md\:focus\:via-red-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .md\:focus\:via-yellow-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .md\:focus\:via-yellow-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .md\:focus\:via-yellow-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .md\:focus\:via-yellow-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .md\:focus\:via-yellow-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .md\:focus\:via-yellow-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .md\:focus\:via-yellow-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .md\:focus\:via-yellow-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .md\:focus\:via-yellow-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .md\:focus\:via-yellow-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .md\:focus\:via-green-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .md\:focus\:via-green-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .md\:focus\:via-green-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .md\:focus\:via-green-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .md\:focus\:via-green-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .md\:focus\:via-green-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .md\:focus\:via-green-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .md\:focus\:via-green-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .md\:focus\:via-green-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .md\:focus\:via-green-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .md\:focus\:via-blue-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .md\:focus\:via-blue-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .md\:focus\:via-blue-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .md\:focus\:via-blue-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .md\:focus\:via-blue-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .md\:focus\:via-blue-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .md\:focus\:via-blue-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .md\:focus\:via-blue-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .md\:focus\:via-blue-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .md\:focus\:via-blue-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .md\:focus\:via-indigo-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .md\:focus\:via-indigo-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .md\:focus\:via-indigo-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .md\:focus\:via-indigo-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .md\:focus\:via-indigo-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .md\:focus\:via-indigo-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .md\:focus\:via-indigo-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .md\:focus\:via-indigo-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .md\:focus\:via-indigo-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .md\:focus\:via-indigo-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .md\:focus\:via-purple-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .md\:focus\:via-purple-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .md\:focus\:via-purple-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .md\:focus\:via-purple-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .md\:focus\:via-purple-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .md\:focus\:via-purple-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .md\:focus\:via-purple-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .md\:focus\:via-purple-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .md\:focus\:via-purple-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .md\:focus\:via-purple-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .md\:focus\:via-pink-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .md\:focus\:via-pink-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .md\:focus\:via-pink-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .md\:focus\:via-pink-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .md\:focus\:via-pink-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .md\:focus\:via-pink-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .md\:focus\:via-pink-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .md\:focus\:via-pink-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .md\:focus\:via-pink-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .md\:focus\:via-pink-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .md\:focus\:via-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1ab938, var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .md\:focus\:via-orange:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fdab5a, var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .md\:focus\:via-danger:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #c75d5d, var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .md\:hover\:to-transparent:hover {
        --tw-gradient-to: transparent
    }

    .md\:hover\:to-current:hover {
        --tw-gradient-to: currentColor
    }

    .md\:hover\:to-black:hover {
        --tw-gradient-to: #000
    }

    .md\:hover\:to-white:hover {
        --tw-gradient-to: #fff
    }

    .md\:hover\:to-gray-50:hover {
        --tw-gradient-to: #f9fafb
    }

    .md\:hover\:to-gray-100:hover {
        --tw-gradient-to: #f3f4f6
    }

    .md\:hover\:to-gray-200:hover {
        --tw-gradient-to: #e5e7eb
    }

    .md\:hover\:to-gray-300:hover {
        --tw-gradient-to: #d1d5db
    }

    .md\:hover\:to-gray-400:hover {
        --tw-gradient-to: #9ca3af
    }

    .md\:hover\:to-gray-500:hover {
        --tw-gradient-to: #6b7280
    }

    .md\:hover\:to-gray-600:hover {
        --tw-gradient-to: #4b5563
    }

    .md\:hover\:to-gray-700:hover {
        --tw-gradient-to: #374151
    }

    .md\:hover\:to-gray-800:hover {
        --tw-gradient-to: #1f2937
    }

    .md\:hover\:to-gray-900:hover {
        --tw-gradient-to: #111827
    }

    .md\:hover\:to-red-50:hover {
        --tw-gradient-to: #fef2f2
    }

    .md\:hover\:to-red-100:hover {
        --tw-gradient-to: #fee2e2
    }

    .md\:hover\:to-red-200:hover {
        --tw-gradient-to: #fecaca
    }

    .md\:hover\:to-red-300:hover {
        --tw-gradient-to: #fca5a5
    }

    .md\:hover\:to-red-400:hover {
        --tw-gradient-to: #f87171
    }

    .md\:hover\:to-red-500:hover {
        --tw-gradient-to: #ef4444
    }

    .md\:hover\:to-red-600:hover {
        --tw-gradient-to: #dc2626
    }

    .md\:hover\:to-red-700:hover {
        --tw-gradient-to: #b91c1c
    }

    .md\:hover\:to-red-800:hover {
        --tw-gradient-to: #991b1b
    }

    .md\:hover\:to-red-900:hover {
        --tw-gradient-to: #7f1d1d
    }

    .md\:hover\:to-yellow-50:hover {
        --tw-gradient-to: #fffbeb
    }

    .md\:hover\:to-yellow-100:hover {
        --tw-gradient-to: #fef3c7
    }

    .md\:hover\:to-yellow-200:hover {
        --tw-gradient-to: #fde68a
    }

    .md\:hover\:to-yellow-300:hover {
        --tw-gradient-to: #fcd34d
    }

    .md\:hover\:to-yellow-400:hover {
        --tw-gradient-to: #fbbf24
    }

    .md\:hover\:to-yellow-500:hover {
        --tw-gradient-to: #f59e0b
    }

    .md\:hover\:to-yellow-600:hover {
        --tw-gradient-to: #d97706
    }

    .md\:hover\:to-yellow-700:hover {
        --tw-gradient-to: #b45309
    }

    .md\:hover\:to-yellow-800:hover {
        --tw-gradient-to: #92400e
    }

    .md\:hover\:to-yellow-900:hover {
        --tw-gradient-to: #78350f
    }

    .md\:hover\:to-green-50:hover {
        --tw-gradient-to: #ecfdf5
    }

    .md\:hover\:to-green-100:hover {
        --tw-gradient-to: #d1fae5
    }

    .md\:hover\:to-green-200:hover {
        --tw-gradient-to: #a7f3d0
    }

    .md\:hover\:to-green-300:hover {
        --tw-gradient-to: #6ee7b7
    }

    .md\:hover\:to-green-400:hover {
        --tw-gradient-to: #34d399
    }

    .md\:hover\:to-green-500:hover {
        --tw-gradient-to: #10b981
    }

    .md\:hover\:to-green-600:hover {
        --tw-gradient-to: #059669
    }

    .md\:hover\:to-green-700:hover {
        --tw-gradient-to: #047857
    }

    .md\:hover\:to-green-800:hover {
        --tw-gradient-to: #065f46
    }

    .md\:hover\:to-green-900:hover {
        --tw-gradient-to: #064e3b
    }

    .md\:hover\:to-blue-50:hover {
        --tw-gradient-to: #eff6ff
    }

    .md\:hover\:to-blue-100:hover {
        --tw-gradient-to: #dbeafe
    }

    .md\:hover\:to-blue-200:hover {
        --tw-gradient-to: #bfdbfe
    }

    .md\:hover\:to-blue-300:hover {
        --tw-gradient-to: #93c5fd
    }

    .md\:hover\:to-blue-400:hover {
        --tw-gradient-to: #60a5fa
    }

    .md\:hover\:to-blue-500:hover {
        --tw-gradient-to: #3b82f6
    }

    .md\:hover\:to-blue-600:hover {
        --tw-gradient-to: #2563eb
    }

    .md\:hover\:to-blue-700:hover {
        --tw-gradient-to: #1d4ed8
    }

    .md\:hover\:to-blue-800:hover {
        --tw-gradient-to: #1e40af
    }

    .md\:hover\:to-blue-900:hover {
        --tw-gradient-to: #1e3a8a
    }

    .md\:hover\:to-indigo-50:hover {
        --tw-gradient-to: #eef2ff
    }

    .md\:hover\:to-indigo-100:hover {
        --tw-gradient-to: #e0e7ff
    }

    .md\:hover\:to-indigo-200:hover {
        --tw-gradient-to: #c7d2fe
    }

    .md\:hover\:to-indigo-300:hover {
        --tw-gradient-to: #a5b4fc
    }

    .md\:hover\:to-indigo-400:hover {
        --tw-gradient-to: #818cf8
    }

    .md\:hover\:to-indigo-500:hover {
        --tw-gradient-to: #6366f1
    }

    .md\:hover\:to-indigo-600:hover {
        --tw-gradient-to: #4f46e5
    }

    .md\:hover\:to-indigo-700:hover {
        --tw-gradient-to: #4338ca
    }

    .md\:hover\:to-indigo-800:hover {
        --tw-gradient-to: #3730a3
    }

    .md\:hover\:to-indigo-900:hover {
        --tw-gradient-to: #312e81
    }

    .md\:hover\:to-purple-50:hover {
        --tw-gradient-to: #f5f3ff
    }

    .md\:hover\:to-purple-100:hover {
        --tw-gradient-to: #ede9fe
    }

    .md\:hover\:to-purple-200:hover {
        --tw-gradient-to: #ddd6fe
    }

    .md\:hover\:to-purple-300:hover {
        --tw-gradient-to: #c4b5fd
    }

    .md\:hover\:to-purple-400:hover {
        --tw-gradient-to: #a78bfa
    }

    .md\:hover\:to-purple-500:hover {
        --tw-gradient-to: #8b5cf6
    }

    .md\:hover\:to-purple-600:hover {
        --tw-gradient-to: #7c3aed
    }

    .md\:hover\:to-purple-700:hover {
        --tw-gradient-to: #6d28d9
    }

    .md\:hover\:to-purple-800:hover {
        --tw-gradient-to: #5b21b6
    }

    .md\:hover\:to-purple-900:hover {
        --tw-gradient-to: #4c1d95
    }

    .md\:hover\:to-pink-50:hover {
        --tw-gradient-to: #fdf2f8
    }

    .md\:hover\:to-pink-100:hover {
        --tw-gradient-to: #fce7f3
    }

    .md\:hover\:to-pink-200:hover {
        --tw-gradient-to: #fbcfe8
    }

    .md\:hover\:to-pink-300:hover {
        --tw-gradient-to: #f9a8d4
    }

    .md\:hover\:to-pink-400:hover {
        --tw-gradient-to: #f472b6
    }

    .md\:hover\:to-pink-500:hover {
        --tw-gradient-to: #ec4899
    }

    .md\:hover\:to-pink-600:hover {
        --tw-gradient-to: #db2777
    }

    .md\:hover\:to-pink-700:hover {
        --tw-gradient-to: #be185d
    }

    .md\:hover\:to-pink-800:hover {
        --tw-gradient-to: #9d174d
    }

    .md\:hover\:to-pink-900:hover {
        --tw-gradient-to: #831843
    }

    .md\:hover\:to-primary:hover {
        --tw-gradient-to: #1ab938
    }

    .md\:hover\:to-orange:hover {
        --tw-gradient-to: #fdab5a
    }

    .md\:hover\:to-danger:hover {
        --tw-gradient-to: #c75d5d
    }

    .md\:focus\:to-transparent:focus {
        --tw-gradient-to: transparent
    }

    .md\:focus\:to-current:focus {
        --tw-gradient-to: currentColor
    }

    .md\:focus\:to-black:focus {
        --tw-gradient-to: #000
    }

    .md\:focus\:to-white:focus {
        --tw-gradient-to: #fff
    }

    .md\:focus\:to-gray-50:focus {
        --tw-gradient-to: #f9fafb
    }

    .md\:focus\:to-gray-100:focus {
        --tw-gradient-to: #f3f4f6
    }

    .md\:focus\:to-gray-200:focus {
        --tw-gradient-to: #e5e7eb
    }

    .md\:focus\:to-gray-300:focus {
        --tw-gradient-to: #d1d5db
    }

    .md\:focus\:to-gray-400:focus {
        --tw-gradient-to: #9ca3af
    }

    .md\:focus\:to-gray-500:focus {
        --tw-gradient-to: #6b7280
    }

    .md\:focus\:to-gray-600:focus {
        --tw-gradient-to: #4b5563
    }

    .md\:focus\:to-gray-700:focus {
        --tw-gradient-to: #374151
    }

    .md\:focus\:to-gray-800:focus {
        --tw-gradient-to: #1f2937
    }

    .md\:focus\:to-gray-900:focus {
        --tw-gradient-to: #111827
    }

    .md\:focus\:to-red-50:focus {
        --tw-gradient-to: #fef2f2
    }

    .md\:focus\:to-red-100:focus {
        --tw-gradient-to: #fee2e2
    }

    .md\:focus\:to-red-200:focus {
        --tw-gradient-to: #fecaca
    }

    .md\:focus\:to-red-300:focus {
        --tw-gradient-to: #fca5a5
    }

    .md\:focus\:to-red-400:focus {
        --tw-gradient-to: #f87171
    }

    .md\:focus\:to-red-500:focus {
        --tw-gradient-to: #ef4444
    }

    .md\:focus\:to-red-600:focus {
        --tw-gradient-to: #dc2626
    }

    .md\:focus\:to-red-700:focus {
        --tw-gradient-to: #b91c1c
    }

    .md\:focus\:to-red-800:focus {
        --tw-gradient-to: #991b1b
    }

    .md\:focus\:to-red-900:focus {
        --tw-gradient-to: #7f1d1d
    }

    .md\:focus\:to-yellow-50:focus {
        --tw-gradient-to: #fffbeb
    }

    .md\:focus\:to-yellow-100:focus {
        --tw-gradient-to: #fef3c7
    }

    .md\:focus\:to-yellow-200:focus {
        --tw-gradient-to: #fde68a
    }

    .md\:focus\:to-yellow-300:focus {
        --tw-gradient-to: #fcd34d
    }

    .md\:focus\:to-yellow-400:focus {
        --tw-gradient-to: #fbbf24
    }

    .md\:focus\:to-yellow-500:focus {
        --tw-gradient-to: #f59e0b
    }

    .md\:focus\:to-yellow-600:focus {
        --tw-gradient-to: #d97706
    }

    .md\:focus\:to-yellow-700:focus {
        --tw-gradient-to: #b45309
    }

    .md\:focus\:to-yellow-800:focus {
        --tw-gradient-to: #92400e
    }

    .md\:focus\:to-yellow-900:focus {
        --tw-gradient-to: #78350f
    }

    .md\:focus\:to-green-50:focus {
        --tw-gradient-to: #ecfdf5
    }

    .md\:focus\:to-green-100:focus {
        --tw-gradient-to: #d1fae5
    }

    .md\:focus\:to-green-200:focus {
        --tw-gradient-to: #a7f3d0
    }

    .md\:focus\:to-green-300:focus {
        --tw-gradient-to: #6ee7b7
    }

    .md\:focus\:to-green-400:focus {
        --tw-gradient-to: #34d399
    }

    .md\:focus\:to-green-500:focus {
        --tw-gradient-to: #10b981
    }

    .md\:focus\:to-green-600:focus {
        --tw-gradient-to: #059669
    }

    .md\:focus\:to-green-700:focus {
        --tw-gradient-to: #047857
    }

    .md\:focus\:to-green-800:focus {
        --tw-gradient-to: #065f46
    }

    .md\:focus\:to-green-900:focus {
        --tw-gradient-to: #064e3b
    }

    .md\:focus\:to-blue-50:focus {
        --tw-gradient-to: #eff6ff
    }

    .md\:focus\:to-blue-100:focus {
        --tw-gradient-to: #dbeafe
    }

    .md\:focus\:to-blue-200:focus {
        --tw-gradient-to: #bfdbfe
    }

    .md\:focus\:to-blue-300:focus {
        --tw-gradient-to: #93c5fd
    }

    .md\:focus\:to-blue-400:focus {
        --tw-gradient-to: #60a5fa
    }

    .md\:focus\:to-blue-500:focus {
        --tw-gradient-to: #3b82f6
    }

    .md\:focus\:to-blue-600:focus {
        --tw-gradient-to: #2563eb
    }

    .md\:focus\:to-blue-700:focus {
        --tw-gradient-to: #1d4ed8
    }

    .md\:focus\:to-blue-800:focus {
        --tw-gradient-to: #1e40af
    }

    .md\:focus\:to-blue-900:focus {
        --tw-gradient-to: #1e3a8a
    }

    .md\:focus\:to-indigo-50:focus {
        --tw-gradient-to: #eef2ff
    }

    .md\:focus\:to-indigo-100:focus {
        --tw-gradient-to: #e0e7ff
    }

    .md\:focus\:to-indigo-200:focus {
        --tw-gradient-to: #c7d2fe
    }

    .md\:focus\:to-indigo-300:focus {
        --tw-gradient-to: #a5b4fc
    }

    .md\:focus\:to-indigo-400:focus {
        --tw-gradient-to: #818cf8
    }

    .md\:focus\:to-indigo-500:focus {
        --tw-gradient-to: #6366f1
    }

    .md\:focus\:to-indigo-600:focus {
        --tw-gradient-to: #4f46e5
    }

    .md\:focus\:to-indigo-700:focus {
        --tw-gradient-to: #4338ca
    }

    .md\:focus\:to-indigo-800:focus {
        --tw-gradient-to: #3730a3
    }

    .md\:focus\:to-indigo-900:focus {
        --tw-gradient-to: #312e81
    }

    .md\:focus\:to-purple-50:focus {
        --tw-gradient-to: #f5f3ff
    }

    .md\:focus\:to-purple-100:focus {
        --tw-gradient-to: #ede9fe
    }

    .md\:focus\:to-purple-200:focus {
        --tw-gradient-to: #ddd6fe
    }

    .md\:focus\:to-purple-300:focus {
        --tw-gradient-to: #c4b5fd
    }

    .md\:focus\:to-purple-400:focus {
        --tw-gradient-to: #a78bfa
    }

    .md\:focus\:to-purple-500:focus {
        --tw-gradient-to: #8b5cf6
    }

    .md\:focus\:to-purple-600:focus {
        --tw-gradient-to: #7c3aed
    }

    .md\:focus\:to-purple-700:focus {
        --tw-gradient-to: #6d28d9
    }

    .md\:focus\:to-purple-800:focus {
        --tw-gradient-to: #5b21b6
    }

    .md\:focus\:to-purple-900:focus {
        --tw-gradient-to: #4c1d95
    }

    .md\:focus\:to-pink-50:focus {
        --tw-gradient-to: #fdf2f8
    }

    .md\:focus\:to-pink-100:focus {
        --tw-gradient-to: #fce7f3
    }

    .md\:focus\:to-pink-200:focus {
        --tw-gradient-to: #fbcfe8
    }

    .md\:focus\:to-pink-300:focus {
        --tw-gradient-to: #f9a8d4
    }

    .md\:focus\:to-pink-400:focus {
        --tw-gradient-to: #f472b6
    }

    .md\:focus\:to-pink-500:focus {
        --tw-gradient-to: #ec4899
    }

    .md\:focus\:to-pink-600:focus {
        --tw-gradient-to: #db2777
    }

    .md\:focus\:to-pink-700:focus {
        --tw-gradient-to: #be185d
    }

    .md\:focus\:to-pink-800:focus {
        --tw-gradient-to: #9d174d
    }

    .md\:focus\:to-pink-900:focus {
        --tw-gradient-to: #831843
    }

    .md\:focus\:to-primary:focus {
        --tw-gradient-to: #1ab938
    }

    .md\:focus\:to-orange:focus {
        --tw-gradient-to: #fdab5a
    }

    .md\:focus\:to-danger:focus {
        --tw-gradient-to: #c75d5d
    }

    .group:hover .md\:group-hover\:text-transparent {
        color: transparent
    }

    .group:hover .md\:group-hover\:text-current {
        color: currentColor
    }

    .group:hover .md\:group-hover\:text-black {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-white {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-gray-50 {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-gray-100 {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-gray-200 {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-gray-300 {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-gray-400 {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-gray-500 {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-gray-600 {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-gray-700 {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-gray-800 {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-gray-900 {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-red-50 {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-red-100 {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-red-200 {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-red-300 {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-red-400 {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-red-500 {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-red-600 {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-red-700 {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-red-800 {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-red-900 {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-yellow-50 {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-yellow-100 {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-yellow-200 {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-yellow-300 {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-yellow-400 {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-yellow-500 {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-yellow-600 {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-yellow-700 {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-yellow-800 {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-yellow-900 {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-green-50 {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-green-100 {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-green-200 {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-green-300 {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-green-400 {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-green-500 {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-green-600 {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-green-700 {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-green-800 {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-green-900 {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-blue-50 {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-blue-100 {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-blue-200 {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-blue-300 {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-blue-400 {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-blue-500 {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-blue-600 {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-blue-700 {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-blue-800 {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-blue-900 {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-indigo-50 {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-indigo-100 {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-indigo-200 {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-indigo-300 {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-indigo-400 {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-indigo-500 {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-indigo-600 {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-indigo-700 {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-indigo-800 {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-indigo-900 {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-purple-50 {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-purple-100 {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-purple-200 {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-purple-300 {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-purple-400 {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-purple-500 {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-purple-600 {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-purple-700 {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-purple-800 {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-purple-900 {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-pink-50 {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-pink-100 {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-pink-200 {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-pink-300 {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-pink-400 {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-pink-500 {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-pink-600 {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-pink-700 {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-pink-800 {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-pink-900 {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-primary {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-orange {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .group:hover .md\:group-hover\:text-danger {
        color: #c75d5d
    }

    .md\:focus-within\:text-transparent:focus-within {
        color: transparent
    }

    .md\:focus-within\:text-current:focus-within {
        color: currentColor
    }

    .md\:focus-within\:text-black:focus-within {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-white:focus-within {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-gray-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-gray-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-gray-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-gray-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-gray-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-gray-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-gray-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-gray-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-gray-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-gray-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-red-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-red-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-red-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-red-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-red-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-red-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-red-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-red-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-red-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-red-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-yellow-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-yellow-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-yellow-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-yellow-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-yellow-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-yellow-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-yellow-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-yellow-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-yellow-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-yellow-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-green-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-green-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-green-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-green-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-green-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-green-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-green-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-green-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-green-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-green-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-blue-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-blue-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-blue-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-blue-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-blue-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-blue-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-blue-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-blue-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-blue-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-blue-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-indigo-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-indigo-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-indigo-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-indigo-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-indigo-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-indigo-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-indigo-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-indigo-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-indigo-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-indigo-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-purple-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-purple-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-purple-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-purple-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-purple-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-purple-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-purple-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-purple-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-purple-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-purple-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-pink-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-pink-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-pink-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-pink-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-pink-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-pink-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-pink-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-pink-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-pink-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-pink-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-primary:focus-within {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-orange:focus-within {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .md\:focus-within\:text-danger:focus-within {
        color: #c75d5d
    }

    .md\:hover\:text-transparent:hover {
        color: transparent
    }

    .md\:hover\:text-current:hover {
        color: currentColor
    }

    .md\:hover\:text-black:hover {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .md\:hover\:text-white:hover {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .md\:hover\:text-gray-50:hover {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .md\:hover\:text-gray-100:hover {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .md\:hover\:text-gray-200:hover {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .md\:hover\:text-gray-300:hover {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .md\:hover\:text-gray-400:hover {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .md\:hover\:text-gray-500:hover {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .md\:hover\:text-gray-600:hover {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .md\:hover\:text-gray-700:hover {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .md\:hover\:text-gray-800:hover {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .md\:hover\:text-gray-900:hover {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .md\:hover\:text-red-50:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .md\:hover\:text-red-100:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .md\:hover\:text-red-200:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .md\:hover\:text-red-300:hover {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .md\:hover\:text-red-400:hover {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .md\:hover\:text-red-500:hover {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .md\:hover\:text-red-600:hover {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .md\:hover\:text-red-700:hover {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .md\:hover\:text-red-800:hover {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .md\:hover\:text-red-900:hover {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .md\:hover\:text-yellow-50:hover {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .md\:hover\:text-yellow-100:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .md\:hover\:text-yellow-200:hover {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .md\:hover\:text-yellow-300:hover {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .md\:hover\:text-yellow-400:hover {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .md\:hover\:text-yellow-500:hover {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .md\:hover\:text-yellow-600:hover {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .md\:hover\:text-yellow-700:hover {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .md\:hover\:text-yellow-800:hover {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .md\:hover\:text-yellow-900:hover {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .md\:hover\:text-green-50:hover {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .md\:hover\:text-green-100:hover {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .md\:hover\:text-green-200:hover {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .md\:hover\:text-green-300:hover {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .md\:hover\:text-green-400:hover {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .md\:hover\:text-green-500:hover {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .md\:hover\:text-green-600:hover {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .md\:hover\:text-green-700:hover {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .md\:hover\:text-green-800:hover {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .md\:hover\:text-green-900:hover {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .md\:hover\:text-blue-50:hover {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .md\:hover\:text-blue-100:hover {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .md\:hover\:text-blue-200:hover {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .md\:hover\:text-blue-300:hover {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .md\:hover\:text-blue-400:hover {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .md\:hover\:text-blue-500:hover {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .md\:hover\:text-blue-600:hover {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .md\:hover\:text-blue-700:hover {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .md\:hover\:text-blue-800:hover {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .md\:hover\:text-blue-900:hover {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .md\:hover\:text-indigo-50:hover {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .md\:hover\:text-indigo-100:hover {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .md\:hover\:text-indigo-200:hover {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .md\:hover\:text-indigo-300:hover {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .md\:hover\:text-indigo-400:hover {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .md\:hover\:text-indigo-500:hover {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .md\:hover\:text-indigo-600:hover {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .md\:hover\:text-indigo-700:hover {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .md\:hover\:text-indigo-800:hover {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .md\:hover\:text-indigo-900:hover {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .md\:hover\:text-purple-50:hover {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .md\:hover\:text-purple-100:hover {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .md\:hover\:text-purple-200:hover {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .md\:hover\:text-purple-300:hover {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .md\:hover\:text-purple-400:hover {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .md\:hover\:text-purple-500:hover {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .md\:hover\:text-purple-600:hover {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .md\:hover\:text-purple-700:hover {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .md\:hover\:text-purple-800:hover {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .md\:hover\:text-purple-900:hover {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .md\:hover\:text-pink-50:hover {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .md\:hover\:text-pink-100:hover {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .md\:hover\:text-pink-200:hover {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .md\:hover\:text-pink-300:hover {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .md\:hover\:text-pink-400:hover {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .md\:hover\:text-pink-500:hover {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .md\:hover\:text-pink-600:hover {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .md\:hover\:text-pink-700:hover {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .md\:hover\:text-pink-800:hover {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .md\:hover\:text-pink-900:hover {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .md\:hover\:text-primary:hover {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .md\:hover\:text-orange:hover {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .md\:hover\:text-danger:hover {
        color: #c75d5d
    }

    .md\:focus\:text-transparent:focus {
        color: transparent
    }

    .md\:focus\:text-current:focus {
        color: currentColor
    }

    .md\:focus\:text-black:focus {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .md\:focus\:text-white:focus {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .md\:focus\:text-gray-50:focus {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .md\:focus\:text-gray-100:focus {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .md\:focus\:text-gray-200:focus {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .md\:focus\:text-gray-300:focus {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .md\:focus\:text-gray-400:focus {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .md\:focus\:text-gray-500:focus {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .md\:focus\:text-gray-600:focus {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .md\:focus\:text-gray-700:focus {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .md\:focus\:text-gray-800:focus {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .md\:focus\:text-gray-900:focus {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .md\:focus\:text-red-50:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .md\:focus\:text-red-100:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .md\:focus\:text-red-200:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .md\:focus\:text-red-300:focus {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .md\:focus\:text-red-400:focus {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .md\:focus\:text-red-500:focus {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .md\:focus\:text-red-600:focus {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .md\:focus\:text-red-700:focus {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .md\:focus\:text-red-800:focus {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .md\:focus\:text-red-900:focus {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .md\:focus\:text-yellow-50:focus {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .md\:focus\:text-yellow-100:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .md\:focus\:text-yellow-200:focus {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .md\:focus\:text-yellow-300:focus {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .md\:focus\:text-yellow-400:focus {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .md\:focus\:text-yellow-500:focus {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .md\:focus\:text-yellow-600:focus {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .md\:focus\:text-yellow-700:focus {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .md\:focus\:text-yellow-800:focus {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .md\:focus\:text-yellow-900:focus {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .md\:focus\:text-green-50:focus {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .md\:focus\:text-green-100:focus {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .md\:focus\:text-green-200:focus {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .md\:focus\:text-green-300:focus {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .md\:focus\:text-green-400:focus {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .md\:focus\:text-green-500:focus {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .md\:focus\:text-green-600:focus {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .md\:focus\:text-green-700:focus {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .md\:focus\:text-green-800:focus {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .md\:focus\:text-green-900:focus {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .md\:focus\:text-blue-50:focus {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .md\:focus\:text-blue-100:focus {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .md\:focus\:text-blue-200:focus {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .md\:focus\:text-blue-300:focus {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .md\:focus\:text-blue-400:focus {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .md\:focus\:text-blue-500:focus {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .md\:focus\:text-blue-600:focus {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .md\:focus\:text-blue-700:focus {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .md\:focus\:text-blue-800:focus {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .md\:focus\:text-blue-900:focus {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .md\:focus\:text-indigo-50:focus {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .md\:focus\:text-indigo-100:focus {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .md\:focus\:text-indigo-200:focus {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .md\:focus\:text-indigo-300:focus {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .md\:focus\:text-indigo-400:focus {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .md\:focus\:text-indigo-500:focus {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .md\:focus\:text-indigo-600:focus {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .md\:focus\:text-indigo-700:focus {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .md\:focus\:text-indigo-800:focus {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .md\:focus\:text-indigo-900:focus {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .md\:focus\:text-purple-50:focus {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .md\:focus\:text-purple-100:focus {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .md\:focus\:text-purple-200:focus {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .md\:focus\:text-purple-300:focus {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .md\:focus\:text-purple-400:focus {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .md\:focus\:text-purple-500:focus {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .md\:focus\:text-purple-600:focus {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .md\:focus\:text-purple-700:focus {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .md\:focus\:text-purple-800:focus {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .md\:focus\:text-purple-900:focus {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .md\:focus\:text-pink-50:focus {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .md\:focus\:text-pink-100:focus {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .md\:focus\:text-pink-200:focus {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .md\:focus\:text-pink-300:focus {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .md\:focus\:text-pink-400:focus {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .md\:focus\:text-pink-500:focus {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .md\:focus\:text-pink-600:focus {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .md\:focus\:text-pink-700:focus {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .md\:focus\:text-pink-800:focus {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .md\:focus\:text-pink-900:focus {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .md\:focus\:text-primary:focus {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .md\:focus\:text-orange:focus {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .md\:focus\:text-danger:focus {
        color: #c75d5d
    }

    .group:hover .md\:group-hover\:text-opacity-0 {
        --tw-text-opacity: 0
    }

    .group:hover .md\:group-hover\:text-opacity-5 {
        --tw-text-opacity: 0.05
    }

    .group:hover .md\:group-hover\:text-opacity-10 {
        --tw-text-opacity: 0.1
    }

    .group:hover .md\:group-hover\:text-opacity-20 {
        --tw-text-opacity: 0.2
    }

    .group:hover .md\:group-hover\:text-opacity-25 {
        --tw-text-opacity: 0.25
    }

    .group:hover .md\:group-hover\:text-opacity-30 {
        --tw-text-opacity: 0.3
    }

    .group:hover .md\:group-hover\:text-opacity-40 {
        --tw-text-opacity: 0.4
    }

    .group:hover .md\:group-hover\:text-opacity-50 {
        --tw-text-opacity: 0.5
    }

    .group:hover .md\:group-hover\:text-opacity-60 {
        --tw-text-opacity: 0.6
    }

    .group:hover .md\:group-hover\:text-opacity-70 {
        --tw-text-opacity: 0.7
    }

    .group:hover .md\:group-hover\:text-opacity-75 {
        --tw-text-opacity: 0.75
    }

    .group:hover .md\:group-hover\:text-opacity-80 {
        --tw-text-opacity: 0.8
    }

    .group:hover .md\:group-hover\:text-opacity-90 {
        --tw-text-opacity: 0.9
    }

    .group:hover .md\:group-hover\:text-opacity-95 {
        --tw-text-opacity: 0.95
    }

    .group:hover .md\:group-hover\:text-opacity-100 {
        --tw-text-opacity: 1
    }

    .md\:focus-within\:text-opacity-0:focus-within {
        --tw-text-opacity: 0
    }

    .md\:focus-within\:text-opacity-5:focus-within {
        --tw-text-opacity: 0.05
    }

    .md\:focus-within\:text-opacity-10:focus-within {
        --tw-text-opacity: 0.1
    }

    .md\:focus-within\:text-opacity-20:focus-within {
        --tw-text-opacity: 0.2
    }

    .md\:focus-within\:text-opacity-25:focus-within {
        --tw-text-opacity: 0.25
    }

    .md\:focus-within\:text-opacity-30:focus-within {
        --tw-text-opacity: 0.3
    }

    .md\:focus-within\:text-opacity-40:focus-within {
        --tw-text-opacity: 0.4
    }

    .md\:focus-within\:text-opacity-50:focus-within {
        --tw-text-opacity: 0.5
    }

    .md\:focus-within\:text-opacity-60:focus-within {
        --tw-text-opacity: 0.6
    }

    .md\:focus-within\:text-opacity-70:focus-within {
        --tw-text-opacity: 0.7
    }

    .md\:focus-within\:text-opacity-75:focus-within {
        --tw-text-opacity: 0.75
    }

    .md\:focus-within\:text-opacity-80:focus-within {
        --tw-text-opacity: 0.8
    }

    .md\:focus-within\:text-opacity-90:focus-within {
        --tw-text-opacity: 0.9
    }

    .md\:focus-within\:text-opacity-95:focus-within {
        --tw-text-opacity: 0.95
    }

    .md\:focus-within\:text-opacity-100:focus-within {
        --tw-text-opacity: 1
    }

    .md\:hover\:text-opacity-0:hover {
        --tw-text-opacity: 0
    }

    .md\:hover\:text-opacity-5:hover {
        --tw-text-opacity: 0.05
    }

    .md\:hover\:text-opacity-10:hover {
        --tw-text-opacity: 0.1
    }

    .md\:hover\:text-opacity-20:hover {
        --tw-text-opacity: 0.2
    }

    .md\:hover\:text-opacity-25:hover {
        --tw-text-opacity: 0.25
    }

    .md\:hover\:text-opacity-30:hover {
        --tw-text-opacity: 0.3
    }

    .md\:hover\:text-opacity-40:hover {
        --tw-text-opacity: 0.4
    }

    .md\:hover\:text-opacity-50:hover {
        --tw-text-opacity: 0.5
    }

    .md\:hover\:text-opacity-60:hover {
        --tw-text-opacity: 0.6
    }

    .md\:hover\:text-opacity-70:hover {
        --tw-text-opacity: 0.7
    }

    .md\:hover\:text-opacity-75:hover {
        --tw-text-opacity: 0.75
    }

    .md\:hover\:text-opacity-80:hover {
        --tw-text-opacity: 0.8
    }

    .md\:hover\:text-opacity-90:hover {
        --tw-text-opacity: 0.9
    }

    .md\:hover\:text-opacity-95:hover {
        --tw-text-opacity: 0.95
    }

    .md\:hover\:text-opacity-100:hover {
        --tw-text-opacity: 1
    }

    .md\:focus\:text-opacity-0:focus {
        --tw-text-opacity: 0
    }

    .md\:focus\:text-opacity-5:focus {
        --tw-text-opacity: 0.05
    }

    .md\:focus\:text-opacity-10:focus {
        --tw-text-opacity: 0.1
    }

    .md\:focus\:text-opacity-20:focus {
        --tw-text-opacity: 0.2
    }

    .md\:focus\:text-opacity-25:focus {
        --tw-text-opacity: 0.25
    }

    .md\:focus\:text-opacity-30:focus {
        --tw-text-opacity: 0.3
    }

    .md\:focus\:text-opacity-40:focus {
        --tw-text-opacity: 0.4
    }

    .md\:focus\:text-opacity-50:focus {
        --tw-text-opacity: 0.5
    }

    .md\:focus\:text-opacity-60:focus {
        --tw-text-opacity: 0.6
    }

    .md\:focus\:text-opacity-70:focus {
        --tw-text-opacity: 0.7
    }

    .md\:focus\:text-opacity-75:focus {
        --tw-text-opacity: 0.75
    }

    .md\:focus\:text-opacity-80:focus {
        --tw-text-opacity: 0.8
    }

    .md\:focus\:text-opacity-90:focus {
        --tw-text-opacity: 0.9
    }

    .md\:focus\:text-opacity-95:focus {
        --tw-text-opacity: 0.95
    }

    .md\:focus\:text-opacity-100:focus {
        --tw-text-opacity: 1
    }

    .group:hover .md\:group-hover\:underline {
        text-decoration: underline
    }

    .group:hover .md\:group-hover\:line-through {
        text-decoration: line-through
    }

    .group:hover .md\:group-hover\:no-underline {
        text-decoration: none
    }

    .md\:focus-within\:underline:focus-within {
        text-decoration: underline
    }

    .md\:focus-within\:line-through:focus-within {
        text-decoration: line-through
    }

    .md\:focus-within\:no-underline:focus-within {
        text-decoration: none
    }

    .md\:hover\:underline:hover {
        text-decoration: underline
    }

    .md\:hover\:line-through:hover {
        text-decoration: line-through
    }

    .md\:hover\:no-underline:hover {
        text-decoration: none
    }

    .md\:focus\:underline:focus {
        text-decoration: underline
    }

    .md\:focus\:line-through:focus {
        text-decoration: line-through
    }

    .md\:focus\:no-underline:focus {
        text-decoration: none
    }

    .md\:placeholder-transparent::-webkit-input-placeholder {
        color: transparent
    }

    .md\:placeholder-transparent::-moz-placeholder {
        color: transparent
    }

    .md\:placeholder-transparent::-ms-input-placeholder {
        color: transparent
    }

    .md\:placeholder-transparent::placeholder {
        color: transparent
    }

    .md\:placeholder-current::-webkit-input-placeholder {
        color: currentColor
    }

    .md\:placeholder-current::-moz-placeholder {
        color: currentColor
    }

    .md\:placeholder-current::-ms-input-placeholder {
        color: currentColor
    }

    .md\:placeholder-current::placeholder {
        color: currentColor
    }

    .md\:placeholder-black::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-black::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-black::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-black::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-white::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-white::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-white::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-white::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-gray-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-red-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-yellow-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-green-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-blue-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-indigo-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-purple-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-pink-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-primary::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-primary::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-primary::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-primary::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-orange::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-orange::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-orange::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-orange::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .md\:placeholder-danger::-webkit-input-placeholder {
        color: #c75d5d
    }

    .md\:placeholder-danger::-moz-placeholder {
        color: #c75d5d
    }

    .md\:placeholder-danger::-ms-input-placeholder {
        color: #c75d5d
    }

    .md\:placeholder-danger::placeholder {
        color: #c75d5d
    }

    .md\:focus\:placeholder-transparent:focus::-webkit-input-placeholder {
        color: transparent
    }

    .md\:focus\:placeholder-transparent:focus::-moz-placeholder {
        color: transparent
    }

    .md\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
        color: transparent
    }

    .md\:focus\:placeholder-transparent:focus::placeholder {
        color: transparent
    }

    .md\:focus\:placeholder-current:focus::-webkit-input-placeholder {
        color: currentColor
    }

    .md\:focus\:placeholder-current:focus::-moz-placeholder {
        color: currentColor
    }

    .md\:focus\:placeholder-current:focus::-ms-input-placeholder {
        color: currentColor
    }

    .md\:focus\:placeholder-current:focus::placeholder {
        color: currentColor
    }

    .md\:focus\:placeholder-black:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-black:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-black:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-black:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-white:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-white:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-white:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-white:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-gray-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-red-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-yellow-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-green-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-blue-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-indigo-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-purple-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-pink-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-primary:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-primary:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-primary:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-primary:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-orange:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-orange:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-orange:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-orange:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .md\:focus\:placeholder-danger:focus::-webkit-input-placeholder {
        color: #c75d5d
    }

    .md\:focus\:placeholder-danger:focus::-moz-placeholder {
        color: #c75d5d
    }

    .md\:focus\:placeholder-danger:focus::-ms-input-placeholder {
        color: #c75d5d
    }

    .md\:focus\:placeholder-danger:focus::placeholder {
        color: #c75d5d
    }

    .md\:placeholder-opacity-0::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .md\:placeholder-opacity-0::-moz-placeholder {
        --tw-placeholder-opacity: 0
    }

    .md\:placeholder-opacity-0::-ms-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .md\:placeholder-opacity-0::placeholder {
        --tw-placeholder-opacity: 0
    }

    .md\:placeholder-opacity-5::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .md\:placeholder-opacity-5::-moz-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .md\:placeholder-opacity-5::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .md\:placeholder-opacity-5::placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .md\:placeholder-opacity-10::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .md\:placeholder-opacity-10::-moz-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .md\:placeholder-opacity-10::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .md\:placeholder-opacity-10::placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .md\:placeholder-opacity-20::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .md\:placeholder-opacity-20::-moz-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .md\:placeholder-opacity-20::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .md\:placeholder-opacity-20::placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .md\:placeholder-opacity-25::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .md\:placeholder-opacity-25::-moz-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .md\:placeholder-opacity-25::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .md\:placeholder-opacity-25::placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .md\:placeholder-opacity-30::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .md\:placeholder-opacity-30::-moz-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .md\:placeholder-opacity-30::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .md\:placeholder-opacity-30::placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .md\:placeholder-opacity-40::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .md\:placeholder-opacity-40::-moz-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .md\:placeholder-opacity-40::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .md\:placeholder-opacity-40::placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .md\:placeholder-opacity-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .md\:placeholder-opacity-50::-moz-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .md\:placeholder-opacity-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .md\:placeholder-opacity-50::placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .md\:placeholder-opacity-60::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .md\:placeholder-opacity-60::-moz-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .md\:placeholder-opacity-60::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .md\:placeholder-opacity-60::placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .md\:placeholder-opacity-70::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .md\:placeholder-opacity-70::-moz-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .md\:placeholder-opacity-70::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .md\:placeholder-opacity-70::placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .md\:placeholder-opacity-75::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .md\:placeholder-opacity-75::-moz-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .md\:placeholder-opacity-75::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .md\:placeholder-opacity-75::placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .md\:placeholder-opacity-80::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .md\:placeholder-opacity-80::-moz-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .md\:placeholder-opacity-80::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .md\:placeholder-opacity-80::placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .md\:placeholder-opacity-90::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .md\:placeholder-opacity-90::-moz-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .md\:placeholder-opacity-90::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .md\:placeholder-opacity-90::placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .md\:placeholder-opacity-95::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .md\:placeholder-opacity-95::-moz-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .md\:placeholder-opacity-95::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .md\:placeholder-opacity-95::placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .md\:placeholder-opacity-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .md\:placeholder-opacity-100::-moz-placeholder {
        --tw-placeholder-opacity: 1
    }

    .md\:placeholder-opacity-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .md\:placeholder-opacity-100::placeholder {
        --tw-placeholder-opacity: 1
    }

    .md\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .md\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0
    }

    .md\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .md\:focus\:placeholder-opacity-0:focus::placeholder {
        --tw-placeholder-opacity: 0
    }

    .md\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .md\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .md\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .md\:focus\:placeholder-opacity-5:focus::placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .md\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .md\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .md\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .md\:focus\:placeholder-opacity-10:focus::placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .md\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .md\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .md\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .md\:focus\:placeholder-opacity-20:focus::placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .md\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .md\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .md\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .md\:focus\:placeholder-opacity-25:focus::placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .md\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .md\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .md\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .md\:focus\:placeholder-opacity-30:focus::placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .md\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .md\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .md\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .md\:focus\:placeholder-opacity-40:focus::placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .md\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .md\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .md\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .md\:focus\:placeholder-opacity-50:focus::placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .md\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .md\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .md\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .md\:focus\:placeholder-opacity-60:focus::placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .md\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .md\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .md\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .md\:focus\:placeholder-opacity-70:focus::placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .md\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .md\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .md\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .md\:focus\:placeholder-opacity-75:focus::placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .md\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .md\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .md\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .md\:focus\:placeholder-opacity-80:focus::placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .md\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .md\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .md\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .md\:focus\:placeholder-opacity-90:focus::placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .md\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .md\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .md\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .md\:focus\:placeholder-opacity-95:focus::placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .md\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .md\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1
    }

    .md\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .md\:focus\:placeholder-opacity-100:focus::placeholder {
        --tw-placeholder-opacity: 1
    }

    .group:hover .md\:group-hover\:opacity-0 {
        opacity: 0
    }

    .group:hover .md\:group-hover\:opacity-5 {
        opacity: .05
    }

    .group:hover .md\:group-hover\:opacity-10 {
        opacity: .1
    }

    .group:hover .md\:group-hover\:opacity-20 {
        opacity: .2
    }

    .group:hover .md\:group-hover\:opacity-25 {
        opacity: .25
    }

    .group:hover .md\:group-hover\:opacity-30 {
        opacity: .3
    }

    .group:hover .md\:group-hover\:opacity-40 {
        opacity: .4
    }

    .group:hover .md\:group-hover\:opacity-50 {
        opacity: .5
    }

    .group:hover .md\:group-hover\:opacity-60 {
        opacity: .6
    }

    .group:hover .md\:group-hover\:opacity-70 {
        opacity: .7
    }

    .group:hover .md\:group-hover\:opacity-75 {
        opacity: .75
    }

    .group:hover .md\:group-hover\:opacity-80 {
        opacity: .8
    }

    .group:hover .md\:group-hover\:opacity-90 {
        opacity: .9
    }

    .group:hover .md\:group-hover\:opacity-95 {
        opacity: .95
    }

    .group:hover .md\:group-hover\:opacity-100 {
        opacity: 1
    }

    .md\:focus-within\:opacity-0:focus-within {
        opacity: 0
    }

    .md\:focus-within\:opacity-5:focus-within {
        opacity: .05
    }

    .md\:focus-within\:opacity-10:focus-within {
        opacity: .1
    }

    .md\:focus-within\:opacity-20:focus-within {
        opacity: .2
    }

    .md\:focus-within\:opacity-25:focus-within {
        opacity: .25
    }

    .md\:focus-within\:opacity-30:focus-within {
        opacity: .3
    }

    .md\:focus-within\:opacity-40:focus-within {
        opacity: .4
    }

    .md\:focus-within\:opacity-50:focus-within {
        opacity: .5
    }

    .md\:focus-within\:opacity-60:focus-within {
        opacity: .6
    }

    .md\:focus-within\:opacity-70:focus-within {
        opacity: .7
    }

    .md\:focus-within\:opacity-75:focus-within {
        opacity: .75
    }

    .md\:focus-within\:opacity-80:focus-within {
        opacity: .8
    }

    .md\:focus-within\:opacity-90:focus-within {
        opacity: .9
    }

    .md\:focus-within\:opacity-95:focus-within {
        opacity: .95
    }

    .md\:focus-within\:opacity-100:focus-within {
        opacity: 1
    }

    .md\:hover\:opacity-0:hover {
        opacity: 0
    }

    .md\:hover\:opacity-5:hover {
        opacity: .05
    }

    .md\:hover\:opacity-10:hover {
        opacity: .1
    }

    .md\:hover\:opacity-20:hover {
        opacity: .2
    }

    .md\:hover\:opacity-25:hover {
        opacity: .25
    }

    .md\:hover\:opacity-30:hover {
        opacity: .3
    }

    .md\:hover\:opacity-40:hover {
        opacity: .4
    }

    .md\:hover\:opacity-50:hover {
        opacity: .5
    }

    .md\:hover\:opacity-60:hover {
        opacity: .6
    }

    .md\:hover\:opacity-70:hover {
        opacity: .7
    }

    .md\:hover\:opacity-75:hover {
        opacity: .75
    }

    .md\:hover\:opacity-80:hover {
        opacity: .8
    }

    .md\:hover\:opacity-90:hover {
        opacity: .9
    }

    .md\:hover\:opacity-95:hover {
        opacity: .95
    }

    .md\:hover\:opacity-100:hover {
        opacity: 1
    }

    .md\:focus\:opacity-0:focus {
        opacity: 0
    }

    .md\:focus\:opacity-5:focus {
        opacity: .05
    }

    .md\:focus\:opacity-10:focus {
        opacity: .1
    }

    .md\:focus\:opacity-20:focus {
        opacity: .2
    }

    .md\:focus\:opacity-25:focus {
        opacity: .25
    }

    .md\:focus\:opacity-30:focus {
        opacity: .3
    }

    .md\:focus\:opacity-40:focus {
        opacity: .4
    }

    .md\:focus\:opacity-50:focus {
        opacity: .5
    }

    .md\:focus\:opacity-60:focus {
        opacity: .6
    }

    .md\:focus\:opacity-70:focus {
        opacity: .7
    }

    .md\:focus\:opacity-75:focus {
        opacity: .75
    }

    .md\:focus\:opacity-80:focus {
        opacity: .8
    }

    .md\:focus\:opacity-90:focus {
        opacity: .9
    }

    .md\:focus\:opacity-95:focus {
        opacity: .95
    }

    .md\:focus\:opacity-100:focus {
        opacity: 1
    }

    .group:hover .md\:group-hover\:shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
    }

    .group:hover .md\:group-hover\:shadow,
    .group:hover .md\:group-hover\:shadow-sm {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .md\:group-hover\:shadow {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
    }

    .group:hover .md\:group-hover\:shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
    }

    .group:hover .md\:group-hover\:shadow-lg,
    .group:hover .md\:group-hover\:shadow-md {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .md\:group-hover\:shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
    }

    .group:hover .md\:group-hover\:shadow-xl {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
    }

    .group:hover .md\:group-hover\:shadow-2xl,
    .group:hover .md\:group-hover\:shadow-xl {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .md\:group-hover\:shadow-2xl {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
    }

    .group:hover .md\:group-hover\:shadow-inner {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
    }

    .group:hover .md\:group-hover\:shadow-inner,
    .group:hover .md\:group-hover\:shadow-none {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .md\:group-hover\:shadow-none {
        --tw-shadow: 0 0 transparent
    }

    .md\:focus-within\:shadow-sm:focus-within {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .md\:focus-within\:shadow:focus-within {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .md\:focus-within\:shadow-md:focus-within {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .md\:focus-within\:shadow-lg:focus-within {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .md\:focus-within\:shadow-xl:focus-within {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .md\:focus-within\:shadow-2xl:focus-within {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .md\:focus-within\:shadow-inner:focus-within {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .md\:focus-within\:shadow-none:focus-within {
        --tw-shadow: 0 0 transparent;
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .md\:hover\:shadow-sm:hover {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
    }

    .md\:hover\:shadow-sm:hover,
    .md\:hover\:shadow:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .md\:hover\:shadow:hover {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
    }

    .md\:hover\:shadow-md:hover {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
    }

    .md\:hover\:shadow-lg:hover,
    .md\:hover\:shadow-md:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .md\:hover\:shadow-lg:hover {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
    }

    .md\:hover\:shadow-xl:hover {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
    }

    .md\:hover\:shadow-2xl:hover,
    .md\:hover\:shadow-xl:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .md\:hover\:shadow-2xl:hover {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
    }

    .md\:hover\:shadow-inner:hover {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
    }

    .md\:hover\:shadow-inner:hover,
    .md\:hover\:shadow-none:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .md\:hover\:shadow-none:hover {
        --tw-shadow: 0 0 transparent
    }

    .md\:focus\:shadow-sm:focus {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
    }

    .md\:focus\:shadow-sm:focus,
    .md\:focus\:shadow:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .md\:focus\:shadow:focus {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
    }

    .md\:focus\:shadow-md:focus {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
    }

    .md\:focus\:shadow-lg:focus,
    .md\:focus\:shadow-md:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .md\:focus\:shadow-lg:focus {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
    }

    .md\:focus\:shadow-xl:focus {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
    }

    .md\:focus\:shadow-2xl:focus,
    .md\:focus\:shadow-xl:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .md\:focus\:shadow-2xl:focus {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
    }

    .md\:focus\:shadow-inner:focus {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
    }

    .md\:focus\:shadow-inner:focus,
    .md\:focus\:shadow-none:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .md\:focus\:shadow-none:focus {
        --tw-shadow: 0 0 transparent
    }

    .md\:focus-within\:outline-none:focus-within {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .md\:focus-within\:outline-white:focus-within {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }

    .md\:focus-within\:outline-black:focus-within {
        outline: 2px dotted #000;
        outline-offset: 2px
    }

    .md\:focus\:outline-none:focus {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .md\:focus\:outline-white:focus {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }

    .md\:focus\:outline-black:focus {
        outline: 2px dotted #000;
        outline-offset: 2px
    }

    .md\:focus-within\:ring-0:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .md\:focus-within\:ring-1:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .md\:focus-within\:ring-2:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .md\:focus-within\:ring-4:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .md\:focus-within\:ring-8:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .md\:focus-within\:ring:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .md\:focus\:ring-0:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .md\:focus\:ring-0:focus,
    .md\:focus\:ring-1:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .md\:focus\:ring-1:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .md\:focus\:ring-2:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .md\:focus\:ring-2:focus,
    .md\:focus\:ring-4:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .md\:focus\:ring-4:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .md\:focus\:ring-8:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .md\:focus\:ring-8:focus,
    .md\:focus\:ring:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .md\:focus\:ring:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .md\:focus-within\:ring-inset:focus-within {
        --tw-ring-inset: inset
    }

    .md\:focus\:ring-inset:focus {
        --tw-ring-inset: inset
    }

    .md\:focus-within\:ring-transparent:focus-within {
        --tw-ring-color: transparent
    }

    .md\:focus-within\:ring-current:focus-within {
        --tw-ring-color: currentColor
    }

    .md\:focus-within\:ring-black:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-white:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-gray-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-gray-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-gray-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-gray-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-gray-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-gray-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-gray-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-gray-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-gray-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-gray-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-red-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-red-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-red-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-red-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-red-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-red-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-red-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-red-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-red-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-red-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-yellow-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-yellow-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-yellow-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-yellow-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-yellow-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-yellow-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-yellow-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-yellow-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-yellow-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-yellow-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-green-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-green-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-green-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-green-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-green-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-green-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-green-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-green-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-green-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-green-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-blue-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-blue-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-blue-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-blue-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-blue-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-blue-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-blue-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-blue-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-blue-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-blue-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-indigo-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-indigo-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-indigo-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-indigo-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-indigo-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-indigo-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-indigo-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-indigo-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-indigo-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-indigo-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-purple-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-purple-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-purple-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-purple-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-purple-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-purple-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-purple-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-purple-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-purple-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-purple-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-pink-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-pink-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-pink-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-pink-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-pink-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-pink-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-pink-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-pink-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-pink-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-pink-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-primary:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(26, 185, 56, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-orange:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 171, 90, var(--tw-ring-opacity))
    }

    .md\:focus-within\:ring-danger:focus-within {
        --tw-ring-color: #c75d5d
    }

    .md\:focus\:ring-transparent:focus {
        --tw-ring-color: transparent
    }

    .md\:focus\:ring-current:focus {
        --tw-ring-color: currentColor
    }

    .md\:focus\:ring-black:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-white:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-gray-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-gray-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-gray-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-gray-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-gray-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-gray-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-gray-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-gray-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-gray-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-gray-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-red-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-red-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-red-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-red-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-red-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-red-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-red-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-red-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-red-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-red-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-yellow-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-yellow-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-yellow-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-yellow-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-yellow-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-yellow-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-yellow-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-yellow-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-yellow-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-yellow-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-green-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-green-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-green-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-green-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-green-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-green-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-green-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-green-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-green-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-green-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-blue-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-blue-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-blue-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-blue-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-blue-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-blue-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-blue-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-blue-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-blue-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-blue-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-indigo-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-indigo-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-indigo-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-indigo-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-indigo-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-indigo-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-indigo-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-indigo-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-indigo-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-indigo-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-purple-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-purple-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-purple-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-purple-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-purple-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-purple-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-purple-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-purple-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-purple-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-purple-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-pink-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-pink-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-pink-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-pink-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-pink-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-pink-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-pink-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-pink-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-pink-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-pink-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-primary:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(26, 185, 56, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-orange:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 171, 90, var(--tw-ring-opacity))
    }

    .md\:focus\:ring-danger:focus {
        --tw-ring-color: #c75d5d
    }

    .md\:focus-within\:ring-opacity-0:focus-within {
        --tw-ring-opacity: 0
    }

    .md\:focus-within\:ring-opacity-5:focus-within {
        --tw-ring-opacity: 0.05
    }

    .md\:focus-within\:ring-opacity-10:focus-within {
        --tw-ring-opacity: 0.1
    }

    .md\:focus-within\:ring-opacity-20:focus-within {
        --tw-ring-opacity: 0.2
    }

    .md\:focus-within\:ring-opacity-25:focus-within {
        --tw-ring-opacity: 0.25
    }

    .md\:focus-within\:ring-opacity-30:focus-within {
        --tw-ring-opacity: 0.3
    }

    .md\:focus-within\:ring-opacity-40:focus-within {
        --tw-ring-opacity: 0.4
    }

    .md\:focus-within\:ring-opacity-50:focus-within {
        --tw-ring-opacity: 0.5
    }

    .md\:focus-within\:ring-opacity-60:focus-within {
        --tw-ring-opacity: 0.6
    }

    .md\:focus-within\:ring-opacity-70:focus-within {
        --tw-ring-opacity: 0.7
    }

    .md\:focus-within\:ring-opacity-75:focus-within {
        --tw-ring-opacity: 0.75
    }

    .md\:focus-within\:ring-opacity-80:focus-within {
        --tw-ring-opacity: 0.8
    }

    .md\:focus-within\:ring-opacity-90:focus-within {
        --tw-ring-opacity: 0.9
    }

    .md\:focus-within\:ring-opacity-95:focus-within {
        --tw-ring-opacity: 0.95
    }

    .md\:focus-within\:ring-opacity-100:focus-within {
        --tw-ring-opacity: 1
    }

    .md\:focus\:ring-opacity-0:focus {
        --tw-ring-opacity: 0
    }

    .md\:focus\:ring-opacity-5:focus {
        --tw-ring-opacity: 0.05
    }

    .md\:focus\:ring-opacity-10:focus {
        --tw-ring-opacity: 0.1
    }

    .md\:focus\:ring-opacity-20:focus {
        --tw-ring-opacity: 0.2
    }

    .md\:focus\:ring-opacity-25:focus {
        --tw-ring-opacity: 0.25
    }

    .md\:focus\:ring-opacity-30:focus {
        --tw-ring-opacity: 0.3
    }

    .md\:focus\:ring-opacity-40:focus {
        --tw-ring-opacity: 0.4
    }

    .md\:focus\:ring-opacity-50:focus {
        --tw-ring-opacity: 0.5
    }

    .md\:focus\:ring-opacity-60:focus {
        --tw-ring-opacity: 0.6
    }

    .md\:focus\:ring-opacity-70:focus {
        --tw-ring-opacity: 0.7
    }

    .md\:focus\:ring-opacity-75:focus {
        --tw-ring-opacity: 0.75
    }

    .md\:focus\:ring-opacity-80:focus {
        --tw-ring-opacity: 0.8
    }

    .md\:focus\:ring-opacity-90:focus {
        --tw-ring-opacity: 0.9
    }

    .md\:focus\:ring-opacity-95:focus {
        --tw-ring-opacity: 0.95
    }

    .md\:focus\:ring-opacity-100:focus {
        --tw-ring-opacity: 1
    }

    .md\:focus-within\:ring-offset-0:focus-within {
        --tw-ring-offset-width: 0px
    }

    .md\:focus-within\:ring-offset-1:focus-within {
        --tw-ring-offset-width: 1px
    }

    .md\:focus-within\:ring-offset-2:focus-within {
        --tw-ring-offset-width: 2px
    }

    .md\:focus-within\:ring-offset-4:focus-within {
        --tw-ring-offset-width: 4px
    }

    .md\:focus-within\:ring-offset-8:focus-within {
        --tw-ring-offset-width: 8px
    }

    .md\:focus\:ring-offset-0:focus {
        --tw-ring-offset-width: 0px
    }

    .md\:focus\:ring-offset-1:focus {
        --tw-ring-offset-width: 1px
    }

    .md\:focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px
    }

    .md\:focus\:ring-offset-4:focus {
        --tw-ring-offset-width: 4px
    }

    .md\:focus\:ring-offset-8:focus {
        --tw-ring-offset-width: 8px
    }

    .md\:focus-within\:ring-offset-transparent:focus-within {
        --tw-ring-offset-color: transparent
    }

    .md\:focus-within\:ring-offset-current:focus-within {
        --tw-ring-offset-color: currentColor
    }

    .md\:focus-within\:ring-offset-black:focus-within {
        --tw-ring-offset-color: #000
    }

    .md\:focus-within\:ring-offset-white:focus-within {
        --tw-ring-offset-color: #fff
    }

    .md\:focus-within\:ring-offset-gray-50:focus-within {
        --tw-ring-offset-color: #f9fafb
    }

    .md\:focus-within\:ring-offset-gray-100:focus-within {
        --tw-ring-offset-color: #f3f4f6
    }

    .md\:focus-within\:ring-offset-gray-200:focus-within {
        --tw-ring-offset-color: #e5e7eb
    }

    .md\:focus-within\:ring-offset-gray-300:focus-within {
        --tw-ring-offset-color: #d1d5db
    }

    .md\:focus-within\:ring-offset-gray-400:focus-within {
        --tw-ring-offset-color: #9ca3af
    }

    .md\:focus-within\:ring-offset-gray-500:focus-within {
        --tw-ring-offset-color: #6b7280
    }

    .md\:focus-within\:ring-offset-gray-600:focus-within {
        --tw-ring-offset-color: #4b5563
    }

    .md\:focus-within\:ring-offset-gray-700:focus-within {
        --tw-ring-offset-color: #374151
    }

    .md\:focus-within\:ring-offset-gray-800:focus-within {
        --tw-ring-offset-color: #1f2937
    }

    .md\:focus-within\:ring-offset-gray-900:focus-within {
        --tw-ring-offset-color: #111827
    }

    .md\:focus-within\:ring-offset-red-50:focus-within {
        --tw-ring-offset-color: #fef2f2
    }

    .md\:focus-within\:ring-offset-red-100:focus-within {
        --tw-ring-offset-color: #fee2e2
    }

    .md\:focus-within\:ring-offset-red-200:focus-within {
        --tw-ring-offset-color: #fecaca
    }

    .md\:focus-within\:ring-offset-red-300:focus-within {
        --tw-ring-offset-color: #fca5a5
    }

    .md\:focus-within\:ring-offset-red-400:focus-within {
        --tw-ring-offset-color: #f87171
    }

    .md\:focus-within\:ring-offset-red-500:focus-within {
        --tw-ring-offset-color: #ef4444
    }

    .md\:focus-within\:ring-offset-red-600:focus-within {
        --tw-ring-offset-color: #dc2626
    }

    .md\:focus-within\:ring-offset-red-700:focus-within {
        --tw-ring-offset-color: #b91c1c
    }

    .md\:focus-within\:ring-offset-red-800:focus-within {
        --tw-ring-offset-color: #991b1b
    }

    .md\:focus-within\:ring-offset-red-900:focus-within {
        --tw-ring-offset-color: #7f1d1d
    }

    .md\:focus-within\:ring-offset-yellow-50:focus-within {
        --tw-ring-offset-color: #fffbeb
    }

    .md\:focus-within\:ring-offset-yellow-100:focus-within {
        --tw-ring-offset-color: #fef3c7
    }

    .md\:focus-within\:ring-offset-yellow-200:focus-within {
        --tw-ring-offset-color: #fde68a
    }

    .md\:focus-within\:ring-offset-yellow-300:focus-within {
        --tw-ring-offset-color: #fcd34d
    }

    .md\:focus-within\:ring-offset-yellow-400:focus-within {
        --tw-ring-offset-color: #fbbf24
    }

    .md\:focus-within\:ring-offset-yellow-500:focus-within {
        --tw-ring-offset-color: #f59e0b
    }

    .md\:focus-within\:ring-offset-yellow-600:focus-within {
        --tw-ring-offset-color: #d97706
    }

    .md\:focus-within\:ring-offset-yellow-700:focus-within {
        --tw-ring-offset-color: #b45309
    }

    .md\:focus-within\:ring-offset-yellow-800:focus-within {
        --tw-ring-offset-color: #92400e
    }

    .md\:focus-within\:ring-offset-yellow-900:focus-within {
        --tw-ring-offset-color: #78350f
    }

    .md\:focus-within\:ring-offset-green-50:focus-within {
        --tw-ring-offset-color: #ecfdf5
    }

    .md\:focus-within\:ring-offset-green-100:focus-within {
        --tw-ring-offset-color: #d1fae5
    }

    .md\:focus-within\:ring-offset-green-200:focus-within {
        --tw-ring-offset-color: #a7f3d0
    }

    .md\:focus-within\:ring-offset-green-300:focus-within {
        --tw-ring-offset-color: #6ee7b7
    }

    .md\:focus-within\:ring-offset-green-400:focus-within {
        --tw-ring-offset-color: #34d399
    }

    .md\:focus-within\:ring-offset-green-500:focus-within {
        --tw-ring-offset-color: #10b981
    }

    .md\:focus-within\:ring-offset-green-600:focus-within {
        --tw-ring-offset-color: #059669
    }

    .md\:focus-within\:ring-offset-green-700:focus-within {
        --tw-ring-offset-color: #047857
    }

    .md\:focus-within\:ring-offset-green-800:focus-within {
        --tw-ring-offset-color: #065f46
    }

    .md\:focus-within\:ring-offset-green-900:focus-within {
        --tw-ring-offset-color: #064e3b
    }

    .md\:focus-within\:ring-offset-blue-50:focus-within {
        --tw-ring-offset-color: #eff6ff
    }

    .md\:focus-within\:ring-offset-blue-100:focus-within {
        --tw-ring-offset-color: #dbeafe
    }

    .md\:focus-within\:ring-offset-blue-200:focus-within {
        --tw-ring-offset-color: #bfdbfe
    }

    .md\:focus-within\:ring-offset-blue-300:focus-within {
        --tw-ring-offset-color: #93c5fd
    }

    .md\:focus-within\:ring-offset-blue-400:focus-within {
        --tw-ring-offset-color: #60a5fa
    }

    .md\:focus-within\:ring-offset-blue-500:focus-within {
        --tw-ring-offset-color: #3b82f6
    }

    .md\:focus-within\:ring-offset-blue-600:focus-within {
        --tw-ring-offset-color: #2563eb
    }

    .md\:focus-within\:ring-offset-blue-700:focus-within {
        --tw-ring-offset-color: #1d4ed8
    }

    .md\:focus-within\:ring-offset-blue-800:focus-within {
        --tw-ring-offset-color: #1e40af
    }

    .md\:focus-within\:ring-offset-blue-900:focus-within {
        --tw-ring-offset-color: #1e3a8a
    }

    .md\:focus-within\:ring-offset-indigo-50:focus-within {
        --tw-ring-offset-color: #eef2ff
    }

    .md\:focus-within\:ring-offset-indigo-100:focus-within {
        --tw-ring-offset-color: #e0e7ff
    }

    .md\:focus-within\:ring-offset-indigo-200:focus-within {
        --tw-ring-offset-color: #c7d2fe
    }

    .md\:focus-within\:ring-offset-indigo-300:focus-within {
        --tw-ring-offset-color: #a5b4fc
    }

    .md\:focus-within\:ring-offset-indigo-400:focus-within {
        --tw-ring-offset-color: #818cf8
    }

    .md\:focus-within\:ring-offset-indigo-500:focus-within {
        --tw-ring-offset-color: #6366f1
    }

    .md\:focus-within\:ring-offset-indigo-600:focus-within {
        --tw-ring-offset-color: #4f46e5
    }

    .md\:focus-within\:ring-offset-indigo-700:focus-within {
        --tw-ring-offset-color: #4338ca
    }

    .md\:focus-within\:ring-offset-indigo-800:focus-within {
        --tw-ring-offset-color: #3730a3
    }

    .md\:focus-within\:ring-offset-indigo-900:focus-within {
        --tw-ring-offset-color: #312e81
    }

    .md\:focus-within\:ring-offset-purple-50:focus-within {
        --tw-ring-offset-color: #f5f3ff
    }

    .md\:focus-within\:ring-offset-purple-100:focus-within {
        --tw-ring-offset-color: #ede9fe
    }

    .md\:focus-within\:ring-offset-purple-200:focus-within {
        --tw-ring-offset-color: #ddd6fe
    }

    .md\:focus-within\:ring-offset-purple-300:focus-within {
        --tw-ring-offset-color: #c4b5fd
    }

    .md\:focus-within\:ring-offset-purple-400:focus-within {
        --tw-ring-offset-color: #a78bfa
    }

    .md\:focus-within\:ring-offset-purple-500:focus-within {
        --tw-ring-offset-color: #8b5cf6
    }

    .md\:focus-within\:ring-offset-purple-600:focus-within {
        --tw-ring-offset-color: #7c3aed
    }

    .md\:focus-within\:ring-offset-purple-700:focus-within {
        --tw-ring-offset-color: #6d28d9
    }

    .md\:focus-within\:ring-offset-purple-800:focus-within {
        --tw-ring-offset-color: #5b21b6
    }

    .md\:focus-within\:ring-offset-purple-900:focus-within {
        --tw-ring-offset-color: #4c1d95
    }

    .md\:focus-within\:ring-offset-pink-50:focus-within {
        --tw-ring-offset-color: #fdf2f8
    }

    .md\:focus-within\:ring-offset-pink-100:focus-within {
        --tw-ring-offset-color: #fce7f3
    }

    .md\:focus-within\:ring-offset-pink-200:focus-within {
        --tw-ring-offset-color: #fbcfe8
    }

    .md\:focus-within\:ring-offset-pink-300:focus-within {
        --tw-ring-offset-color: #f9a8d4
    }

    .md\:focus-within\:ring-offset-pink-400:focus-within {
        --tw-ring-offset-color: #f472b6
    }

    .md\:focus-within\:ring-offset-pink-500:focus-within {
        --tw-ring-offset-color: #ec4899
    }

    .md\:focus-within\:ring-offset-pink-600:focus-within {
        --tw-ring-offset-color: #db2777
    }

    .md\:focus-within\:ring-offset-pink-700:focus-within {
        --tw-ring-offset-color: #be185d
    }

    .md\:focus-within\:ring-offset-pink-800:focus-within {
        --tw-ring-offset-color: #9d174d
    }

    .md\:focus-within\:ring-offset-pink-900:focus-within {
        --tw-ring-offset-color: #831843
    }

    .md\:focus-within\:ring-offset-primary:focus-within {
        --tw-ring-offset-color: #1ab938
    }

    .md\:focus-within\:ring-offset-orange:focus-within {
        --tw-ring-offset-color: #fdab5a
    }

    .md\:focus-within\:ring-offset-danger:focus-within {
        --tw-ring-offset-color: #c75d5d
    }

    .md\:focus\:ring-offset-transparent:focus {
        --tw-ring-offset-color: transparent
    }

    .md\:focus\:ring-offset-current:focus {
        --tw-ring-offset-color: currentColor
    }

    .md\:focus\:ring-offset-black:focus {
        --tw-ring-offset-color: #000
    }

    .md\:focus\:ring-offset-white:focus {
        --tw-ring-offset-color: #fff
    }

    .md\:focus\:ring-offset-gray-50:focus {
        --tw-ring-offset-color: #f9fafb
    }

    .md\:focus\:ring-offset-gray-100:focus {
        --tw-ring-offset-color: #f3f4f6
    }

    .md\:focus\:ring-offset-gray-200:focus {
        --tw-ring-offset-color: #e5e7eb
    }

    .md\:focus\:ring-offset-gray-300:focus {
        --tw-ring-offset-color: #d1d5db
    }

    .md\:focus\:ring-offset-gray-400:focus {
        --tw-ring-offset-color: #9ca3af
    }

    .md\:focus\:ring-offset-gray-500:focus {
        --tw-ring-offset-color: #6b7280
    }

    .md\:focus\:ring-offset-gray-600:focus {
        --tw-ring-offset-color: #4b5563
    }

    .md\:focus\:ring-offset-gray-700:focus {
        --tw-ring-offset-color: #374151
    }

    .md\:focus\:ring-offset-gray-800:focus {
        --tw-ring-offset-color: #1f2937
    }

    .md\:focus\:ring-offset-gray-900:focus {
        --tw-ring-offset-color: #111827
    }

    .md\:focus\:ring-offset-red-50:focus {
        --tw-ring-offset-color: #fef2f2
    }

    .md\:focus\:ring-offset-red-100:focus {
        --tw-ring-offset-color: #fee2e2
    }

    .md\:focus\:ring-offset-red-200:focus {
        --tw-ring-offset-color: #fecaca
    }

    .md\:focus\:ring-offset-red-300:focus {
        --tw-ring-offset-color: #fca5a5
    }

    .md\:focus\:ring-offset-red-400:focus {
        --tw-ring-offset-color: #f87171
    }

    .md\:focus\:ring-offset-red-500:focus {
        --tw-ring-offset-color: #ef4444
    }

    .md\:focus\:ring-offset-red-600:focus {
        --tw-ring-offset-color: #dc2626
    }

    .md\:focus\:ring-offset-red-700:focus {
        --tw-ring-offset-color: #b91c1c
    }

    .md\:focus\:ring-offset-red-800:focus {
        --tw-ring-offset-color: #991b1b
    }

    .md\:focus\:ring-offset-red-900:focus {
        --tw-ring-offset-color: #7f1d1d
    }

    .md\:focus\:ring-offset-yellow-50:focus {
        --tw-ring-offset-color: #fffbeb
    }

    .md\:focus\:ring-offset-yellow-100:focus {
        --tw-ring-offset-color: #fef3c7
    }

    .md\:focus\:ring-offset-yellow-200:focus {
        --tw-ring-offset-color: #fde68a
    }

    .md\:focus\:ring-offset-yellow-300:focus {
        --tw-ring-offset-color: #fcd34d
    }

    .md\:focus\:ring-offset-yellow-400:focus {
        --tw-ring-offset-color: #fbbf24
    }

    .md\:focus\:ring-offset-yellow-500:focus {
        --tw-ring-offset-color: #f59e0b
    }

    .md\:focus\:ring-offset-yellow-600:focus {
        --tw-ring-offset-color: #d97706
    }

    .md\:focus\:ring-offset-yellow-700:focus {
        --tw-ring-offset-color: #b45309
    }

    .md\:focus\:ring-offset-yellow-800:focus {
        --tw-ring-offset-color: #92400e
    }

    .md\:focus\:ring-offset-yellow-900:focus {
        --tw-ring-offset-color: #78350f
    }

    .md\:focus\:ring-offset-green-50:focus {
        --tw-ring-offset-color: #ecfdf5
    }

    .md\:focus\:ring-offset-green-100:focus {
        --tw-ring-offset-color: #d1fae5
    }

    .md\:focus\:ring-offset-green-200:focus {
        --tw-ring-offset-color: #a7f3d0
    }

    .md\:focus\:ring-offset-green-300:focus {
        --tw-ring-offset-color: #6ee7b7
    }

    .md\:focus\:ring-offset-green-400:focus {
        --tw-ring-offset-color: #34d399
    }

    .md\:focus\:ring-offset-green-500:focus {
        --tw-ring-offset-color: #10b981
    }

    .md\:focus\:ring-offset-green-600:focus {
        --tw-ring-offset-color: #059669
    }

    .md\:focus\:ring-offset-green-700:focus {
        --tw-ring-offset-color: #047857
    }

    .md\:focus\:ring-offset-green-800:focus {
        --tw-ring-offset-color: #065f46
    }

    .md\:focus\:ring-offset-green-900:focus {
        --tw-ring-offset-color: #064e3b
    }

    .md\:focus\:ring-offset-blue-50:focus {
        --tw-ring-offset-color: #eff6ff
    }

    .md\:focus\:ring-offset-blue-100:focus {
        --tw-ring-offset-color: #dbeafe
    }

    .md\:focus\:ring-offset-blue-200:focus {
        --tw-ring-offset-color: #bfdbfe
    }

    .md\:focus\:ring-offset-blue-300:focus {
        --tw-ring-offset-color: #93c5fd
    }

    .md\:focus\:ring-offset-blue-400:focus {
        --tw-ring-offset-color: #60a5fa
    }

    .md\:focus\:ring-offset-blue-500:focus {
        --tw-ring-offset-color: #3b82f6
    }

    .md\:focus\:ring-offset-blue-600:focus {
        --tw-ring-offset-color: #2563eb
    }

    .md\:focus\:ring-offset-blue-700:focus {
        --tw-ring-offset-color: #1d4ed8
    }

    .md\:focus\:ring-offset-blue-800:focus {
        --tw-ring-offset-color: #1e40af
    }

    .md\:focus\:ring-offset-blue-900:focus {
        --tw-ring-offset-color: #1e3a8a
    }

    .md\:focus\:ring-offset-indigo-50:focus {
        --tw-ring-offset-color: #eef2ff
    }

    .md\:focus\:ring-offset-indigo-100:focus {
        --tw-ring-offset-color: #e0e7ff
    }

    .md\:focus\:ring-offset-indigo-200:focus {
        --tw-ring-offset-color: #c7d2fe
    }

    .md\:focus\:ring-offset-indigo-300:focus {
        --tw-ring-offset-color: #a5b4fc
    }

    .md\:focus\:ring-offset-indigo-400:focus {
        --tw-ring-offset-color: #818cf8
    }

    .md\:focus\:ring-offset-indigo-500:focus {
        --tw-ring-offset-color: #6366f1
    }

    .md\:focus\:ring-offset-indigo-600:focus {
        --tw-ring-offset-color: #4f46e5
    }

    .md\:focus\:ring-offset-indigo-700:focus {
        --tw-ring-offset-color: #4338ca
    }

    .md\:focus\:ring-offset-indigo-800:focus {
        --tw-ring-offset-color: #3730a3
    }

    .md\:focus\:ring-offset-indigo-900:focus {
        --tw-ring-offset-color: #312e81
    }

    .md\:focus\:ring-offset-purple-50:focus {
        --tw-ring-offset-color: #f5f3ff
    }

    .md\:focus\:ring-offset-purple-100:focus {
        --tw-ring-offset-color: #ede9fe
    }

    .md\:focus\:ring-offset-purple-200:focus {
        --tw-ring-offset-color: #ddd6fe
    }

    .md\:focus\:ring-offset-purple-300:focus {
        --tw-ring-offset-color: #c4b5fd
    }

    .md\:focus\:ring-offset-purple-400:focus {
        --tw-ring-offset-color: #a78bfa
    }

    .md\:focus\:ring-offset-purple-500:focus {
        --tw-ring-offset-color: #8b5cf6
    }

    .md\:focus\:ring-offset-purple-600:focus {
        --tw-ring-offset-color: #7c3aed
    }

    .md\:focus\:ring-offset-purple-700:focus {
        --tw-ring-offset-color: #6d28d9
    }

    .md\:focus\:ring-offset-purple-800:focus {
        --tw-ring-offset-color: #5b21b6
    }

    .md\:focus\:ring-offset-purple-900:focus {
        --tw-ring-offset-color: #4c1d95
    }

    .md\:focus\:ring-offset-pink-50:focus {
        --tw-ring-offset-color: #fdf2f8
    }

    .md\:focus\:ring-offset-pink-100:focus {
        --tw-ring-offset-color: #fce7f3
    }

    .md\:focus\:ring-offset-pink-200:focus {
        --tw-ring-offset-color: #fbcfe8
    }

    .md\:focus\:ring-offset-pink-300:focus {
        --tw-ring-offset-color: #f9a8d4
    }

    .md\:focus\:ring-offset-pink-400:focus {
        --tw-ring-offset-color: #f472b6
    }

    .md\:focus\:ring-offset-pink-500:focus {
        --tw-ring-offset-color: #ec4899
    }

    .md\:focus\:ring-offset-pink-600:focus {
        --tw-ring-offset-color: #db2777
    }

    .md\:focus\:ring-offset-pink-700:focus {
        --tw-ring-offset-color: #be185d
    }

    .md\:focus\:ring-offset-pink-800:focus {
        --tw-ring-offset-color: #9d174d
    }

    .md\:focus\:ring-offset-pink-900:focus {
        --tw-ring-offset-color: #831843
    }

    .md\:focus\:ring-offset-primary:focus {
        --tw-ring-offset-color: #1ab938
    }

    .md\:focus\:ring-offset-orange:focus {
        --tw-ring-offset-color: #fdab5a
    }

    .md\:focus\:ring-offset-danger:focus {
        --tw-ring-offset-color: #c75d5d
    }
}

@media (min-width:1024px) {
    .lg\:focus-within\:sr-only:focus-within {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    .lg\:focus-within\:not-sr-only:focus-within {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .lg\:focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    .lg\:focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .lg\:focus-within\:z-0:focus-within {
        z-index: 0
    }

    .lg\:focus-within\:z-10:focus-within {
        z-index: 10
    }

    .lg\:focus-within\:z-20:focus-within {
        z-index: 20
    }

    .lg\:focus-within\:z-30:focus-within {
        z-index: 30
    }

    .lg\:focus-within\:z-40:focus-within {
        z-index: 40
    }

    .lg\:focus-within\:z-50:focus-within {
        z-index: 50
    }

    .lg\:focus-within\:z-auto:focus-within {
        z-index: auto
    }

    .lg\:focus\:z-0:focus {
        z-index: 0
    }

    .lg\:focus\:z-10:focus {
        z-index: 10
    }

    .lg\:focus\:z-20:focus {
        z-index: 20
    }

    .lg\:focus\:z-30:focus {
        z-index: 30
    }

    .lg\:focus\:z-40:focus {
        z-index: 40
    }

    .lg\:focus\:z-50:focus {
        z-index: 50
    }

    .lg\:focus\:z-auto:focus {
        z-index: auto
    }

    .lg\:hover\:translate-x-0:hover {
        --tw-translate-x: 0px
    }

    .lg\:hover\:translate-x-1:hover {
        --tw-translate-x: 0.25rem
    }

    .lg\:hover\:translate-x-2:hover {
        --tw-translate-x: 0.5rem
    }

    .lg\:hover\:translate-x-3:hover {
        --tw-translate-x: 0.75rem
    }

    .lg\:hover\:translate-x-4:hover {
        --tw-translate-x: 1rem
    }

    .lg\:hover\:translate-x-5:hover {
        --tw-translate-x: 1.25rem
    }

    .lg\:hover\:translate-x-6:hover {
        --tw-translate-x: 1.5rem
    }

    .lg\:hover\:translate-x-7:hover {
        --tw-translate-x: 1.75rem
    }

    .lg\:hover\:translate-x-8:hover {
        --tw-translate-x: 2rem
    }

    .lg\:hover\:translate-x-9:hover {
        --tw-translate-x: 2.25rem
    }

    .lg\:hover\:translate-x-10:hover {
        --tw-translate-x: 2.5rem
    }

    .lg\:hover\:translate-x-11:hover {
        --tw-translate-x: 2.75rem
    }

    .lg\:hover\:translate-x-12:hover {
        --tw-translate-x: 3rem
    }

    .lg\:hover\:translate-x-14:hover {
        --tw-translate-x: 3.5rem
    }

    .lg\:hover\:translate-x-16:hover {
        --tw-translate-x: 4rem
    }

    .lg\:hover\:translate-x-20:hover {
        --tw-translate-x: 5rem
    }

    .lg\:hover\:translate-x-24:hover {
        --tw-translate-x: 6rem
    }

    .lg\:hover\:translate-x-28:hover {
        --tw-translate-x: 7rem
    }

    .lg\:hover\:translate-x-32:hover {
        --tw-translate-x: 8rem
    }

    .lg\:hover\:translate-x-36:hover {
        --tw-translate-x: 9rem
    }

    .lg\:hover\:translate-x-40:hover {
        --tw-translate-x: 10rem
    }

    .lg\:hover\:translate-x-44:hover {
        --tw-translate-x: 11rem
    }

    .lg\:hover\:translate-x-48:hover {
        --tw-translate-x: 12rem
    }

    .lg\:hover\:translate-x-52:hover {
        --tw-translate-x: 13rem
    }

    .lg\:hover\:translate-x-56:hover {
        --tw-translate-x: 14rem
    }

    .lg\:hover\:translate-x-60:hover {
        --tw-translate-x: 15rem
    }

    .lg\:hover\:translate-x-64:hover {
        --tw-translate-x: 16rem
    }

    .lg\:hover\:translate-x-72:hover {
        --tw-translate-x: 18rem
    }

    .lg\:hover\:translate-x-80:hover {
        --tw-translate-x: 20rem
    }

    .lg\:hover\:translate-x-96:hover {
        --tw-translate-x: 24rem
    }

    .lg\:hover\:translate-x-px:hover {
        --tw-translate-x: 1px
    }

    .lg\:hover\:translate-x-0\.5:hover {
        --tw-translate-x: 0.125rem
    }

    .lg\:hover\:translate-x-1\.5:hover {
        --tw-translate-x: 0.375rem
    }

    .lg\:hover\:translate-x-2\.5:hover {
        --tw-translate-x: 0.625rem
    }

    .lg\:hover\:translate-x-3\.5:hover {
        --tw-translate-x: 0.875rem
    }

    .lg\:hover\:-translate-x-0:hover {
        --tw-translate-x: 0px
    }

    .lg\:hover\:-translate-x-1:hover {
        --tw-translate-x: -0.25rem
    }

    .lg\:hover\:-translate-x-2:hover {
        --tw-translate-x: -0.5rem
    }

    .lg\:hover\:-translate-x-3:hover {
        --tw-translate-x: -0.75rem
    }

    .lg\:hover\:-translate-x-4:hover {
        --tw-translate-x: -1rem
    }

    .lg\:hover\:-translate-x-5:hover {
        --tw-translate-x: -1.25rem
    }

    .lg\:hover\:-translate-x-6:hover {
        --tw-translate-x: -1.5rem
    }

    .lg\:hover\:-translate-x-7:hover {
        --tw-translate-x: -1.75rem
    }

    .lg\:hover\:-translate-x-8:hover {
        --tw-translate-x: -2rem
    }

    .lg\:hover\:-translate-x-9:hover {
        --tw-translate-x: -2.25rem
    }

    .lg\:hover\:-translate-x-10:hover {
        --tw-translate-x: -2.5rem
    }

    .lg\:hover\:-translate-x-11:hover {
        --tw-translate-x: -2.75rem
    }

    .lg\:hover\:-translate-x-12:hover {
        --tw-translate-x: -3rem
    }

    .lg\:hover\:-translate-x-14:hover {
        --tw-translate-x: -3.5rem
    }

    .lg\:hover\:-translate-x-16:hover {
        --tw-translate-x: -4rem
    }

    .lg\:hover\:-translate-x-20:hover {
        --tw-translate-x: -5rem
    }

    .lg\:hover\:-translate-x-24:hover {
        --tw-translate-x: -6rem
    }

    .lg\:hover\:-translate-x-28:hover {
        --tw-translate-x: -7rem
    }

    .lg\:hover\:-translate-x-32:hover {
        --tw-translate-x: -8rem
    }

    .lg\:hover\:-translate-x-36:hover {
        --tw-translate-x: -9rem
    }

    .lg\:hover\:-translate-x-40:hover {
        --tw-translate-x: -10rem
    }

    .lg\:hover\:-translate-x-44:hover {
        --tw-translate-x: -11rem
    }

    .lg\:hover\:-translate-x-48:hover {
        --tw-translate-x: -12rem
    }

    .lg\:hover\:-translate-x-52:hover {
        --tw-translate-x: -13rem
    }

    .lg\:hover\:-translate-x-56:hover {
        --tw-translate-x: -14rem
    }

    .lg\:hover\:-translate-x-60:hover {
        --tw-translate-x: -15rem
    }

    .lg\:hover\:-translate-x-64:hover {
        --tw-translate-x: -16rem
    }

    .lg\:hover\:-translate-x-72:hover {
        --tw-translate-x: -18rem
    }

    .lg\:hover\:-translate-x-80:hover {
        --tw-translate-x: -20rem
    }

    .lg\:hover\:-translate-x-96:hover {
        --tw-translate-x: -24rem
    }

    .lg\:hover\:-translate-x-px:hover {
        --tw-translate-x: -1px
    }

    .lg\:hover\:-translate-x-0\.5:hover {
        --tw-translate-x: -0.125rem
    }

    .lg\:hover\:-translate-x-1\.5:hover {
        --tw-translate-x: -0.375rem
    }

    .lg\:hover\:-translate-x-2\.5:hover {
        --tw-translate-x: -0.625rem
    }

    .lg\:hover\:-translate-x-3\.5:hover {
        --tw-translate-x: -0.875rem
    }

    .lg\:hover\:translate-x-1\/2:hover {
        --tw-translate-x: 50%
    }

    .lg\:hover\:translate-x-1\/3:hover {
        --tw-translate-x: 33.333333%
    }

    .lg\:hover\:translate-x-2\/3:hover {
        --tw-translate-x: 66.666667%
    }

    .lg\:hover\:translate-x-1\/4:hover {
        --tw-translate-x: 25%
    }

    .lg\:hover\:translate-x-2\/4:hover {
        --tw-translate-x: 50%
    }

    .lg\:hover\:translate-x-3\/4:hover {
        --tw-translate-x: 75%
    }

    .lg\:hover\:translate-x-full:hover {
        --tw-translate-x: 100%
    }

    .lg\:hover\:-translate-x-1\/2:hover {
        --tw-translate-x: -50%
    }

    .lg\:hover\:-translate-x-1\/3:hover {
        --tw-translate-x: -33.333333%
    }

    .lg\:hover\:-translate-x-2\/3:hover {
        --tw-translate-x: -66.666667%
    }

    .lg\:hover\:-translate-x-1\/4:hover {
        --tw-translate-x: -25%
    }

    .lg\:hover\:-translate-x-2\/4:hover {
        --tw-translate-x: -50%
    }

    .lg\:hover\:-translate-x-3\/4:hover {
        --tw-translate-x: -75%
    }

    .lg\:hover\:-translate-x-full:hover {
        --tw-translate-x: -100%
    }

    .lg\:hover\:translate-y-0:hover {
        --tw-translate-y: 0px
    }

    .lg\:hover\:translate-y-1:hover {
        --tw-translate-y: 0.25rem
    }

    .lg\:hover\:translate-y-2:hover {
        --tw-translate-y: 0.5rem
    }

    .lg\:hover\:translate-y-3:hover {
        --tw-translate-y: 0.75rem
    }

    .lg\:hover\:translate-y-4:hover {
        --tw-translate-y: 1rem
    }

    .lg\:hover\:translate-y-5:hover {
        --tw-translate-y: 1.25rem
    }

    .lg\:hover\:translate-y-6:hover {
        --tw-translate-y: 1.5rem
    }

    .lg\:hover\:translate-y-7:hover {
        --tw-translate-y: 1.75rem
    }

    .lg\:hover\:translate-y-8:hover {
        --tw-translate-y: 2rem
    }

    .lg\:hover\:translate-y-9:hover {
        --tw-translate-y: 2.25rem
    }

    .lg\:hover\:translate-y-10:hover {
        --tw-translate-y: 2.5rem
    }

    .lg\:hover\:translate-y-11:hover {
        --tw-translate-y: 2.75rem
    }

    .lg\:hover\:translate-y-12:hover {
        --tw-translate-y: 3rem
    }

    .lg\:hover\:translate-y-14:hover {
        --tw-translate-y: 3.5rem
    }

    .lg\:hover\:translate-y-16:hover {
        --tw-translate-y: 4rem
    }

    .lg\:hover\:translate-y-20:hover {
        --tw-translate-y: 5rem
    }

    .lg\:hover\:translate-y-24:hover {
        --tw-translate-y: 6rem
    }

    .lg\:hover\:translate-y-28:hover {
        --tw-translate-y: 7rem
    }

    .lg\:hover\:translate-y-32:hover {
        --tw-translate-y: 8rem
    }

    .lg\:hover\:translate-y-36:hover {
        --tw-translate-y: 9rem
    }

    .lg\:hover\:translate-y-40:hover {
        --tw-translate-y: 10rem
    }

    .lg\:hover\:translate-y-44:hover {
        --tw-translate-y: 11rem
    }

    .lg\:hover\:translate-y-48:hover {
        --tw-translate-y: 12rem
    }

    .lg\:hover\:translate-y-52:hover {
        --tw-translate-y: 13rem
    }

    .lg\:hover\:translate-y-56:hover {
        --tw-translate-y: 14rem
    }

    .lg\:hover\:translate-y-60:hover {
        --tw-translate-y: 15rem
    }

    .lg\:hover\:translate-y-64:hover {
        --tw-translate-y: 16rem
    }

    .lg\:hover\:translate-y-72:hover {
        --tw-translate-y: 18rem
    }

    .lg\:hover\:translate-y-80:hover {
        --tw-translate-y: 20rem
    }

    .lg\:hover\:translate-y-96:hover {
        --tw-translate-y: 24rem
    }

    .lg\:hover\:translate-y-px:hover {
        --tw-translate-y: 1px
    }

    .lg\:hover\:translate-y-0\.5:hover {
        --tw-translate-y: 0.125rem
    }

    .lg\:hover\:translate-y-1\.5:hover {
        --tw-translate-y: 0.375rem
    }

    .lg\:hover\:translate-y-2\.5:hover {
        --tw-translate-y: 0.625rem
    }

    .lg\:hover\:translate-y-3\.5:hover {
        --tw-translate-y: 0.875rem
    }

    .lg\:hover\:-translate-y-0:hover {
        --tw-translate-y: 0px
    }

    .lg\:hover\:-translate-y-1:hover {
        --tw-translate-y: -0.25rem
    }

    .lg\:hover\:-translate-y-2:hover {
        --tw-translate-y: -0.5rem
    }

    .lg\:hover\:-translate-y-3:hover {
        --tw-translate-y: -0.75rem
    }

    .lg\:hover\:-translate-y-4:hover {
        --tw-translate-y: -1rem
    }

    .lg\:hover\:-translate-y-5:hover {
        --tw-translate-y: -1.25rem
    }

    .lg\:hover\:-translate-y-6:hover {
        --tw-translate-y: -1.5rem
    }

    .lg\:hover\:-translate-y-7:hover {
        --tw-translate-y: -1.75rem
    }

    .lg\:hover\:-translate-y-8:hover {
        --tw-translate-y: -2rem
    }

    .lg\:hover\:-translate-y-9:hover {
        --tw-translate-y: -2.25rem
    }

    .lg\:hover\:-translate-y-10:hover {
        --tw-translate-y: -2.5rem
    }

    .lg\:hover\:-translate-y-11:hover {
        --tw-translate-y: -2.75rem
    }

    .lg\:hover\:-translate-y-12:hover {
        --tw-translate-y: -3rem
    }

    .lg\:hover\:-translate-y-14:hover {
        --tw-translate-y: -3.5rem
    }

    .lg\:hover\:-translate-y-16:hover {
        --tw-translate-y: -4rem
    }

    .lg\:hover\:-translate-y-20:hover {
        --tw-translate-y: -5rem
    }

    .lg\:hover\:-translate-y-24:hover {
        --tw-translate-y: -6rem
    }

    .lg\:hover\:-translate-y-28:hover {
        --tw-translate-y: -7rem
    }

    .lg\:hover\:-translate-y-32:hover {
        --tw-translate-y: -8rem
    }

    .lg\:hover\:-translate-y-36:hover {
        --tw-translate-y: -9rem
    }

    .lg\:hover\:-translate-y-40:hover {
        --tw-translate-y: -10rem
    }

    .lg\:hover\:-translate-y-44:hover {
        --tw-translate-y: -11rem
    }

    .lg\:hover\:-translate-y-48:hover {
        --tw-translate-y: -12rem
    }

    .lg\:hover\:-translate-y-52:hover {
        --tw-translate-y: -13rem
    }

    .lg\:hover\:-translate-y-56:hover {
        --tw-translate-y: -14rem
    }

    .lg\:hover\:-translate-y-60:hover {
        --tw-translate-y: -15rem
    }

    .lg\:hover\:-translate-y-64:hover {
        --tw-translate-y: -16rem
    }

    .lg\:hover\:-translate-y-72:hover {
        --tw-translate-y: -18rem
    }

    .lg\:hover\:-translate-y-80:hover {
        --tw-translate-y: -20rem
    }

    .lg\:hover\:-translate-y-96:hover {
        --tw-translate-y: -24rem
    }

    .lg\:hover\:-translate-y-px:hover {
        --tw-translate-y: -1px
    }

    .lg\:hover\:-translate-y-0\.5:hover {
        --tw-translate-y: -0.125rem
    }

    .lg\:hover\:-translate-y-1\.5:hover {
        --tw-translate-y: -0.375rem
    }

    .lg\:hover\:-translate-y-2\.5:hover {
        --tw-translate-y: -0.625rem
    }

    .lg\:hover\:-translate-y-3\.5:hover {
        --tw-translate-y: -0.875rem
    }

    .lg\:hover\:translate-y-1\/2:hover {
        --tw-translate-y: 50%
    }

    .lg\:hover\:translate-y-1\/3:hover {
        --tw-translate-y: 33.333333%
    }

    .lg\:hover\:translate-y-2\/3:hover {
        --tw-translate-y: 66.666667%
    }

    .lg\:hover\:translate-y-1\/4:hover {
        --tw-translate-y: 25%
    }

    .lg\:hover\:translate-y-2\/4:hover {
        --tw-translate-y: 50%
    }

    .lg\:hover\:translate-y-3\/4:hover {
        --tw-translate-y: 75%
    }

    .lg\:hover\:translate-y-full:hover {
        --tw-translate-y: 100%
    }

    .lg\:hover\:-translate-y-1\/2:hover {
        --tw-translate-y: -50%
    }

    .lg\:hover\:-translate-y-1\/3:hover {
        --tw-translate-y: -33.333333%
    }

    .lg\:hover\:-translate-y-2\/3:hover {
        --tw-translate-y: -66.666667%
    }

    .lg\:hover\:-translate-y-1\/4:hover {
        --tw-translate-y: -25%
    }

    .lg\:hover\:-translate-y-2\/4:hover {
        --tw-translate-y: -50%
    }

    .lg\:hover\:-translate-y-3\/4:hover {
        --tw-translate-y: -75%
    }

    .lg\:hover\:-translate-y-full:hover {
        --tw-translate-y: -100%
    }

    .lg\:focus\:translate-x-0:focus {
        --tw-translate-x: 0px
    }

    .lg\:focus\:translate-x-1:focus {
        --tw-translate-x: 0.25rem
    }

    .lg\:focus\:translate-x-2:focus {
        --tw-translate-x: 0.5rem
    }

    .lg\:focus\:translate-x-3:focus {
        --tw-translate-x: 0.75rem
    }

    .lg\:focus\:translate-x-4:focus {
        --tw-translate-x: 1rem
    }

    .lg\:focus\:translate-x-5:focus {
        --tw-translate-x: 1.25rem
    }

    .lg\:focus\:translate-x-6:focus {
        --tw-translate-x: 1.5rem
    }

    .lg\:focus\:translate-x-7:focus {
        --tw-translate-x: 1.75rem
    }

    .lg\:focus\:translate-x-8:focus {
        --tw-translate-x: 2rem
    }

    .lg\:focus\:translate-x-9:focus {
        --tw-translate-x: 2.25rem
    }

    .lg\:focus\:translate-x-10:focus {
        --tw-translate-x: 2.5rem
    }

    .lg\:focus\:translate-x-11:focus {
        --tw-translate-x: 2.75rem
    }

    .lg\:focus\:translate-x-12:focus {
        --tw-translate-x: 3rem
    }

    .lg\:focus\:translate-x-14:focus {
        --tw-translate-x: 3.5rem
    }

    .lg\:focus\:translate-x-16:focus {
        --tw-translate-x: 4rem
    }

    .lg\:focus\:translate-x-20:focus {
        --tw-translate-x: 5rem
    }

    .lg\:focus\:translate-x-24:focus {
        --tw-translate-x: 6rem
    }

    .lg\:focus\:translate-x-28:focus {
        --tw-translate-x: 7rem
    }

    .lg\:focus\:translate-x-32:focus {
        --tw-translate-x: 8rem
    }

    .lg\:focus\:translate-x-36:focus {
        --tw-translate-x: 9rem
    }

    .lg\:focus\:translate-x-40:focus {
        --tw-translate-x: 10rem
    }

    .lg\:focus\:translate-x-44:focus {
        --tw-translate-x: 11rem
    }

    .lg\:focus\:translate-x-48:focus {
        --tw-translate-x: 12rem
    }

    .lg\:focus\:translate-x-52:focus {
        --tw-translate-x: 13rem
    }

    .lg\:focus\:translate-x-56:focus {
        --tw-translate-x: 14rem
    }

    .lg\:focus\:translate-x-60:focus {
        --tw-translate-x: 15rem
    }

    .lg\:focus\:translate-x-64:focus {
        --tw-translate-x: 16rem
    }

    .lg\:focus\:translate-x-72:focus {
        --tw-translate-x: 18rem
    }

    .lg\:focus\:translate-x-80:focus {
        --tw-translate-x: 20rem
    }

    .lg\:focus\:translate-x-96:focus {
        --tw-translate-x: 24rem
    }

    .lg\:focus\:translate-x-px:focus {
        --tw-translate-x: 1px
    }

    .lg\:focus\:translate-x-0\.5:focus {
        --tw-translate-x: 0.125rem
    }

    .lg\:focus\:translate-x-1\.5:focus {
        --tw-translate-x: 0.375rem
    }

    .lg\:focus\:translate-x-2\.5:focus {
        --tw-translate-x: 0.625rem
    }

    .lg\:focus\:translate-x-3\.5:focus {
        --tw-translate-x: 0.875rem
    }

    .lg\:focus\:-translate-x-0:focus {
        --tw-translate-x: 0px
    }

    .lg\:focus\:-translate-x-1:focus {
        --tw-translate-x: -0.25rem
    }

    .lg\:focus\:-translate-x-2:focus {
        --tw-translate-x: -0.5rem
    }

    .lg\:focus\:-translate-x-3:focus {
        --tw-translate-x: -0.75rem
    }

    .lg\:focus\:-translate-x-4:focus {
        --tw-translate-x: -1rem
    }

    .lg\:focus\:-translate-x-5:focus {
        --tw-translate-x: -1.25rem
    }

    .lg\:focus\:-translate-x-6:focus {
        --tw-translate-x: -1.5rem
    }

    .lg\:focus\:-translate-x-7:focus {
        --tw-translate-x: -1.75rem
    }

    .lg\:focus\:-translate-x-8:focus {
        --tw-translate-x: -2rem
    }

    .lg\:focus\:-translate-x-9:focus {
        --tw-translate-x: -2.25rem
    }

    .lg\:focus\:-translate-x-10:focus {
        --tw-translate-x: -2.5rem
    }

    .lg\:focus\:-translate-x-11:focus {
        --tw-translate-x: -2.75rem
    }

    .lg\:focus\:-translate-x-12:focus {
        --tw-translate-x: -3rem
    }

    .lg\:focus\:-translate-x-14:focus {
        --tw-translate-x: -3.5rem
    }

    .lg\:focus\:-translate-x-16:focus {
        --tw-translate-x: -4rem
    }

    .lg\:focus\:-translate-x-20:focus {
        --tw-translate-x: -5rem
    }

    .lg\:focus\:-translate-x-24:focus {
        --tw-translate-x: -6rem
    }

    .lg\:focus\:-translate-x-28:focus {
        --tw-translate-x: -7rem
    }

    .lg\:focus\:-translate-x-32:focus {
        --tw-translate-x: -8rem
    }

    .lg\:focus\:-translate-x-36:focus {
        --tw-translate-x: -9rem
    }

    .lg\:focus\:-translate-x-40:focus {
        --tw-translate-x: -10rem
    }

    .lg\:focus\:-translate-x-44:focus {
        --tw-translate-x: -11rem
    }

    .lg\:focus\:-translate-x-48:focus {
        --tw-translate-x: -12rem
    }

    .lg\:focus\:-translate-x-52:focus {
        --tw-translate-x: -13rem
    }

    .lg\:focus\:-translate-x-56:focus {
        --tw-translate-x: -14rem
    }

    .lg\:focus\:-translate-x-60:focus {
        --tw-translate-x: -15rem
    }

    .lg\:focus\:-translate-x-64:focus {
        --tw-translate-x: -16rem
    }

    .lg\:focus\:-translate-x-72:focus {
        --tw-translate-x: -18rem
    }

    .lg\:focus\:-translate-x-80:focus {
        --tw-translate-x: -20rem
    }

    .lg\:focus\:-translate-x-96:focus {
        --tw-translate-x: -24rem
    }

    .lg\:focus\:-translate-x-px:focus {
        --tw-translate-x: -1px
    }

    .lg\:focus\:-translate-x-0\.5:focus {
        --tw-translate-x: -0.125rem
    }

    .lg\:focus\:-translate-x-1\.5:focus {
        --tw-translate-x: -0.375rem
    }

    .lg\:focus\:-translate-x-2\.5:focus {
        --tw-translate-x: -0.625rem
    }

    .lg\:focus\:-translate-x-3\.5:focus {
        --tw-translate-x: -0.875rem
    }

    .lg\:focus\:translate-x-1\/2:focus {
        --tw-translate-x: 50%
    }

    .lg\:focus\:translate-x-1\/3:focus {
        --tw-translate-x: 33.333333%
    }

    .lg\:focus\:translate-x-2\/3:focus {
        --tw-translate-x: 66.666667%
    }

    .lg\:focus\:translate-x-1\/4:focus {
        --tw-translate-x: 25%
    }

    .lg\:focus\:translate-x-2\/4:focus {
        --tw-translate-x: 50%
    }

    .lg\:focus\:translate-x-3\/4:focus {
        --tw-translate-x: 75%
    }

    .lg\:focus\:translate-x-full:focus {
        --tw-translate-x: 100%
    }

    .lg\:focus\:-translate-x-1\/2:focus {
        --tw-translate-x: -50%
    }

    .lg\:focus\:-translate-x-1\/3:focus {
        --tw-translate-x: -33.333333%
    }

    .lg\:focus\:-translate-x-2\/3:focus {
        --tw-translate-x: -66.666667%
    }

    .lg\:focus\:-translate-x-1\/4:focus {
        --tw-translate-x: -25%
    }

    .lg\:focus\:-translate-x-2\/4:focus {
        --tw-translate-x: -50%
    }

    .lg\:focus\:-translate-x-3\/4:focus {
        --tw-translate-x: -75%
    }

    .lg\:focus\:-translate-x-full:focus {
        --tw-translate-x: -100%
    }

    .lg\:focus\:translate-y-0:focus {
        --tw-translate-y: 0px
    }

    .lg\:focus\:translate-y-1:focus {
        --tw-translate-y: 0.25rem
    }

    .lg\:focus\:translate-y-2:focus {
        --tw-translate-y: 0.5rem
    }

    .lg\:focus\:translate-y-3:focus {
        --tw-translate-y: 0.75rem
    }

    .lg\:focus\:translate-y-4:focus {
        --tw-translate-y: 1rem
    }

    .lg\:focus\:translate-y-5:focus {
        --tw-translate-y: 1.25rem
    }

    .lg\:focus\:translate-y-6:focus {
        --tw-translate-y: 1.5rem
    }

    .lg\:focus\:translate-y-7:focus {
        --tw-translate-y: 1.75rem
    }

    .lg\:focus\:translate-y-8:focus {
        --tw-translate-y: 2rem
    }

    .lg\:focus\:translate-y-9:focus {
        --tw-translate-y: 2.25rem
    }

    .lg\:focus\:translate-y-10:focus {
        --tw-translate-y: 2.5rem
    }

    .lg\:focus\:translate-y-11:focus {
        --tw-translate-y: 2.75rem
    }

    .lg\:focus\:translate-y-12:focus {
        --tw-translate-y: 3rem
    }

    .lg\:focus\:translate-y-14:focus {
        --tw-translate-y: 3.5rem
    }

    .lg\:focus\:translate-y-16:focus {
        --tw-translate-y: 4rem
    }

    .lg\:focus\:translate-y-20:focus {
        --tw-translate-y: 5rem
    }

    .lg\:focus\:translate-y-24:focus {
        --tw-translate-y: 6rem
    }

    .lg\:focus\:translate-y-28:focus {
        --tw-translate-y: 7rem
    }

    .lg\:focus\:translate-y-32:focus {
        --tw-translate-y: 8rem
    }

    .lg\:focus\:translate-y-36:focus {
        --tw-translate-y: 9rem
    }

    .lg\:focus\:translate-y-40:focus {
        --tw-translate-y: 10rem
    }

    .lg\:focus\:translate-y-44:focus {
        --tw-translate-y: 11rem
    }

    .lg\:focus\:translate-y-48:focus {
        --tw-translate-y: 12rem
    }

    .lg\:focus\:translate-y-52:focus {
        --tw-translate-y: 13rem
    }

    .lg\:focus\:translate-y-56:focus {
        --tw-translate-y: 14rem
    }

    .lg\:focus\:translate-y-60:focus {
        --tw-translate-y: 15rem
    }

    .lg\:focus\:translate-y-64:focus {
        --tw-translate-y: 16rem
    }

    .lg\:focus\:translate-y-72:focus {
        --tw-translate-y: 18rem
    }

    .lg\:focus\:translate-y-80:focus {
        --tw-translate-y: 20rem
    }

    .lg\:focus\:translate-y-96:focus {
        --tw-translate-y: 24rem
    }

    .lg\:focus\:translate-y-px:focus {
        --tw-translate-y: 1px
    }

    .lg\:focus\:translate-y-0\.5:focus {
        --tw-translate-y: 0.125rem
    }

    .lg\:focus\:translate-y-1\.5:focus {
        --tw-translate-y: 0.375rem
    }

    .lg\:focus\:translate-y-2\.5:focus {
        --tw-translate-y: 0.625rem
    }

    .lg\:focus\:translate-y-3\.5:focus {
        --tw-translate-y: 0.875rem
    }

    .lg\:focus\:-translate-y-0:focus {
        --tw-translate-y: 0px
    }

    .lg\:focus\:-translate-y-1:focus {
        --tw-translate-y: -0.25rem
    }

    .lg\:focus\:-translate-y-2:focus {
        --tw-translate-y: -0.5rem
    }

    .lg\:focus\:-translate-y-3:focus {
        --tw-translate-y: -0.75rem
    }

    .lg\:focus\:-translate-y-4:focus {
        --tw-translate-y: -1rem
    }

    .lg\:focus\:-translate-y-5:focus {
        --tw-translate-y: -1.25rem
    }

    .lg\:focus\:-translate-y-6:focus {
        --tw-translate-y: -1.5rem
    }

    .lg\:focus\:-translate-y-7:focus {
        --tw-translate-y: -1.75rem
    }

    .lg\:focus\:-translate-y-8:focus {
        --tw-translate-y: -2rem
    }

    .lg\:focus\:-translate-y-9:focus {
        --tw-translate-y: -2.25rem
    }

    .lg\:focus\:-translate-y-10:focus {
        --tw-translate-y: -2.5rem
    }

    .lg\:focus\:-translate-y-11:focus {
        --tw-translate-y: -2.75rem
    }

    .lg\:focus\:-translate-y-12:focus {
        --tw-translate-y: -3rem
    }

    .lg\:focus\:-translate-y-14:focus {
        --tw-translate-y: -3.5rem
    }

    .lg\:focus\:-translate-y-16:focus {
        --tw-translate-y: -4rem
    }

    .lg\:focus\:-translate-y-20:focus {
        --tw-translate-y: -5rem
    }

    .lg\:focus\:-translate-y-24:focus {
        --tw-translate-y: -6rem
    }

    .lg\:focus\:-translate-y-28:focus {
        --tw-translate-y: -7rem
    }

    .lg\:focus\:-translate-y-32:focus {
        --tw-translate-y: -8rem
    }

    .lg\:focus\:-translate-y-36:focus {
        --tw-translate-y: -9rem
    }

    .lg\:focus\:-translate-y-40:focus {
        --tw-translate-y: -10rem
    }

    .lg\:focus\:-translate-y-44:focus {
        --tw-translate-y: -11rem
    }

    .lg\:focus\:-translate-y-48:focus {
        --tw-translate-y: -12rem
    }

    .lg\:focus\:-translate-y-52:focus {
        --tw-translate-y: -13rem
    }

    .lg\:focus\:-translate-y-56:focus {
        --tw-translate-y: -14rem
    }

    .lg\:focus\:-translate-y-60:focus {
        --tw-translate-y: -15rem
    }

    .lg\:focus\:-translate-y-64:focus {
        --tw-translate-y: -16rem
    }

    .lg\:focus\:-translate-y-72:focus {
        --tw-translate-y: -18rem
    }

    .lg\:focus\:-translate-y-80:focus {
        --tw-translate-y: -20rem
    }

    .lg\:focus\:-translate-y-96:focus {
        --tw-translate-y: -24rem
    }

    .lg\:focus\:-translate-y-px:focus {
        --tw-translate-y: -1px
    }

    .lg\:focus\:-translate-y-0\.5:focus {
        --tw-translate-y: -0.125rem
    }

    .lg\:focus\:-translate-y-1\.5:focus {
        --tw-translate-y: -0.375rem
    }

    .lg\:focus\:-translate-y-2\.5:focus {
        --tw-translate-y: -0.625rem
    }

    .lg\:focus\:-translate-y-3\.5:focus {
        --tw-translate-y: -0.875rem
    }

    .lg\:focus\:translate-y-1\/2:focus {
        --tw-translate-y: 50%
    }

    .lg\:focus\:translate-y-1\/3:focus {
        --tw-translate-y: 33.333333%
    }

    .lg\:focus\:translate-y-2\/3:focus {
        --tw-translate-y: 66.666667%
    }

    .lg\:focus\:translate-y-1\/4:focus {
        --tw-translate-y: 25%
    }

    .lg\:focus\:translate-y-2\/4:focus {
        --tw-translate-y: 50%
    }

    .lg\:focus\:translate-y-3\/4:focus {
        --tw-translate-y: 75%
    }

    .lg\:focus\:translate-y-full:focus {
        --tw-translate-y: 100%
    }

    .lg\:focus\:-translate-y-1\/2:focus {
        --tw-translate-y: -50%
    }

    .lg\:focus\:-translate-y-1\/3:focus {
        --tw-translate-y: -33.333333%
    }

    .lg\:focus\:-translate-y-2\/3:focus {
        --tw-translate-y: -66.666667%
    }

    .lg\:focus\:-translate-y-1\/4:focus {
        --tw-translate-y: -25%
    }

    .lg\:focus\:-translate-y-2\/4:focus {
        --tw-translate-y: -50%
    }

    .lg\:focus\:-translate-y-3\/4:focus {
        --tw-translate-y: -75%
    }

    .lg\:focus\:-translate-y-full:focus {
        --tw-translate-y: -100%
    }

    .lg\:hover\:rotate-0:hover {
        --tw-rotate: 0deg
    }

    .lg\:hover\:rotate-1:hover {
        --tw-rotate: 1deg
    }

    .lg\:hover\:rotate-2:hover {
        --tw-rotate: 2deg
    }

    .lg\:hover\:rotate-3:hover {
        --tw-rotate: 3deg
    }

    .lg\:hover\:rotate-6:hover {
        --tw-rotate: 6deg
    }

    .lg\:hover\:rotate-12:hover {
        --tw-rotate: 12deg
    }

    .lg\:hover\:rotate-45:hover {
        --tw-rotate: 45deg
    }

    .lg\:hover\:rotate-90:hover {
        --tw-rotate: 90deg
    }

    .lg\:hover\:rotate-180:hover {
        --tw-rotate: 180deg
    }

    .lg\:hover\:-rotate-180:hover {
        --tw-rotate: -180deg
    }

    .lg\:hover\:-rotate-90:hover {
        --tw-rotate: -90deg
    }

    .lg\:hover\:-rotate-45:hover {
        --tw-rotate: -45deg
    }

    .lg\:hover\:-rotate-12:hover {
        --tw-rotate: -12deg
    }

    .lg\:hover\:-rotate-6:hover {
        --tw-rotate: -6deg
    }

    .lg\:hover\:-rotate-3:hover {
        --tw-rotate: -3deg
    }

    .lg\:hover\:-rotate-2:hover {
        --tw-rotate: -2deg
    }

    .lg\:hover\:-rotate-1:hover {
        --tw-rotate: -1deg
    }

    .lg\:focus\:rotate-0:focus {
        --tw-rotate: 0deg
    }

    .lg\:focus\:rotate-1:focus {
        --tw-rotate: 1deg
    }

    .lg\:focus\:rotate-2:focus {
        --tw-rotate: 2deg
    }

    .lg\:focus\:rotate-3:focus {
        --tw-rotate: 3deg
    }

    .lg\:focus\:rotate-6:focus {
        --tw-rotate: 6deg
    }

    .lg\:focus\:rotate-12:focus {
        --tw-rotate: 12deg
    }

    .lg\:focus\:rotate-45:focus {
        --tw-rotate: 45deg
    }

    .lg\:focus\:rotate-90:focus {
        --tw-rotate: 90deg
    }

    .lg\:focus\:rotate-180:focus {
        --tw-rotate: 180deg
    }

    .lg\:focus\:-rotate-180:focus {
        --tw-rotate: -180deg
    }

    .lg\:focus\:-rotate-90:focus {
        --tw-rotate: -90deg
    }

    .lg\:focus\:-rotate-45:focus {
        --tw-rotate: -45deg
    }

    .lg\:focus\:-rotate-12:focus {
        --tw-rotate: -12deg
    }

    .lg\:focus\:-rotate-6:focus {
        --tw-rotate: -6deg
    }

    .lg\:focus\:-rotate-3:focus {
        --tw-rotate: -3deg
    }

    .lg\:focus\:-rotate-2:focus {
        --tw-rotate: -2deg
    }

    .lg\:focus\:-rotate-1:focus {
        --tw-rotate: -1deg
    }

    .lg\:hover\:skew-x-0:hover {
        --tw-skew-x: 0deg
    }

    .lg\:hover\:skew-x-1:hover {
        --tw-skew-x: 1deg
    }

    .lg\:hover\:skew-x-2:hover {
        --tw-skew-x: 2deg
    }

    .lg\:hover\:skew-x-3:hover {
        --tw-skew-x: 3deg
    }

    .lg\:hover\:skew-x-6:hover {
        --tw-skew-x: 6deg
    }

    .lg\:hover\:skew-x-12:hover {
        --tw-skew-x: 12deg
    }

    .lg\:hover\:-skew-x-12:hover {
        --tw-skew-x: -12deg
    }

    .lg\:hover\:-skew-x-6:hover {
        --tw-skew-x: -6deg
    }

    .lg\:hover\:-skew-x-3:hover {
        --tw-skew-x: -3deg
    }

    .lg\:hover\:-skew-x-2:hover {
        --tw-skew-x: -2deg
    }

    .lg\:hover\:-skew-x-1:hover {
        --tw-skew-x: -1deg
    }

    .lg\:hover\:skew-y-0:hover {
        --tw-skew-y: 0deg
    }

    .lg\:hover\:skew-y-1:hover {
        --tw-skew-y: 1deg
    }

    .lg\:hover\:skew-y-2:hover {
        --tw-skew-y: 2deg
    }

    .lg\:hover\:skew-y-3:hover {
        --tw-skew-y: 3deg
    }

    .lg\:hover\:skew-y-6:hover {
        --tw-skew-y: 6deg
    }

    .lg\:hover\:skew-y-12:hover {
        --tw-skew-y: 12deg
    }

    .lg\:hover\:-skew-y-12:hover {
        --tw-skew-y: -12deg
    }

    .lg\:hover\:-skew-y-6:hover {
        --tw-skew-y: -6deg
    }

    .lg\:hover\:-skew-y-3:hover {
        --tw-skew-y: -3deg
    }

    .lg\:hover\:-skew-y-2:hover {
        --tw-skew-y: -2deg
    }

    .lg\:hover\:-skew-y-1:hover {
        --tw-skew-y: -1deg
    }

    .lg\:focus\:skew-x-0:focus {
        --tw-skew-x: 0deg
    }

    .lg\:focus\:skew-x-1:focus {
        --tw-skew-x: 1deg
    }

    .lg\:focus\:skew-x-2:focus {
        --tw-skew-x: 2deg
    }

    .lg\:focus\:skew-x-3:focus {
        --tw-skew-x: 3deg
    }

    .lg\:focus\:skew-x-6:focus {
        --tw-skew-x: 6deg
    }

    .lg\:focus\:skew-x-12:focus {
        --tw-skew-x: 12deg
    }

    .lg\:focus\:-skew-x-12:focus {
        --tw-skew-x: -12deg
    }

    .lg\:focus\:-skew-x-6:focus {
        --tw-skew-x: -6deg
    }

    .lg\:focus\:-skew-x-3:focus {
        --tw-skew-x: -3deg
    }

    .lg\:focus\:-skew-x-2:focus {
        --tw-skew-x: -2deg
    }

    .lg\:focus\:-skew-x-1:focus {
        --tw-skew-x: -1deg
    }

    .lg\:focus\:skew-y-0:focus {
        --tw-skew-y: 0deg
    }

    .lg\:focus\:skew-y-1:focus {
        --tw-skew-y: 1deg
    }

    .lg\:focus\:skew-y-2:focus {
        --tw-skew-y: 2deg
    }

    .lg\:focus\:skew-y-3:focus {
        --tw-skew-y: 3deg
    }

    .lg\:focus\:skew-y-6:focus {
        --tw-skew-y: 6deg
    }

    .lg\:focus\:skew-y-12:focus {
        --tw-skew-y: 12deg
    }

    .lg\:focus\:-skew-y-12:focus {
        --tw-skew-y: -12deg
    }

    .lg\:focus\:-skew-y-6:focus {
        --tw-skew-y: -6deg
    }

    .lg\:focus\:-skew-y-3:focus {
        --tw-skew-y: -3deg
    }

    .lg\:focus\:-skew-y-2:focus {
        --tw-skew-y: -2deg
    }

    .lg\:focus\:-skew-y-1:focus {
        --tw-skew-y: -1deg
    }

    .lg\:hover\:scale-0:hover {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }

    .lg\:hover\:scale-50:hover {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }

    .lg\:hover\:scale-75:hover {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }

    .lg\:hover\:scale-90:hover {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }

    .lg\:hover\:scale-95:hover {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }

    .lg\:hover\:scale-100:hover {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .lg\:hover\:scale-105:hover {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }

    .lg\:hover\:scale-110:hover {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }

    .lg\:hover\:scale-125:hover {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }

    .lg\:hover\:scale-150:hover {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }

    .lg\:focus\:scale-0:focus {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }

    .lg\:focus\:scale-50:focus {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }

    .lg\:focus\:scale-75:focus {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }

    .lg\:focus\:scale-90:focus {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }

    .lg\:focus\:scale-95:focus {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }

    .lg\:focus\:scale-100:focus {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .lg\:focus\:scale-105:focus {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }

    .lg\:focus\:scale-110:focus {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }

    .lg\:focus\:scale-125:focus {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }

    .lg\:focus\:scale-150:focus {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }

    .lg\:hover\:scale-x-0:hover {
        --tw-scale-x: 0
    }

    .lg\:hover\:scale-x-50:hover {
        --tw-scale-x: .5
    }

    .lg\:hover\:scale-x-75:hover {
        --tw-scale-x: .75
    }

    .lg\:hover\:scale-x-90:hover {
        --tw-scale-x: .9
    }

    .lg\:hover\:scale-x-95:hover {
        --tw-scale-x: .95
    }

    .lg\:hover\:scale-x-100:hover {
        --tw-scale-x: 1
    }

    .lg\:hover\:scale-x-105:hover {
        --tw-scale-x: 1.05
    }

    .lg\:hover\:scale-x-110:hover {
        --tw-scale-x: 1.1
    }

    .lg\:hover\:scale-x-125:hover {
        --tw-scale-x: 1.25
    }

    .lg\:hover\:scale-x-150:hover {
        --tw-scale-x: 1.5
    }

    .lg\:hover\:scale-y-0:hover {
        --tw-scale-y: 0
    }

    .lg\:hover\:scale-y-50:hover {
        --tw-scale-y: .5
    }

    .lg\:hover\:scale-y-75:hover {
        --tw-scale-y: .75
    }

    .lg\:hover\:scale-y-90:hover {
        --tw-scale-y: .9
    }

    .lg\:hover\:scale-y-95:hover {
        --tw-scale-y: .95
    }

    .lg\:hover\:scale-y-100:hover {
        --tw-scale-y: 1
    }

    .lg\:hover\:scale-y-105:hover {
        --tw-scale-y: 1.05
    }

    .lg\:hover\:scale-y-110:hover {
        --tw-scale-y: 1.1
    }

    .lg\:hover\:scale-y-125:hover {
        --tw-scale-y: 1.25
    }

    .lg\:hover\:scale-y-150:hover {
        --tw-scale-y: 1.5
    }

    .lg\:focus\:scale-x-0:focus {
        --tw-scale-x: 0
    }

    .lg\:focus\:scale-x-50:focus {
        --tw-scale-x: .5
    }

    .lg\:focus\:scale-x-75:focus {
        --tw-scale-x: .75
    }

    .lg\:focus\:scale-x-90:focus {
        --tw-scale-x: .9
    }

    .lg\:focus\:scale-x-95:focus {
        --tw-scale-x: .95
    }

    .lg\:focus\:scale-x-100:focus {
        --tw-scale-x: 1
    }

    .lg\:focus\:scale-x-105:focus {
        --tw-scale-x: 1.05
    }

    .lg\:focus\:scale-x-110:focus {
        --tw-scale-x: 1.1
    }

    .lg\:focus\:scale-x-125:focus {
        --tw-scale-x: 1.25
    }

    .lg\:focus\:scale-x-150:focus {
        --tw-scale-x: 1.5
    }

    .lg\:focus\:scale-y-0:focus {
        --tw-scale-y: 0
    }

    .lg\:focus\:scale-y-50:focus {
        --tw-scale-y: .5
    }

    .lg\:focus\:scale-y-75:focus {
        --tw-scale-y: .75
    }

    .lg\:focus\:scale-y-90:focus {
        --tw-scale-y: .9
    }

    .lg\:focus\:scale-y-95:focus {
        --tw-scale-y: .95
    }

    .lg\:focus\:scale-y-100:focus {
        --tw-scale-y: 1
    }

    .lg\:focus\:scale-y-105:focus {
        --tw-scale-y: 1.05
    }

    .lg\:focus\:scale-y-110:focus {
        --tw-scale-y: 1.1
    }

    .lg\:focus\:scale-y-125:focus {
        --tw-scale-y: 1.25
    }

    .lg\:focus\:scale-y-150:focus {
        --tw-scale-y: 1.5
    }

    .group:hover .lg\:group-hover\:border-transparent {
        border-color: transparent
    }

    .group:hover .lg\:group-hover\:border-current {
        border-color: currentColor
    }

    .group:hover .lg\:group-hover\:border-black {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-white {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-gray-50 {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-gray-100 {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-gray-300 {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-gray-400 {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-gray-500 {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-gray-600 {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-gray-700 {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-gray-800 {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-gray-900 {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-red-50 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-red-100 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-red-200 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-red-300 {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-red-400 {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-red-500 {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-red-600 {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-red-700 {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-red-800 {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-red-900 {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-yellow-50 {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-yellow-100 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-yellow-200 {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-yellow-300 {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-yellow-400 {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-yellow-500 {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-yellow-600 {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-yellow-700 {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-yellow-800 {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-yellow-900 {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-green-50 {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-green-100 {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-green-200 {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-green-300 {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-green-400 {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-green-500 {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-green-600 {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-green-700 {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-green-800 {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-green-900 {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-blue-50 {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-blue-100 {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-blue-200 {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-blue-300 {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-blue-400 {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-blue-500 {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-blue-600 {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-blue-700 {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-blue-800 {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-blue-900 {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-indigo-50 {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-indigo-100 {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-indigo-200 {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-indigo-300 {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-indigo-400 {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-indigo-500 {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-indigo-600 {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-indigo-700 {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-indigo-800 {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-indigo-900 {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-purple-50 {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-purple-100 {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-purple-200 {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-purple-300 {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-purple-400 {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-purple-500 {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-purple-600 {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-purple-700 {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-purple-800 {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-purple-900 {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-pink-50 {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-pink-100 {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-pink-200 {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-pink-300 {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-pink-400 {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-pink-500 {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-pink-600 {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-pink-700 {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-pink-800 {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-pink-900 {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-primary {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-orange {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .group:hover .lg\:group-hover\:border-danger {
        border-color: #c75d5d
    }

    .lg\:focus-within\:border-transparent:focus-within {
        border-color: transparent
    }

    .lg\:focus-within\:border-current:focus-within {
        border-color: currentColor
    }

    .lg\:focus-within\:border-black:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-white:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-gray-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-gray-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-gray-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-gray-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-gray-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-gray-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-gray-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-gray-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-gray-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-gray-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-red-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-red-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-red-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-red-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-red-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-red-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-red-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-red-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-red-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-red-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-yellow-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-yellow-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-yellow-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-yellow-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-yellow-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-yellow-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-yellow-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-yellow-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-yellow-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-yellow-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-green-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-green-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-green-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-green-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-green-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-green-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-green-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-green-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-green-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-green-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-blue-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-blue-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-blue-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-blue-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-blue-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-blue-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-blue-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-blue-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-blue-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-blue-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-indigo-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-indigo-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-indigo-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-indigo-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-indigo-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-indigo-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-indigo-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-indigo-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-indigo-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-indigo-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-purple-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-purple-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-purple-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-purple-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-purple-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-purple-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-purple-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-purple-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-purple-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-purple-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-pink-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-pink-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-pink-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-pink-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-pink-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-pink-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-pink-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-pink-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-pink-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-pink-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-primary:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-orange:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .lg\:focus-within\:border-danger:focus-within {
        border-color: #c75d5d
    }

    .lg\:hover\:border-transparent:hover {
        border-color: transparent
    }

    .lg\:hover\:border-current:hover {
        border-color: currentColor
    }

    .lg\:hover\:border-black:hover {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .lg\:hover\:border-white:hover {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .lg\:hover\:border-gray-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .lg\:hover\:border-gray-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .lg\:hover\:border-gray-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .lg\:hover\:border-gray-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .lg\:hover\:border-gray-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .lg\:hover\:border-gray-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .lg\:hover\:border-gray-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .lg\:hover\:border-gray-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .lg\:hover\:border-gray-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .lg\:hover\:border-gray-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .lg\:hover\:border-red-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .lg\:hover\:border-red-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .lg\:hover\:border-red-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .lg\:hover\:border-red-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .lg\:hover\:border-red-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .lg\:hover\:border-red-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .lg\:hover\:border-red-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .lg\:hover\:border-red-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .lg\:hover\:border-red-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .lg\:hover\:border-red-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .lg\:hover\:border-yellow-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .lg\:hover\:border-yellow-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .lg\:hover\:border-yellow-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .lg\:hover\:border-yellow-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .lg\:hover\:border-yellow-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .lg\:hover\:border-yellow-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .lg\:hover\:border-yellow-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .lg\:hover\:border-yellow-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .lg\:hover\:border-yellow-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .lg\:hover\:border-yellow-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .lg\:hover\:border-green-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .lg\:hover\:border-green-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .lg\:hover\:border-green-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .lg\:hover\:border-green-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .lg\:hover\:border-green-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .lg\:hover\:border-green-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .lg\:hover\:border-green-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .lg\:hover\:border-green-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .lg\:hover\:border-green-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .lg\:hover\:border-green-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .lg\:hover\:border-blue-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .lg\:hover\:border-blue-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .lg\:hover\:border-blue-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .lg\:hover\:border-blue-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .lg\:hover\:border-blue-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .lg\:hover\:border-blue-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .lg\:hover\:border-blue-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .lg\:hover\:border-blue-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .lg\:hover\:border-blue-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .lg\:hover\:border-blue-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .lg\:hover\:border-indigo-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .lg\:hover\:border-indigo-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .lg\:hover\:border-indigo-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .lg\:hover\:border-indigo-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .lg\:hover\:border-indigo-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .lg\:hover\:border-indigo-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .lg\:hover\:border-indigo-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .lg\:hover\:border-indigo-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .lg\:hover\:border-indigo-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .lg\:hover\:border-indigo-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .lg\:hover\:border-purple-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .lg\:hover\:border-purple-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .lg\:hover\:border-purple-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .lg\:hover\:border-purple-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .lg\:hover\:border-purple-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .lg\:hover\:border-purple-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .lg\:hover\:border-purple-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .lg\:hover\:border-purple-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .lg\:hover\:border-purple-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .lg\:hover\:border-purple-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .lg\:hover\:border-pink-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .lg\:hover\:border-pink-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .lg\:hover\:border-pink-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .lg\:hover\:border-pink-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .lg\:hover\:border-pink-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .lg\:hover\:border-pink-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .lg\:hover\:border-pink-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .lg\:hover\:border-pink-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .lg\:hover\:border-pink-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .lg\:hover\:border-pink-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .lg\:hover\:border-primary:hover {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .lg\:hover\:border-orange:hover {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .lg\:hover\:border-danger:hover {
        border-color: #c75d5d
    }

    .lg\:focus\:border-transparent:focus {
        border-color: transparent
    }

    .lg\:focus\:border-current:focus {
        border-color: currentColor
    }

    .lg\:focus\:border-black:focus {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .lg\:focus\:border-white:focus {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .lg\:focus\:border-gray-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .lg\:focus\:border-gray-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .lg\:focus\:border-gray-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .lg\:focus\:border-gray-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .lg\:focus\:border-gray-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .lg\:focus\:border-gray-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .lg\:focus\:border-gray-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .lg\:focus\:border-gray-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .lg\:focus\:border-gray-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .lg\:focus\:border-gray-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .lg\:focus\:border-red-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .lg\:focus\:border-red-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .lg\:focus\:border-red-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .lg\:focus\:border-red-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .lg\:focus\:border-red-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .lg\:focus\:border-red-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .lg\:focus\:border-red-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .lg\:focus\:border-red-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .lg\:focus\:border-red-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .lg\:focus\:border-red-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .lg\:focus\:border-yellow-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .lg\:focus\:border-yellow-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .lg\:focus\:border-yellow-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .lg\:focus\:border-yellow-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .lg\:focus\:border-yellow-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .lg\:focus\:border-yellow-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .lg\:focus\:border-yellow-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .lg\:focus\:border-yellow-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .lg\:focus\:border-yellow-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .lg\:focus\:border-yellow-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .lg\:focus\:border-green-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .lg\:focus\:border-green-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .lg\:focus\:border-green-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .lg\:focus\:border-green-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .lg\:focus\:border-green-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .lg\:focus\:border-green-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .lg\:focus\:border-green-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .lg\:focus\:border-green-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .lg\:focus\:border-green-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .lg\:focus\:border-green-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .lg\:focus\:border-blue-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .lg\:focus\:border-blue-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .lg\:focus\:border-blue-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .lg\:focus\:border-blue-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .lg\:focus\:border-blue-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .lg\:focus\:border-blue-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .lg\:focus\:border-blue-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .lg\:focus\:border-blue-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .lg\:focus\:border-blue-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .lg\:focus\:border-blue-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .lg\:focus\:border-indigo-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .lg\:focus\:border-indigo-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .lg\:focus\:border-indigo-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .lg\:focus\:border-indigo-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .lg\:focus\:border-indigo-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .lg\:focus\:border-indigo-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .lg\:focus\:border-indigo-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .lg\:focus\:border-indigo-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .lg\:focus\:border-indigo-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .lg\:focus\:border-indigo-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .lg\:focus\:border-purple-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .lg\:focus\:border-purple-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .lg\:focus\:border-purple-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .lg\:focus\:border-purple-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .lg\:focus\:border-purple-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .lg\:focus\:border-purple-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .lg\:focus\:border-purple-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .lg\:focus\:border-purple-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .lg\:focus\:border-purple-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .lg\:focus\:border-purple-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .lg\:focus\:border-pink-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .lg\:focus\:border-pink-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .lg\:focus\:border-pink-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .lg\:focus\:border-pink-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .lg\:focus\:border-pink-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .lg\:focus\:border-pink-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .lg\:focus\:border-pink-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .lg\:focus\:border-pink-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .lg\:focus\:border-pink-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .lg\:focus\:border-pink-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .lg\:focus\:border-primary:focus {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .lg\:focus\:border-orange:focus {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .lg\:focus\:border-danger:focus {
        border-color: #c75d5d
    }

    .group:hover .lg\:group-hover\:border-opacity-0 {
        --tw-border-opacity: 0
    }

    .group:hover .lg\:group-hover\:border-opacity-5 {
        --tw-border-opacity: 0.05
    }

    .group:hover .lg\:group-hover\:border-opacity-10 {
        --tw-border-opacity: 0.1
    }

    .group:hover .lg\:group-hover\:border-opacity-20 {
        --tw-border-opacity: 0.2
    }

    .group:hover .lg\:group-hover\:border-opacity-25 {
        --tw-border-opacity: 0.25
    }

    .group:hover .lg\:group-hover\:border-opacity-30 {
        --tw-border-opacity: 0.3
    }

    .group:hover .lg\:group-hover\:border-opacity-40 {
        --tw-border-opacity: 0.4
    }

    .group:hover .lg\:group-hover\:border-opacity-50 {
        --tw-border-opacity: 0.5
    }

    .group:hover .lg\:group-hover\:border-opacity-60 {
        --tw-border-opacity: 0.6
    }

    .group:hover .lg\:group-hover\:border-opacity-70 {
        --tw-border-opacity: 0.7
    }

    .group:hover .lg\:group-hover\:border-opacity-75 {
        --tw-border-opacity: 0.75
    }

    .group:hover .lg\:group-hover\:border-opacity-80 {
        --tw-border-opacity: 0.8
    }

    .group:hover .lg\:group-hover\:border-opacity-90 {
        --tw-border-opacity: 0.9
    }

    .group:hover .lg\:group-hover\:border-opacity-95 {
        --tw-border-opacity: 0.95
    }

    .group:hover .lg\:group-hover\:border-opacity-100 {
        --tw-border-opacity: 1
    }

    .lg\:focus-within\:border-opacity-0:focus-within {
        --tw-border-opacity: 0
    }

    .lg\:focus-within\:border-opacity-5:focus-within {
        --tw-border-opacity: 0.05
    }

    .lg\:focus-within\:border-opacity-10:focus-within {
        --tw-border-opacity: 0.1
    }

    .lg\:focus-within\:border-opacity-20:focus-within {
        --tw-border-opacity: 0.2
    }

    .lg\:focus-within\:border-opacity-25:focus-within {
        --tw-border-opacity: 0.25
    }

    .lg\:focus-within\:border-opacity-30:focus-within {
        --tw-border-opacity: 0.3
    }

    .lg\:focus-within\:border-opacity-40:focus-within {
        --tw-border-opacity: 0.4
    }

    .lg\:focus-within\:border-opacity-50:focus-within {
        --tw-border-opacity: 0.5
    }

    .lg\:focus-within\:border-opacity-60:focus-within {
        --tw-border-opacity: 0.6
    }

    .lg\:focus-within\:border-opacity-70:focus-within {
        --tw-border-opacity: 0.7
    }

    .lg\:focus-within\:border-opacity-75:focus-within {
        --tw-border-opacity: 0.75
    }

    .lg\:focus-within\:border-opacity-80:focus-within {
        --tw-border-opacity: 0.8
    }

    .lg\:focus-within\:border-opacity-90:focus-within {
        --tw-border-opacity: 0.9
    }

    .lg\:focus-within\:border-opacity-95:focus-within {
        --tw-border-opacity: 0.95
    }

    .lg\:focus-within\:border-opacity-100:focus-within {
        --tw-border-opacity: 1
    }

    .lg\:hover\:border-opacity-0:hover {
        --tw-border-opacity: 0
    }

    .lg\:hover\:border-opacity-5:hover {
        --tw-border-opacity: 0.05
    }

    .lg\:hover\:border-opacity-10:hover {
        --tw-border-opacity: 0.1
    }

    .lg\:hover\:border-opacity-20:hover {
        --tw-border-opacity: 0.2
    }

    .lg\:hover\:border-opacity-25:hover {
        --tw-border-opacity: 0.25
    }

    .lg\:hover\:border-opacity-30:hover {
        --tw-border-opacity: 0.3
    }

    .lg\:hover\:border-opacity-40:hover {
        --tw-border-opacity: 0.4
    }

    .lg\:hover\:border-opacity-50:hover {
        --tw-border-opacity: 0.5
    }

    .lg\:hover\:border-opacity-60:hover {
        --tw-border-opacity: 0.6
    }

    .lg\:hover\:border-opacity-70:hover {
        --tw-border-opacity: 0.7
    }

    .lg\:hover\:border-opacity-75:hover {
        --tw-border-opacity: 0.75
    }

    .lg\:hover\:border-opacity-80:hover {
        --tw-border-opacity: 0.8
    }

    .lg\:hover\:border-opacity-90:hover {
        --tw-border-opacity: 0.9
    }

    .lg\:hover\:border-opacity-95:hover {
        --tw-border-opacity: 0.95
    }

    .lg\:hover\:border-opacity-100:hover {
        --tw-border-opacity: 1
    }

    .lg\:focus\:border-opacity-0:focus {
        --tw-border-opacity: 0
    }

    .lg\:focus\:border-opacity-5:focus {
        --tw-border-opacity: 0.05
    }

    .lg\:focus\:border-opacity-10:focus {
        --tw-border-opacity: 0.1
    }

    .lg\:focus\:border-opacity-20:focus {
        --tw-border-opacity: 0.2
    }

    .lg\:focus\:border-opacity-25:focus {
        --tw-border-opacity: 0.25
    }

    .lg\:focus\:border-opacity-30:focus {
        --tw-border-opacity: 0.3
    }

    .lg\:focus\:border-opacity-40:focus {
        --tw-border-opacity: 0.4
    }

    .lg\:focus\:border-opacity-50:focus {
        --tw-border-opacity: 0.5
    }

    .lg\:focus\:border-opacity-60:focus {
        --tw-border-opacity: 0.6
    }

    .lg\:focus\:border-opacity-70:focus {
        --tw-border-opacity: 0.7
    }

    .lg\:focus\:border-opacity-75:focus {
        --tw-border-opacity: 0.75
    }

    .lg\:focus\:border-opacity-80:focus {
        --tw-border-opacity: 0.8
    }

    .lg\:focus\:border-opacity-90:focus {
        --tw-border-opacity: 0.9
    }

    .lg\:focus\:border-opacity-95:focus {
        --tw-border-opacity: 0.95
    }

    .lg\:focus\:border-opacity-100:focus {
        --tw-border-opacity: 1
    }

    .group:hover .lg\:group-hover\:bg-transparent {
        background-color: transparent
    }

    .group:hover .lg\:group-hover\:bg-current {
        background-color: currentColor
    }

    .group:hover .lg\:group-hover\:bg-black {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-gray-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-gray-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-gray-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-gray-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-gray-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-gray-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-gray-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-gray-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-gray-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-gray-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-red-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-red-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-red-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-red-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-red-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-red-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-red-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-red-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-red-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-red-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-yellow-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-yellow-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-yellow-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-yellow-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-yellow-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-yellow-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-yellow-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-yellow-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-yellow-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-yellow-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-green-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-green-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-green-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-green-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-green-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-green-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-green-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-green-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-green-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-green-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-blue-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-blue-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-blue-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-blue-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-blue-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-blue-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-blue-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-blue-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-blue-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-blue-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-indigo-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-indigo-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-indigo-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-indigo-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-indigo-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-indigo-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-indigo-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-indigo-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-indigo-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-indigo-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-purple-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-purple-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-purple-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-purple-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-purple-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-purple-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-purple-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-purple-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-purple-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-purple-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-pink-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-pink-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-pink-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-pink-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-pink-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-pink-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-pink-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-pink-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-pink-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-pink-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-primary {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-orange {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .group:hover .lg\:group-hover\:bg-danger {
        background-color: #c75d5d
    }

    .lg\:focus-within\:bg-transparent:focus-within {
        background-color: transparent
    }

    .lg\:focus-within\:bg-current:focus-within {
        background-color: currentColor
    }

    .lg\:focus-within\:bg-black:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-white:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-gray-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-gray-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-gray-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-gray-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-gray-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-gray-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-gray-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-gray-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-gray-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-gray-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-red-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-red-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-red-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-red-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-red-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-red-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-red-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-red-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-red-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-red-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-yellow-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-yellow-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-yellow-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-yellow-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-yellow-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-yellow-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-yellow-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-yellow-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-yellow-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-yellow-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-green-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-green-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-green-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-green-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-green-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-green-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-green-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-green-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-green-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-green-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-blue-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-blue-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-blue-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-blue-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-blue-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-blue-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-blue-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-blue-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-blue-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-blue-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-indigo-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-indigo-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-indigo-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-indigo-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-indigo-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-indigo-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-indigo-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-indigo-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-indigo-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-indigo-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-purple-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-purple-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-purple-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-purple-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-purple-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-purple-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-purple-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-purple-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-purple-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-purple-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-pink-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-pink-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-pink-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-pink-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-pink-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-pink-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-pink-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-pink-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-pink-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-pink-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-primary:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-orange:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .lg\:focus-within\:bg-danger:focus-within {
        background-color: #c75d5d
    }

    .lg\:hover\:bg-transparent:hover {
        background-color: transparent
    }

    .lg\:hover\:bg-current:hover {
        background-color: currentColor
    }

    .lg\:hover\:bg-black:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-white:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-gray-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-gray-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-gray-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-gray-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-gray-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-gray-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-gray-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-gray-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-gray-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-gray-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-red-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-red-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-red-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-red-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-red-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-red-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-red-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-red-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-red-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-red-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-yellow-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-yellow-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-yellow-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-yellow-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-yellow-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-yellow-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-yellow-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-yellow-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-yellow-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-yellow-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-green-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-green-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-green-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-green-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-green-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-green-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-green-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-green-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-green-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-green-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-blue-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-blue-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-blue-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-blue-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-blue-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-blue-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-blue-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-blue-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-blue-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-blue-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-indigo-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-indigo-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-indigo-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-indigo-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-indigo-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-indigo-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-indigo-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-indigo-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-indigo-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-indigo-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-purple-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-purple-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-purple-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-purple-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-purple-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-purple-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-purple-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-purple-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-purple-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-purple-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-pink-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-pink-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-pink-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-pink-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-pink-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-pink-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-pink-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-pink-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-pink-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-pink-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-primary:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-orange:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .lg\:hover\:bg-danger:hover {
        background-color: #c75d5d
    }

    .lg\:focus\:bg-transparent:focus {
        background-color: transparent
    }

    .lg\:focus\:bg-current:focus {
        background-color: currentColor
    }

    .lg\:focus\:bg-black:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-white:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-gray-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-gray-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-gray-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-gray-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-gray-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-gray-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-gray-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-gray-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-gray-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-gray-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-red-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-red-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-red-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-red-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-red-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-red-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-red-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-red-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-red-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-red-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-yellow-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-yellow-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-yellow-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-yellow-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-yellow-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-yellow-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-yellow-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-yellow-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-yellow-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-yellow-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-green-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-green-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-green-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-green-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-green-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-green-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-green-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-green-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-green-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-green-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-blue-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-blue-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-blue-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-blue-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-blue-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-blue-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-blue-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-blue-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-blue-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-blue-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-indigo-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-indigo-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-indigo-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-indigo-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-indigo-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-indigo-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-indigo-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-indigo-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-indigo-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-indigo-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-purple-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-purple-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-purple-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-purple-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-purple-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-purple-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-purple-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-purple-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-purple-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-purple-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-pink-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-pink-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-pink-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-pink-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-pink-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-pink-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-pink-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-pink-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-pink-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-pink-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-primary:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-orange:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .lg\:focus\:bg-danger:focus {
        background-color: #c75d5d
    }

    .group:hover .lg\:group-hover\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }

    .group:hover .lg\:group-hover\:bg-opacity-5 {
        --tw-bg-opacity: 0.05
    }

    .group:hover .lg\:group-hover\:bg-opacity-10 {
        --tw-bg-opacity: 0.1
    }

    .group:hover .lg\:group-hover\:bg-opacity-20 {
        --tw-bg-opacity: 0.2
    }

    .group:hover .lg\:group-hover\:bg-opacity-25 {
        --tw-bg-opacity: 0.25
    }

    .group:hover .lg\:group-hover\:bg-opacity-30 {
        --tw-bg-opacity: 0.3
    }

    .group:hover .lg\:group-hover\:bg-opacity-40 {
        --tw-bg-opacity: 0.4
    }

    .group:hover .lg\:group-hover\:bg-opacity-50 {
        --tw-bg-opacity: 0.5
    }

    .group:hover .lg\:group-hover\:bg-opacity-60 {
        --tw-bg-opacity: 0.6
    }

    .group:hover .lg\:group-hover\:bg-opacity-70 {
        --tw-bg-opacity: 0.7
    }

    .group:hover .lg\:group-hover\:bg-opacity-75 {
        --tw-bg-opacity: 0.75
    }

    .group:hover .lg\:group-hover\:bg-opacity-80 {
        --tw-bg-opacity: 0.8
    }

    .group:hover .lg\:group-hover\:bg-opacity-90 {
        --tw-bg-opacity: 0.9
    }

    .group:hover .lg\:group-hover\:bg-opacity-95 {
        --tw-bg-opacity: 0.95
    }

    .group:hover .lg\:group-hover\:bg-opacity-100 {
        --tw-bg-opacity: 1
    }

    .lg\:focus-within\:bg-opacity-0:focus-within {
        --tw-bg-opacity: 0
    }

    .lg\:focus-within\:bg-opacity-5:focus-within {
        --tw-bg-opacity: 0.05
    }

    .lg\:focus-within\:bg-opacity-10:focus-within {
        --tw-bg-opacity: 0.1
    }

    .lg\:focus-within\:bg-opacity-20:focus-within {
        --tw-bg-opacity: 0.2
    }

    .lg\:focus-within\:bg-opacity-25:focus-within {
        --tw-bg-opacity: 0.25
    }

    .lg\:focus-within\:bg-opacity-30:focus-within {
        --tw-bg-opacity: 0.3
    }

    .lg\:focus-within\:bg-opacity-40:focus-within {
        --tw-bg-opacity: 0.4
    }

    .lg\:focus-within\:bg-opacity-50:focus-within {
        --tw-bg-opacity: 0.5
    }

    .lg\:focus-within\:bg-opacity-60:focus-within {
        --tw-bg-opacity: 0.6
    }

    .lg\:focus-within\:bg-opacity-70:focus-within {
        --tw-bg-opacity: 0.7
    }

    .lg\:focus-within\:bg-opacity-75:focus-within {
        --tw-bg-opacity: 0.75
    }

    .lg\:focus-within\:bg-opacity-80:focus-within {
        --tw-bg-opacity: 0.8
    }

    .lg\:focus-within\:bg-opacity-90:focus-within {
        --tw-bg-opacity: 0.9
    }

    .lg\:focus-within\:bg-opacity-95:focus-within {
        --tw-bg-opacity: 0.95
    }

    .lg\:focus-within\:bg-opacity-100:focus-within {
        --tw-bg-opacity: 1
    }

    .lg\:hover\:bg-opacity-0:hover {
        --tw-bg-opacity: 0
    }

    .lg\:hover\:bg-opacity-5:hover {
        --tw-bg-opacity: 0.05
    }

    .lg\:hover\:bg-opacity-10:hover {
        --tw-bg-opacity: 0.1
    }

    .lg\:hover\:bg-opacity-20:hover {
        --tw-bg-opacity: 0.2
    }

    .lg\:hover\:bg-opacity-25:hover {
        --tw-bg-opacity: 0.25
    }

    .lg\:hover\:bg-opacity-30:hover {
        --tw-bg-opacity: 0.3
    }

    .lg\:hover\:bg-opacity-40:hover {
        --tw-bg-opacity: 0.4
    }

    .lg\:hover\:bg-opacity-50:hover {
        --tw-bg-opacity: 0.5
    }

    .lg\:hover\:bg-opacity-60:hover {
        --tw-bg-opacity: 0.6
    }

    .lg\:hover\:bg-opacity-70:hover {
        --tw-bg-opacity: 0.7
    }

    .lg\:hover\:bg-opacity-75:hover {
        --tw-bg-opacity: 0.75
    }

    .lg\:hover\:bg-opacity-80:hover {
        --tw-bg-opacity: 0.8
    }

    .lg\:hover\:bg-opacity-90:hover {
        --tw-bg-opacity: 0.9
    }

    .lg\:hover\:bg-opacity-95:hover {
        --tw-bg-opacity: 0.95
    }

    .lg\:hover\:bg-opacity-100:hover {
        --tw-bg-opacity: 1
    }

    .lg\:focus\:bg-opacity-0:focus {
        --tw-bg-opacity: 0
    }

    .lg\:focus\:bg-opacity-5:focus {
        --tw-bg-opacity: 0.05
    }

    .lg\:focus\:bg-opacity-10:focus {
        --tw-bg-opacity: 0.1
    }

    .lg\:focus\:bg-opacity-20:focus {
        --tw-bg-opacity: 0.2
    }

    .lg\:focus\:bg-opacity-25:focus {
        --tw-bg-opacity: 0.25
    }

    .lg\:focus\:bg-opacity-30:focus {
        --tw-bg-opacity: 0.3
    }

    .lg\:focus\:bg-opacity-40:focus {
        --tw-bg-opacity: 0.4
    }

    .lg\:focus\:bg-opacity-50:focus {
        --tw-bg-opacity: 0.5
    }

    .lg\:focus\:bg-opacity-60:focus {
        --tw-bg-opacity: 0.6
    }

    .lg\:focus\:bg-opacity-70:focus {
        --tw-bg-opacity: 0.7
    }

    .lg\:focus\:bg-opacity-75:focus {
        --tw-bg-opacity: 0.75
    }

    .lg\:focus\:bg-opacity-80:focus {
        --tw-bg-opacity: 0.8
    }

    .lg\:focus\:bg-opacity-90:focus {
        --tw-bg-opacity: 0.9
    }

    .lg\:focus\:bg-opacity-95:focus {
        --tw-bg-opacity: 0.95
    }

    .lg\:focus\:bg-opacity-100:focus {
        --tw-bg-opacity: 1
    }

    .lg\:hover\:from-transparent:hover {
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .lg\:hover\:from-current:hover {
        --tw-gradient-from: currentColor;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .lg\:hover\:from-black:hover {
        --tw-gradient-from: #000;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .lg\:hover\:from-white:hover {
        --tw-gradient-from: #fff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .lg\:hover\:from-gray-50:hover {
        --tw-gradient-from: #f9fafb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .lg\:hover\:from-gray-100:hover {
        --tw-gradient-from: #f3f4f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .lg\:hover\:from-gray-200:hover {
        --tw-gradient-from: #e5e7eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .lg\:hover\:from-gray-300:hover {
        --tw-gradient-from: #d1d5db;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .lg\:hover\:from-gray-400:hover {
        --tw-gradient-from: #9ca3af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .lg\:hover\:from-gray-500:hover {
        --tw-gradient-from: #6b7280;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .lg\:hover\:from-gray-600:hover {
        --tw-gradient-from: #4b5563;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .lg\:hover\:from-gray-700:hover {
        --tw-gradient-from: #374151;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .lg\:hover\:from-gray-800:hover {
        --tw-gradient-from: #1f2937;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .lg\:hover\:from-gray-900:hover {
        --tw-gradient-from: #111827;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .lg\:hover\:from-red-50:hover {
        --tw-gradient-from: #fef2f2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .lg\:hover\:from-red-100:hover {
        --tw-gradient-from: #fee2e2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .lg\:hover\:from-red-200:hover {
        --tw-gradient-from: #fecaca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .lg\:hover\:from-red-300:hover {
        --tw-gradient-from: #fca5a5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .lg\:hover\:from-red-400:hover {
        --tw-gradient-from: #f87171;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .lg\:hover\:from-red-500:hover {
        --tw-gradient-from: #ef4444;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .lg\:hover\:from-red-600:hover {
        --tw-gradient-from: #dc2626;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .lg\:hover\:from-red-700:hover {
        --tw-gradient-from: #b91c1c;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .lg\:hover\:from-red-800:hover {
        --tw-gradient-from: #991b1b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .lg\:hover\:from-red-900:hover {
        --tw-gradient-from: #7f1d1d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .lg\:hover\:from-yellow-50:hover {
        --tw-gradient-from: #fffbeb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .lg\:hover\:from-yellow-100:hover {
        --tw-gradient-from: #fef3c7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .lg\:hover\:from-yellow-200:hover {
        --tw-gradient-from: #fde68a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .lg\:hover\:from-yellow-300:hover {
        --tw-gradient-from: #fcd34d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .lg\:hover\:from-yellow-400:hover {
        --tw-gradient-from: #fbbf24;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .lg\:hover\:from-yellow-500:hover {
        --tw-gradient-from: #f59e0b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .lg\:hover\:from-yellow-600:hover {
        --tw-gradient-from: #d97706;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .lg\:hover\:from-yellow-700:hover {
        --tw-gradient-from: #b45309;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .lg\:hover\:from-yellow-800:hover {
        --tw-gradient-from: #92400e;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .lg\:hover\:from-yellow-900:hover {
        --tw-gradient-from: #78350f;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .lg\:hover\:from-green-50:hover {
        --tw-gradient-from: #ecfdf5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .lg\:hover\:from-green-100:hover {
        --tw-gradient-from: #d1fae5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .lg\:hover\:from-green-200:hover {
        --tw-gradient-from: #a7f3d0;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .lg\:hover\:from-green-300:hover {
        --tw-gradient-from: #6ee7b7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .lg\:hover\:from-green-400:hover {
        --tw-gradient-from: #34d399;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .lg\:hover\:from-green-500:hover {
        --tw-gradient-from: #10b981;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .lg\:hover\:from-green-600:hover {
        --tw-gradient-from: #059669;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .lg\:hover\:from-green-700:hover {
        --tw-gradient-from: #047857;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .lg\:hover\:from-green-800:hover {
        --tw-gradient-from: #065f46;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .lg\:hover\:from-green-900:hover {
        --tw-gradient-from: #064e3b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .lg\:hover\:from-blue-50:hover {
        --tw-gradient-from: #eff6ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .lg\:hover\:from-blue-100:hover {
        --tw-gradient-from: #dbeafe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .lg\:hover\:from-blue-200:hover {
        --tw-gradient-from: #bfdbfe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .lg\:hover\:from-blue-300:hover {
        --tw-gradient-from: #93c5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .lg\:hover\:from-blue-400:hover {
        --tw-gradient-from: #60a5fa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .lg\:hover\:from-blue-500:hover {
        --tw-gradient-from: #3b82f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .lg\:hover\:from-blue-600:hover {
        --tw-gradient-from: #2563eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .lg\:hover\:from-blue-700:hover {
        --tw-gradient-from: #1d4ed8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .lg\:hover\:from-blue-800:hover {
        --tw-gradient-from: #1e40af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .lg\:hover\:from-blue-900:hover {
        --tw-gradient-from: #1e3a8a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .lg\:hover\:from-indigo-50:hover {
        --tw-gradient-from: #eef2ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .lg\:hover\:from-indigo-100:hover {
        --tw-gradient-from: #e0e7ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .lg\:hover\:from-indigo-200:hover {
        --tw-gradient-from: #c7d2fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .lg\:hover\:from-indigo-300:hover {
        --tw-gradient-from: #a5b4fc;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .lg\:hover\:from-indigo-400:hover {
        --tw-gradient-from: #818cf8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .lg\:hover\:from-indigo-500:hover {
        --tw-gradient-from: #6366f1;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .lg\:hover\:from-indigo-600:hover {
        --tw-gradient-from: #4f46e5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .lg\:hover\:from-indigo-700:hover {
        --tw-gradient-from: #4338ca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .lg\:hover\:from-indigo-800:hover {
        --tw-gradient-from: #3730a3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .lg\:hover\:from-indigo-900:hover {
        --tw-gradient-from: #312e81;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .lg\:hover\:from-purple-50:hover {
        --tw-gradient-from: #f5f3ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .lg\:hover\:from-purple-100:hover {
        --tw-gradient-from: #ede9fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .lg\:hover\:from-purple-200:hover {
        --tw-gradient-from: #ddd6fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .lg\:hover\:from-purple-300:hover {
        --tw-gradient-from: #c4b5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .lg\:hover\:from-purple-400:hover {
        --tw-gradient-from: #a78bfa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .lg\:hover\:from-purple-500:hover {
        --tw-gradient-from: #8b5cf6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .lg\:hover\:from-purple-600:hover {
        --tw-gradient-from: #7c3aed;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .lg\:hover\:from-purple-700:hover {
        --tw-gradient-from: #6d28d9;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .lg\:hover\:from-purple-800:hover {
        --tw-gradient-from: #5b21b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .lg\:hover\:from-purple-900:hover {
        --tw-gradient-from: #4c1d95;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .lg\:hover\:from-pink-50:hover {
        --tw-gradient-from: #fdf2f8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .lg\:hover\:from-pink-100:hover {
        --tw-gradient-from: #fce7f3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .lg\:hover\:from-pink-200:hover {
        --tw-gradient-from: #fbcfe8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .lg\:hover\:from-pink-300:hover {
        --tw-gradient-from: #f9a8d4;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .lg\:hover\:from-pink-400:hover {
        --tw-gradient-from: #f472b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .lg\:hover\:from-pink-500:hover {
        --tw-gradient-from: #ec4899;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .lg\:hover\:from-pink-600:hover {
        --tw-gradient-from: #db2777;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .lg\:hover\:from-pink-700:hover {
        --tw-gradient-from: #be185d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .lg\:hover\:from-pink-800:hover {
        --tw-gradient-from: #9d174d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .lg\:hover\:from-pink-900:hover {
        --tw-gradient-from: #831843;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .lg\:hover\:from-primary:hover {
        --tw-gradient-from: #1ab938;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .lg\:hover\:from-orange:hover {
        --tw-gradient-from: #fdab5a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .lg\:hover\:from-danger:hover {
        --tw-gradient-from: #c75d5d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .lg\:focus\:from-transparent:focus {
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .lg\:focus\:from-current:focus {
        --tw-gradient-from: currentColor;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .lg\:focus\:from-black:focus {
        --tw-gradient-from: #000;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .lg\:focus\:from-white:focus {
        --tw-gradient-from: #fff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .lg\:focus\:from-gray-50:focus {
        --tw-gradient-from: #f9fafb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .lg\:focus\:from-gray-100:focus {
        --tw-gradient-from: #f3f4f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .lg\:focus\:from-gray-200:focus {
        --tw-gradient-from: #e5e7eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .lg\:focus\:from-gray-300:focus {
        --tw-gradient-from: #d1d5db;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .lg\:focus\:from-gray-400:focus {
        --tw-gradient-from: #9ca3af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .lg\:focus\:from-gray-500:focus {
        --tw-gradient-from: #6b7280;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .lg\:focus\:from-gray-600:focus {
        --tw-gradient-from: #4b5563;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .lg\:focus\:from-gray-700:focus {
        --tw-gradient-from: #374151;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .lg\:focus\:from-gray-800:focus {
        --tw-gradient-from: #1f2937;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .lg\:focus\:from-gray-900:focus {
        --tw-gradient-from: #111827;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .lg\:focus\:from-red-50:focus {
        --tw-gradient-from: #fef2f2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .lg\:focus\:from-red-100:focus {
        --tw-gradient-from: #fee2e2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .lg\:focus\:from-red-200:focus {
        --tw-gradient-from: #fecaca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .lg\:focus\:from-red-300:focus {
        --tw-gradient-from: #fca5a5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .lg\:focus\:from-red-400:focus {
        --tw-gradient-from: #f87171;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .lg\:focus\:from-red-500:focus {
        --tw-gradient-from: #ef4444;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .lg\:focus\:from-red-600:focus {
        --tw-gradient-from: #dc2626;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .lg\:focus\:from-red-700:focus {
        --tw-gradient-from: #b91c1c;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .lg\:focus\:from-red-800:focus {
        --tw-gradient-from: #991b1b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .lg\:focus\:from-red-900:focus {
        --tw-gradient-from: #7f1d1d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .lg\:focus\:from-yellow-50:focus {
        --tw-gradient-from: #fffbeb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .lg\:focus\:from-yellow-100:focus {
        --tw-gradient-from: #fef3c7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .lg\:focus\:from-yellow-200:focus {
        --tw-gradient-from: #fde68a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .lg\:focus\:from-yellow-300:focus {
        --tw-gradient-from: #fcd34d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .lg\:focus\:from-yellow-400:focus {
        --tw-gradient-from: #fbbf24;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .lg\:focus\:from-yellow-500:focus {
        --tw-gradient-from: #f59e0b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .lg\:focus\:from-yellow-600:focus {
        --tw-gradient-from: #d97706;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .lg\:focus\:from-yellow-700:focus {
        --tw-gradient-from: #b45309;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .lg\:focus\:from-yellow-800:focus {
        --tw-gradient-from: #92400e;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .lg\:focus\:from-yellow-900:focus {
        --tw-gradient-from: #78350f;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .lg\:focus\:from-green-50:focus {
        --tw-gradient-from: #ecfdf5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .lg\:focus\:from-green-100:focus {
        --tw-gradient-from: #d1fae5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .lg\:focus\:from-green-200:focus {
        --tw-gradient-from: #a7f3d0;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .lg\:focus\:from-green-300:focus {
        --tw-gradient-from: #6ee7b7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .lg\:focus\:from-green-400:focus {
        --tw-gradient-from: #34d399;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .lg\:focus\:from-green-500:focus {
        --tw-gradient-from: #10b981;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .lg\:focus\:from-green-600:focus {
        --tw-gradient-from: #059669;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .lg\:focus\:from-green-700:focus {
        --tw-gradient-from: #047857;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .lg\:focus\:from-green-800:focus {
        --tw-gradient-from: #065f46;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .lg\:focus\:from-green-900:focus {
        --tw-gradient-from: #064e3b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .lg\:focus\:from-blue-50:focus {
        --tw-gradient-from: #eff6ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .lg\:focus\:from-blue-100:focus {
        --tw-gradient-from: #dbeafe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .lg\:focus\:from-blue-200:focus {
        --tw-gradient-from: #bfdbfe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .lg\:focus\:from-blue-300:focus {
        --tw-gradient-from: #93c5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .lg\:focus\:from-blue-400:focus {
        --tw-gradient-from: #60a5fa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .lg\:focus\:from-blue-500:focus {
        --tw-gradient-from: #3b82f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .lg\:focus\:from-blue-600:focus {
        --tw-gradient-from: #2563eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .lg\:focus\:from-blue-700:focus {
        --tw-gradient-from: #1d4ed8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .lg\:focus\:from-blue-800:focus {
        --tw-gradient-from: #1e40af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .lg\:focus\:from-blue-900:focus {
        --tw-gradient-from: #1e3a8a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .lg\:focus\:from-indigo-50:focus {
        --tw-gradient-from: #eef2ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .lg\:focus\:from-indigo-100:focus {
        --tw-gradient-from: #e0e7ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .lg\:focus\:from-indigo-200:focus {
        --tw-gradient-from: #c7d2fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .lg\:focus\:from-indigo-300:focus {
        --tw-gradient-from: #a5b4fc;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .lg\:focus\:from-indigo-400:focus {
        --tw-gradient-from: #818cf8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .lg\:focus\:from-indigo-500:focus {
        --tw-gradient-from: #6366f1;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .lg\:focus\:from-indigo-600:focus {
        --tw-gradient-from: #4f46e5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .lg\:focus\:from-indigo-700:focus {
        --tw-gradient-from: #4338ca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .lg\:focus\:from-indigo-800:focus {
        --tw-gradient-from: #3730a3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .lg\:focus\:from-indigo-900:focus {
        --tw-gradient-from: #312e81;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .lg\:focus\:from-purple-50:focus {
        --tw-gradient-from: #f5f3ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .lg\:focus\:from-purple-100:focus {
        --tw-gradient-from: #ede9fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .lg\:focus\:from-purple-200:focus {
        --tw-gradient-from: #ddd6fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .lg\:focus\:from-purple-300:focus {
        --tw-gradient-from: #c4b5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .lg\:focus\:from-purple-400:focus {
        --tw-gradient-from: #a78bfa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .lg\:focus\:from-purple-500:focus {
        --tw-gradient-from: #8b5cf6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .lg\:focus\:from-purple-600:focus {
        --tw-gradient-from: #7c3aed;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .lg\:focus\:from-purple-700:focus {
        --tw-gradient-from: #6d28d9;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .lg\:focus\:from-purple-800:focus {
        --tw-gradient-from: #5b21b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .lg\:focus\:from-purple-900:focus {
        --tw-gradient-from: #4c1d95;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .lg\:focus\:from-pink-50:focus {
        --tw-gradient-from: #fdf2f8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .lg\:focus\:from-pink-100:focus {
        --tw-gradient-from: #fce7f3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .lg\:focus\:from-pink-200:focus {
        --tw-gradient-from: #fbcfe8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .lg\:focus\:from-pink-300:focus {
        --tw-gradient-from: #f9a8d4;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .lg\:focus\:from-pink-400:focus {
        --tw-gradient-from: #f472b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .lg\:focus\:from-pink-500:focus {
        --tw-gradient-from: #ec4899;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .lg\:focus\:from-pink-600:focus {
        --tw-gradient-from: #db2777;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .lg\:focus\:from-pink-700:focus {
        --tw-gradient-from: #be185d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .lg\:focus\:from-pink-800:focus {
        --tw-gradient-from: #9d174d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .lg\:focus\:from-pink-900:focus {
        --tw-gradient-from: #831843;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .lg\:focus\:from-primary:focus {
        --tw-gradient-from: #1ab938;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .lg\:focus\:from-orange:focus {
        --tw-gradient-from: #fdab5a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .lg\:focus\:from-danger:focus {
        --tw-gradient-from: #c75d5d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .lg\:hover\:via-transparent:hover {
        --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, transparent)
    }

    .lg\:hover\:via-current:hover {
        --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .lg\:hover\:via-black:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, transparent)
    }

    .lg\:hover\:via-white:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .lg\:hover\:via-gray-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .lg\:hover\:via-gray-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .lg\:hover\:via-gray-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .lg\:hover\:via-gray-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .lg\:hover\:via-gray-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .lg\:hover\:via-gray-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .lg\:hover\:via-gray-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .lg\:hover\:via-gray-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .lg\:hover\:via-gray-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .lg\:hover\:via-gray-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .lg\:hover\:via-red-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .lg\:hover\:via-red-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .lg\:hover\:via-red-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .lg\:hover\:via-red-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .lg\:hover\:via-red-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .lg\:hover\:via-red-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .lg\:hover\:via-red-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .lg\:hover\:via-red-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .lg\:hover\:via-red-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .lg\:hover\:via-red-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .lg\:hover\:via-yellow-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .lg\:hover\:via-yellow-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .lg\:hover\:via-yellow-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .lg\:hover\:via-yellow-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .lg\:hover\:via-yellow-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .lg\:hover\:via-yellow-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .lg\:hover\:via-yellow-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .lg\:hover\:via-yellow-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .lg\:hover\:via-yellow-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .lg\:hover\:via-yellow-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .lg\:hover\:via-green-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .lg\:hover\:via-green-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .lg\:hover\:via-green-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .lg\:hover\:via-green-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .lg\:hover\:via-green-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .lg\:hover\:via-green-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .lg\:hover\:via-green-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .lg\:hover\:via-green-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .lg\:hover\:via-green-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .lg\:hover\:via-green-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .lg\:hover\:via-blue-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .lg\:hover\:via-blue-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .lg\:hover\:via-blue-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .lg\:hover\:via-blue-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .lg\:hover\:via-blue-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .lg\:hover\:via-blue-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .lg\:hover\:via-blue-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .lg\:hover\:via-blue-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .lg\:hover\:via-blue-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .lg\:hover\:via-blue-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .lg\:hover\:via-indigo-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .lg\:hover\:via-indigo-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .lg\:hover\:via-indigo-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .lg\:hover\:via-indigo-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .lg\:hover\:via-indigo-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .lg\:hover\:via-indigo-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .lg\:hover\:via-indigo-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .lg\:hover\:via-indigo-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .lg\:hover\:via-indigo-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .lg\:hover\:via-indigo-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .lg\:hover\:via-purple-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .lg\:hover\:via-purple-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .lg\:hover\:via-purple-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .lg\:hover\:via-purple-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .lg\:hover\:via-purple-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .lg\:hover\:via-purple-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .lg\:hover\:via-purple-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .lg\:hover\:via-purple-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .lg\:hover\:via-purple-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .lg\:hover\:via-purple-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .lg\:hover\:via-pink-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .lg\:hover\:via-pink-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .lg\:hover\:via-pink-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .lg\:hover\:via-pink-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .lg\:hover\:via-pink-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .lg\:hover\:via-pink-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .lg\:hover\:via-pink-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .lg\:hover\:via-pink-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .lg\:hover\:via-pink-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .lg\:hover\:via-pink-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .lg\:hover\:via-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1ab938, var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .lg\:hover\:via-orange:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fdab5a, var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .lg\:hover\:via-danger:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #c75d5d, var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .lg\:focus\:via-transparent:focus {
        --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, transparent)
    }

    .lg\:focus\:via-current:focus {
        --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .lg\:focus\:via-black:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, transparent)
    }

    .lg\:focus\:via-white:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .lg\:focus\:via-gray-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .lg\:focus\:via-gray-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .lg\:focus\:via-gray-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .lg\:focus\:via-gray-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .lg\:focus\:via-gray-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .lg\:focus\:via-gray-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .lg\:focus\:via-gray-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .lg\:focus\:via-gray-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .lg\:focus\:via-gray-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .lg\:focus\:via-gray-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .lg\:focus\:via-red-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .lg\:focus\:via-red-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .lg\:focus\:via-red-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .lg\:focus\:via-red-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .lg\:focus\:via-red-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .lg\:focus\:via-red-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .lg\:focus\:via-red-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .lg\:focus\:via-red-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .lg\:focus\:via-red-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .lg\:focus\:via-red-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .lg\:focus\:via-yellow-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .lg\:focus\:via-yellow-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .lg\:focus\:via-yellow-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .lg\:focus\:via-yellow-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .lg\:focus\:via-yellow-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .lg\:focus\:via-yellow-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .lg\:focus\:via-yellow-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .lg\:focus\:via-yellow-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .lg\:focus\:via-yellow-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .lg\:focus\:via-yellow-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .lg\:focus\:via-green-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .lg\:focus\:via-green-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .lg\:focus\:via-green-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .lg\:focus\:via-green-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .lg\:focus\:via-green-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .lg\:focus\:via-green-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .lg\:focus\:via-green-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .lg\:focus\:via-green-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .lg\:focus\:via-green-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .lg\:focus\:via-green-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .lg\:focus\:via-blue-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .lg\:focus\:via-blue-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .lg\:focus\:via-blue-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .lg\:focus\:via-blue-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .lg\:focus\:via-blue-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .lg\:focus\:via-blue-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .lg\:focus\:via-blue-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .lg\:focus\:via-blue-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .lg\:focus\:via-blue-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .lg\:focus\:via-blue-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .lg\:focus\:via-indigo-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .lg\:focus\:via-indigo-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .lg\:focus\:via-indigo-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .lg\:focus\:via-indigo-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .lg\:focus\:via-indigo-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .lg\:focus\:via-indigo-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .lg\:focus\:via-indigo-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .lg\:focus\:via-indigo-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .lg\:focus\:via-indigo-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .lg\:focus\:via-indigo-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .lg\:focus\:via-purple-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .lg\:focus\:via-purple-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .lg\:focus\:via-purple-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .lg\:focus\:via-purple-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .lg\:focus\:via-purple-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .lg\:focus\:via-purple-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .lg\:focus\:via-purple-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .lg\:focus\:via-purple-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .lg\:focus\:via-purple-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .lg\:focus\:via-purple-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .lg\:focus\:via-pink-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .lg\:focus\:via-pink-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .lg\:focus\:via-pink-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .lg\:focus\:via-pink-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .lg\:focus\:via-pink-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .lg\:focus\:via-pink-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .lg\:focus\:via-pink-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .lg\:focus\:via-pink-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .lg\:focus\:via-pink-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .lg\:focus\:via-pink-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .lg\:focus\:via-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1ab938, var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .lg\:focus\:via-orange:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fdab5a, var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .lg\:focus\:via-danger:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #c75d5d, var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .lg\:hover\:to-transparent:hover {
        --tw-gradient-to: transparent
    }

    .lg\:hover\:to-current:hover {
        --tw-gradient-to: currentColor
    }

    .lg\:hover\:to-black:hover {
        --tw-gradient-to: #000
    }

    .lg\:hover\:to-white:hover {
        --tw-gradient-to: #fff
    }

    .lg\:hover\:to-gray-50:hover {
        --tw-gradient-to: #f9fafb
    }

    .lg\:hover\:to-gray-100:hover {
        --tw-gradient-to: #f3f4f6
    }

    .lg\:hover\:to-gray-200:hover {
        --tw-gradient-to: #e5e7eb
    }

    .lg\:hover\:to-gray-300:hover {
        --tw-gradient-to: #d1d5db
    }

    .lg\:hover\:to-gray-400:hover {
        --tw-gradient-to: #9ca3af
    }

    .lg\:hover\:to-gray-500:hover {
        --tw-gradient-to: #6b7280
    }

    .lg\:hover\:to-gray-600:hover {
        --tw-gradient-to: #4b5563
    }

    .lg\:hover\:to-gray-700:hover {
        --tw-gradient-to: #374151
    }

    .lg\:hover\:to-gray-800:hover {
        --tw-gradient-to: #1f2937
    }

    .lg\:hover\:to-gray-900:hover {
        --tw-gradient-to: #111827
    }

    .lg\:hover\:to-red-50:hover {
        --tw-gradient-to: #fef2f2
    }

    .lg\:hover\:to-red-100:hover {
        --tw-gradient-to: #fee2e2
    }

    .lg\:hover\:to-red-200:hover {
        --tw-gradient-to: #fecaca
    }

    .lg\:hover\:to-red-300:hover {
        --tw-gradient-to: #fca5a5
    }

    .lg\:hover\:to-red-400:hover {
        --tw-gradient-to: #f87171
    }

    .lg\:hover\:to-red-500:hover {
        --tw-gradient-to: #ef4444
    }

    .lg\:hover\:to-red-600:hover {
        --tw-gradient-to: #dc2626
    }

    .lg\:hover\:to-red-700:hover {
        --tw-gradient-to: #b91c1c
    }

    .lg\:hover\:to-red-800:hover {
        --tw-gradient-to: #991b1b
    }

    .lg\:hover\:to-red-900:hover {
        --tw-gradient-to: #7f1d1d
    }

    .lg\:hover\:to-yellow-50:hover {
        --tw-gradient-to: #fffbeb
    }

    .lg\:hover\:to-yellow-100:hover {
        --tw-gradient-to: #fef3c7
    }

    .lg\:hover\:to-yellow-200:hover {
        --tw-gradient-to: #fde68a
    }

    .lg\:hover\:to-yellow-300:hover {
        --tw-gradient-to: #fcd34d
    }

    .lg\:hover\:to-yellow-400:hover {
        --tw-gradient-to: #fbbf24
    }

    .lg\:hover\:to-yellow-500:hover {
        --tw-gradient-to: #f59e0b
    }

    .lg\:hover\:to-yellow-600:hover {
        --tw-gradient-to: #d97706
    }

    .lg\:hover\:to-yellow-700:hover {
        --tw-gradient-to: #b45309
    }

    .lg\:hover\:to-yellow-800:hover {
        --tw-gradient-to: #92400e
    }

    .lg\:hover\:to-yellow-900:hover {
        --tw-gradient-to: #78350f
    }

    .lg\:hover\:to-green-50:hover {
        --tw-gradient-to: #ecfdf5
    }

    .lg\:hover\:to-green-100:hover {
        --tw-gradient-to: #d1fae5
    }

    .lg\:hover\:to-green-200:hover {
        --tw-gradient-to: #a7f3d0
    }

    .lg\:hover\:to-green-300:hover {
        --tw-gradient-to: #6ee7b7
    }

    .lg\:hover\:to-green-400:hover {
        --tw-gradient-to: #34d399
    }

    .lg\:hover\:to-green-500:hover {
        --tw-gradient-to: #10b981
    }

    .lg\:hover\:to-green-600:hover {
        --tw-gradient-to: #059669
    }

    .lg\:hover\:to-green-700:hover {
        --tw-gradient-to: #047857
    }

    .lg\:hover\:to-green-800:hover {
        --tw-gradient-to: #065f46
    }

    .lg\:hover\:to-green-900:hover {
        --tw-gradient-to: #064e3b
    }

    .lg\:hover\:to-blue-50:hover {
        --tw-gradient-to: #eff6ff
    }

    .lg\:hover\:to-blue-100:hover {
        --tw-gradient-to: #dbeafe
    }

    .lg\:hover\:to-blue-200:hover {
        --tw-gradient-to: #bfdbfe
    }

    .lg\:hover\:to-blue-300:hover {
        --tw-gradient-to: #93c5fd
    }

    .lg\:hover\:to-blue-400:hover {
        --tw-gradient-to: #60a5fa
    }

    .lg\:hover\:to-blue-500:hover {
        --tw-gradient-to: #3b82f6
    }

    .lg\:hover\:to-blue-600:hover {
        --tw-gradient-to: #2563eb
    }

    .lg\:hover\:to-blue-700:hover {
        --tw-gradient-to: #1d4ed8
    }

    .lg\:hover\:to-blue-800:hover {
        --tw-gradient-to: #1e40af
    }

    .lg\:hover\:to-blue-900:hover {
        --tw-gradient-to: #1e3a8a
    }

    .lg\:hover\:to-indigo-50:hover {
        --tw-gradient-to: #eef2ff
    }

    .lg\:hover\:to-indigo-100:hover {
        --tw-gradient-to: #e0e7ff
    }

    .lg\:hover\:to-indigo-200:hover {
        --tw-gradient-to: #c7d2fe
    }

    .lg\:hover\:to-indigo-300:hover {
        --tw-gradient-to: #a5b4fc
    }

    .lg\:hover\:to-indigo-400:hover {
        --tw-gradient-to: #818cf8
    }

    .lg\:hover\:to-indigo-500:hover {
        --tw-gradient-to: #6366f1
    }

    .lg\:hover\:to-indigo-600:hover {
        --tw-gradient-to: #4f46e5
    }

    .lg\:hover\:to-indigo-700:hover {
        --tw-gradient-to: #4338ca
    }

    .lg\:hover\:to-indigo-800:hover {
        --tw-gradient-to: #3730a3
    }

    .lg\:hover\:to-indigo-900:hover {
        --tw-gradient-to: #312e81
    }

    .lg\:hover\:to-purple-50:hover {
        --tw-gradient-to: #f5f3ff
    }

    .lg\:hover\:to-purple-100:hover {
        --tw-gradient-to: #ede9fe
    }

    .lg\:hover\:to-purple-200:hover {
        --tw-gradient-to: #ddd6fe
    }

    .lg\:hover\:to-purple-300:hover {
        --tw-gradient-to: #c4b5fd
    }

    .lg\:hover\:to-purple-400:hover {
        --tw-gradient-to: #a78bfa
    }

    .lg\:hover\:to-purple-500:hover {
        --tw-gradient-to: #8b5cf6
    }

    .lg\:hover\:to-purple-600:hover {
        --tw-gradient-to: #7c3aed
    }

    .lg\:hover\:to-purple-700:hover {
        --tw-gradient-to: #6d28d9
    }

    .lg\:hover\:to-purple-800:hover {
        --tw-gradient-to: #5b21b6
    }

    .lg\:hover\:to-purple-900:hover {
        --tw-gradient-to: #4c1d95
    }

    .lg\:hover\:to-pink-50:hover {
        --tw-gradient-to: #fdf2f8
    }

    .lg\:hover\:to-pink-100:hover {
        --tw-gradient-to: #fce7f3
    }

    .lg\:hover\:to-pink-200:hover {
        --tw-gradient-to: #fbcfe8
    }

    .lg\:hover\:to-pink-300:hover {
        --tw-gradient-to: #f9a8d4
    }

    .lg\:hover\:to-pink-400:hover {
        --tw-gradient-to: #f472b6
    }

    .lg\:hover\:to-pink-500:hover {
        --tw-gradient-to: #ec4899
    }

    .lg\:hover\:to-pink-600:hover {
        --tw-gradient-to: #db2777
    }

    .lg\:hover\:to-pink-700:hover {
        --tw-gradient-to: #be185d
    }

    .lg\:hover\:to-pink-800:hover {
        --tw-gradient-to: #9d174d
    }

    .lg\:hover\:to-pink-900:hover {
        --tw-gradient-to: #831843
    }

    .lg\:hover\:to-primary:hover {
        --tw-gradient-to: #1ab938
    }

    .lg\:hover\:to-orange:hover {
        --tw-gradient-to: #fdab5a
    }

    .lg\:hover\:to-danger:hover {
        --tw-gradient-to: #c75d5d
    }

    .lg\:focus\:to-transparent:focus {
        --tw-gradient-to: transparent
    }

    .lg\:focus\:to-current:focus {
        --tw-gradient-to: currentColor
    }

    .lg\:focus\:to-black:focus {
        --tw-gradient-to: #000
    }

    .lg\:focus\:to-white:focus {
        --tw-gradient-to: #fff
    }

    .lg\:focus\:to-gray-50:focus {
        --tw-gradient-to: #f9fafb
    }

    .lg\:focus\:to-gray-100:focus {
        --tw-gradient-to: #f3f4f6
    }

    .lg\:focus\:to-gray-200:focus {
        --tw-gradient-to: #e5e7eb
    }

    .lg\:focus\:to-gray-300:focus {
        --tw-gradient-to: #d1d5db
    }

    .lg\:focus\:to-gray-400:focus {
        --tw-gradient-to: #9ca3af
    }

    .lg\:focus\:to-gray-500:focus {
        --tw-gradient-to: #6b7280
    }

    .lg\:focus\:to-gray-600:focus {
        --tw-gradient-to: #4b5563
    }

    .lg\:focus\:to-gray-700:focus {
        --tw-gradient-to: #374151
    }

    .lg\:focus\:to-gray-800:focus {
        --tw-gradient-to: #1f2937
    }

    .lg\:focus\:to-gray-900:focus {
        --tw-gradient-to: #111827
    }

    .lg\:focus\:to-red-50:focus {
        --tw-gradient-to: #fef2f2
    }

    .lg\:focus\:to-red-100:focus {
        --tw-gradient-to: #fee2e2
    }

    .lg\:focus\:to-red-200:focus {
        --tw-gradient-to: #fecaca
    }

    .lg\:focus\:to-red-300:focus {
        --tw-gradient-to: #fca5a5
    }

    .lg\:focus\:to-red-400:focus {
        --tw-gradient-to: #f87171
    }

    .lg\:focus\:to-red-500:focus {
        --tw-gradient-to: #ef4444
    }

    .lg\:focus\:to-red-600:focus {
        --tw-gradient-to: #dc2626
    }

    .lg\:focus\:to-red-700:focus {
        --tw-gradient-to: #b91c1c
    }

    .lg\:focus\:to-red-800:focus {
        --tw-gradient-to: #991b1b
    }

    .lg\:focus\:to-red-900:focus {
        --tw-gradient-to: #7f1d1d
    }

    .lg\:focus\:to-yellow-50:focus {
        --tw-gradient-to: #fffbeb
    }

    .lg\:focus\:to-yellow-100:focus {
        --tw-gradient-to: #fef3c7
    }

    .lg\:focus\:to-yellow-200:focus {
        --tw-gradient-to: #fde68a
    }

    .lg\:focus\:to-yellow-300:focus {
        --tw-gradient-to: #fcd34d
    }

    .lg\:focus\:to-yellow-400:focus {
        --tw-gradient-to: #fbbf24
    }

    .lg\:focus\:to-yellow-500:focus {
        --tw-gradient-to: #f59e0b
    }

    .lg\:focus\:to-yellow-600:focus {
        --tw-gradient-to: #d97706
    }

    .lg\:focus\:to-yellow-700:focus {
        --tw-gradient-to: #b45309
    }

    .lg\:focus\:to-yellow-800:focus {
        --tw-gradient-to: #92400e
    }

    .lg\:focus\:to-yellow-900:focus {
        --tw-gradient-to: #78350f
    }

    .lg\:focus\:to-green-50:focus {
        --tw-gradient-to: #ecfdf5
    }

    .lg\:focus\:to-green-100:focus {
        --tw-gradient-to: #d1fae5
    }

    .lg\:focus\:to-green-200:focus {
        --tw-gradient-to: #a7f3d0
    }

    .lg\:focus\:to-green-300:focus {
        --tw-gradient-to: #6ee7b7
    }

    .lg\:focus\:to-green-400:focus {
        --tw-gradient-to: #34d399
    }

    .lg\:focus\:to-green-500:focus {
        --tw-gradient-to: #10b981
    }

    .lg\:focus\:to-green-600:focus {
        --tw-gradient-to: #059669
    }

    .lg\:focus\:to-green-700:focus {
        --tw-gradient-to: #047857
    }

    .lg\:focus\:to-green-800:focus {
        --tw-gradient-to: #065f46
    }

    .lg\:focus\:to-green-900:focus {
        --tw-gradient-to: #064e3b
    }

    .lg\:focus\:to-blue-50:focus {
        --tw-gradient-to: #eff6ff
    }

    .lg\:focus\:to-blue-100:focus {
        --tw-gradient-to: #dbeafe
    }

    .lg\:focus\:to-blue-200:focus {
        --tw-gradient-to: #bfdbfe
    }

    .lg\:focus\:to-blue-300:focus {
        --tw-gradient-to: #93c5fd
    }

    .lg\:focus\:to-blue-400:focus {
        --tw-gradient-to: #60a5fa
    }

    .lg\:focus\:to-blue-500:focus {
        --tw-gradient-to: #3b82f6
    }

    .lg\:focus\:to-blue-600:focus {
        --tw-gradient-to: #2563eb
    }

    .lg\:focus\:to-blue-700:focus {
        --tw-gradient-to: #1d4ed8
    }

    .lg\:focus\:to-blue-800:focus {
        --tw-gradient-to: #1e40af
    }

    .lg\:focus\:to-blue-900:focus {
        --tw-gradient-to: #1e3a8a
    }

    .lg\:focus\:to-indigo-50:focus {
        --tw-gradient-to: #eef2ff
    }

    .lg\:focus\:to-indigo-100:focus {
        --tw-gradient-to: #e0e7ff
    }

    .lg\:focus\:to-indigo-200:focus {
        --tw-gradient-to: #c7d2fe
    }

    .lg\:focus\:to-indigo-300:focus {
        --tw-gradient-to: #a5b4fc
    }

    .lg\:focus\:to-indigo-400:focus {
        --tw-gradient-to: #818cf8
    }

    .lg\:focus\:to-indigo-500:focus {
        --tw-gradient-to: #6366f1
    }

    .lg\:focus\:to-indigo-600:focus {
        --tw-gradient-to: #4f46e5
    }

    .lg\:focus\:to-indigo-700:focus {
        --tw-gradient-to: #4338ca
    }

    .lg\:focus\:to-indigo-800:focus {
        --tw-gradient-to: #3730a3
    }

    .lg\:focus\:to-indigo-900:focus {
        --tw-gradient-to: #312e81
    }

    .lg\:focus\:to-purple-50:focus {
        --tw-gradient-to: #f5f3ff
    }

    .lg\:focus\:to-purple-100:focus {
        --tw-gradient-to: #ede9fe
    }

    .lg\:focus\:to-purple-200:focus {
        --tw-gradient-to: #ddd6fe
    }

    .lg\:focus\:to-purple-300:focus {
        --tw-gradient-to: #c4b5fd
    }

    .lg\:focus\:to-purple-400:focus {
        --tw-gradient-to: #a78bfa
    }

    .lg\:focus\:to-purple-500:focus {
        --tw-gradient-to: #8b5cf6
    }

    .lg\:focus\:to-purple-600:focus {
        --tw-gradient-to: #7c3aed
    }

    .lg\:focus\:to-purple-700:focus {
        --tw-gradient-to: #6d28d9
    }

    .lg\:focus\:to-purple-800:focus {
        --tw-gradient-to: #5b21b6
    }

    .lg\:focus\:to-purple-900:focus {
        --tw-gradient-to: #4c1d95
    }

    .lg\:focus\:to-pink-50:focus {
        --tw-gradient-to: #fdf2f8
    }

    .lg\:focus\:to-pink-100:focus {
        --tw-gradient-to: #fce7f3
    }

    .lg\:focus\:to-pink-200:focus {
        --tw-gradient-to: #fbcfe8
    }

    .lg\:focus\:to-pink-300:focus {
        --tw-gradient-to: #f9a8d4
    }

    .lg\:focus\:to-pink-400:focus {
        --tw-gradient-to: #f472b6
    }

    .lg\:focus\:to-pink-500:focus {
        --tw-gradient-to: #ec4899
    }

    .lg\:focus\:to-pink-600:focus {
        --tw-gradient-to: #db2777
    }

    .lg\:focus\:to-pink-700:focus {
        --tw-gradient-to: #be185d
    }

    .lg\:focus\:to-pink-800:focus {
        --tw-gradient-to: #9d174d
    }

    .lg\:focus\:to-pink-900:focus {
        --tw-gradient-to: #831843
    }

    .lg\:focus\:to-primary:focus {
        --tw-gradient-to: #1ab938
    }

    .lg\:focus\:to-orange:focus {
        --tw-gradient-to: #fdab5a
    }

    .lg\:focus\:to-danger:focus {
        --tw-gradient-to: #c75d5d
    }

    .group:hover .lg\:group-hover\:text-transparent {
        color: transparent
    }

    .group:hover .lg\:group-hover\:text-current {
        color: currentColor
    }

    .group:hover .lg\:group-hover\:text-black {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-white {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-gray-50 {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-gray-100 {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-gray-200 {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-gray-300 {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-gray-400 {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-gray-500 {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-gray-600 {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-gray-700 {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-gray-800 {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-gray-900 {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-red-50 {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-red-100 {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-red-200 {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-red-300 {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-red-400 {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-red-500 {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-red-600 {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-red-700 {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-red-800 {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-red-900 {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-yellow-50 {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-yellow-100 {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-yellow-200 {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-yellow-300 {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-yellow-400 {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-yellow-500 {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-yellow-600 {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-yellow-700 {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-yellow-800 {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-yellow-900 {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-green-50 {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-green-100 {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-green-200 {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-green-300 {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-green-400 {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-green-500 {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-green-600 {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-green-700 {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-green-800 {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-green-900 {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-blue-50 {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-blue-100 {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-blue-200 {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-blue-300 {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-blue-400 {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-blue-500 {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-blue-600 {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-blue-700 {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-blue-800 {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-blue-900 {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-indigo-50 {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-indigo-100 {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-indigo-200 {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-indigo-300 {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-indigo-400 {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-indigo-500 {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-indigo-600 {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-indigo-700 {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-indigo-800 {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-indigo-900 {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-purple-50 {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-purple-100 {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-purple-200 {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-purple-300 {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-purple-400 {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-purple-500 {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-purple-600 {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-purple-700 {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-purple-800 {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-purple-900 {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-pink-50 {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-pink-100 {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-pink-200 {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-pink-300 {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-pink-400 {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-pink-500 {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-pink-600 {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-pink-700 {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-pink-800 {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-pink-900 {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-primary {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-orange {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .group:hover .lg\:group-hover\:text-danger {
        color: #c75d5d
    }

    .lg\:focus-within\:text-transparent:focus-within {
        color: transparent
    }

    .lg\:focus-within\:text-current:focus-within {
        color: currentColor
    }

    .lg\:focus-within\:text-black:focus-within {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-white:focus-within {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-gray-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-gray-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-gray-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-gray-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-gray-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-gray-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-gray-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-gray-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-gray-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-gray-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-red-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-red-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-red-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-red-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-red-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-red-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-red-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-red-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-red-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-red-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-yellow-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-yellow-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-yellow-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-yellow-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-yellow-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-yellow-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-yellow-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-yellow-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-yellow-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-yellow-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-green-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-green-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-green-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-green-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-green-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-green-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-green-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-green-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-green-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-green-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-blue-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-blue-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-blue-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-blue-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-blue-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-blue-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-blue-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-blue-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-blue-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-blue-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-indigo-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-indigo-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-indigo-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-indigo-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-indigo-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-indigo-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-indigo-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-indigo-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-indigo-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-indigo-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-purple-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-purple-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-purple-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-purple-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-purple-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-purple-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-purple-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-purple-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-purple-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-purple-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-pink-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-pink-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-pink-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-pink-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-pink-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-pink-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-pink-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-pink-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-pink-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-pink-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-primary:focus-within {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-orange:focus-within {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .lg\:focus-within\:text-danger:focus-within {
        color: #c75d5d
    }

    .lg\:hover\:text-transparent:hover {
        color: transparent
    }

    .lg\:hover\:text-current:hover {
        color: currentColor
    }

    .lg\:hover\:text-black:hover {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .lg\:hover\:text-white:hover {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .lg\:hover\:text-gray-50:hover {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .lg\:hover\:text-gray-100:hover {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .lg\:hover\:text-gray-200:hover {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .lg\:hover\:text-gray-300:hover {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .lg\:hover\:text-gray-400:hover {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .lg\:hover\:text-gray-500:hover {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .lg\:hover\:text-gray-600:hover {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .lg\:hover\:text-gray-700:hover {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .lg\:hover\:text-gray-800:hover {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .lg\:hover\:text-gray-900:hover {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .lg\:hover\:text-red-50:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .lg\:hover\:text-red-100:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .lg\:hover\:text-red-200:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .lg\:hover\:text-red-300:hover {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .lg\:hover\:text-red-400:hover {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .lg\:hover\:text-red-500:hover {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .lg\:hover\:text-red-600:hover {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .lg\:hover\:text-red-700:hover {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .lg\:hover\:text-red-800:hover {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .lg\:hover\:text-red-900:hover {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .lg\:hover\:text-yellow-50:hover {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .lg\:hover\:text-yellow-100:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .lg\:hover\:text-yellow-200:hover {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .lg\:hover\:text-yellow-300:hover {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .lg\:hover\:text-yellow-400:hover {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .lg\:hover\:text-yellow-500:hover {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .lg\:hover\:text-yellow-600:hover {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .lg\:hover\:text-yellow-700:hover {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .lg\:hover\:text-yellow-800:hover {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .lg\:hover\:text-yellow-900:hover {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .lg\:hover\:text-green-50:hover {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .lg\:hover\:text-green-100:hover {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .lg\:hover\:text-green-200:hover {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .lg\:hover\:text-green-300:hover {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .lg\:hover\:text-green-400:hover {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .lg\:hover\:text-green-500:hover {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .lg\:hover\:text-green-600:hover {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .lg\:hover\:text-green-700:hover {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .lg\:hover\:text-green-800:hover {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .lg\:hover\:text-green-900:hover {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .lg\:hover\:text-blue-50:hover {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .lg\:hover\:text-blue-100:hover {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .lg\:hover\:text-blue-200:hover {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .lg\:hover\:text-blue-300:hover {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .lg\:hover\:text-blue-400:hover {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .lg\:hover\:text-blue-500:hover {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .lg\:hover\:text-blue-600:hover {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .lg\:hover\:text-blue-700:hover {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .lg\:hover\:text-blue-800:hover {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .lg\:hover\:text-blue-900:hover {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .lg\:hover\:text-indigo-50:hover {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .lg\:hover\:text-indigo-100:hover {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .lg\:hover\:text-indigo-200:hover {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .lg\:hover\:text-indigo-300:hover {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .lg\:hover\:text-indigo-400:hover {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .lg\:hover\:text-indigo-500:hover {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .lg\:hover\:text-indigo-600:hover {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .lg\:hover\:text-indigo-700:hover {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .lg\:hover\:text-indigo-800:hover {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .lg\:hover\:text-indigo-900:hover {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .lg\:hover\:text-purple-50:hover {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .lg\:hover\:text-purple-100:hover {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .lg\:hover\:text-purple-200:hover {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .lg\:hover\:text-purple-300:hover {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .lg\:hover\:text-purple-400:hover {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .lg\:hover\:text-purple-500:hover {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .lg\:hover\:text-purple-600:hover {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .lg\:hover\:text-purple-700:hover {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .lg\:hover\:text-purple-800:hover {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .lg\:hover\:text-purple-900:hover {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .lg\:hover\:text-pink-50:hover {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .lg\:hover\:text-pink-100:hover {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .lg\:hover\:text-pink-200:hover {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .lg\:hover\:text-pink-300:hover {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .lg\:hover\:text-pink-400:hover {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .lg\:hover\:text-pink-500:hover {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .lg\:hover\:text-pink-600:hover {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .lg\:hover\:text-pink-700:hover {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .lg\:hover\:text-pink-800:hover {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .lg\:hover\:text-pink-900:hover {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .lg\:hover\:text-primary:hover {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .lg\:hover\:text-orange:hover {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .lg\:hover\:text-danger:hover {
        color: #c75d5d
    }

    .lg\:focus\:text-transparent:focus {
        color: transparent
    }

    .lg\:focus\:text-current:focus {
        color: currentColor
    }

    .lg\:focus\:text-black:focus {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .lg\:focus\:text-white:focus {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .lg\:focus\:text-gray-50:focus {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .lg\:focus\:text-gray-100:focus {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .lg\:focus\:text-gray-200:focus {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .lg\:focus\:text-gray-300:focus {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .lg\:focus\:text-gray-400:focus {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .lg\:focus\:text-gray-500:focus {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .lg\:focus\:text-gray-600:focus {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .lg\:focus\:text-gray-700:focus {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .lg\:focus\:text-gray-800:focus {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .lg\:focus\:text-gray-900:focus {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .lg\:focus\:text-red-50:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .lg\:focus\:text-red-100:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .lg\:focus\:text-red-200:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .lg\:focus\:text-red-300:focus {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .lg\:focus\:text-red-400:focus {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .lg\:focus\:text-red-500:focus {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .lg\:focus\:text-red-600:focus {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .lg\:focus\:text-red-700:focus {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .lg\:focus\:text-red-800:focus {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .lg\:focus\:text-red-900:focus {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .lg\:focus\:text-yellow-50:focus {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .lg\:focus\:text-yellow-100:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .lg\:focus\:text-yellow-200:focus {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .lg\:focus\:text-yellow-300:focus {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .lg\:focus\:text-yellow-400:focus {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .lg\:focus\:text-yellow-500:focus {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .lg\:focus\:text-yellow-600:focus {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .lg\:focus\:text-yellow-700:focus {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .lg\:focus\:text-yellow-800:focus {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .lg\:focus\:text-yellow-900:focus {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .lg\:focus\:text-green-50:focus {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .lg\:focus\:text-green-100:focus {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .lg\:focus\:text-green-200:focus {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .lg\:focus\:text-green-300:focus {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .lg\:focus\:text-green-400:focus {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .lg\:focus\:text-green-500:focus {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .lg\:focus\:text-green-600:focus {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .lg\:focus\:text-green-700:focus {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .lg\:focus\:text-green-800:focus {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .lg\:focus\:text-green-900:focus {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .lg\:focus\:text-blue-50:focus {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .lg\:focus\:text-blue-100:focus {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .lg\:focus\:text-blue-200:focus {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .lg\:focus\:text-blue-300:focus {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .lg\:focus\:text-blue-400:focus {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .lg\:focus\:text-blue-500:focus {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .lg\:focus\:text-blue-600:focus {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .lg\:focus\:text-blue-700:focus {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .lg\:focus\:text-blue-800:focus {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .lg\:focus\:text-blue-900:focus {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .lg\:focus\:text-indigo-50:focus {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .lg\:focus\:text-indigo-100:focus {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .lg\:focus\:text-indigo-200:focus {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .lg\:focus\:text-indigo-300:focus {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .lg\:focus\:text-indigo-400:focus {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .lg\:focus\:text-indigo-500:focus {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .lg\:focus\:text-indigo-600:focus {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .lg\:focus\:text-indigo-700:focus {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .lg\:focus\:text-indigo-800:focus {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .lg\:focus\:text-indigo-900:focus {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .lg\:focus\:text-purple-50:focus {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .lg\:focus\:text-purple-100:focus {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .lg\:focus\:text-purple-200:focus {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .lg\:focus\:text-purple-300:focus {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .lg\:focus\:text-purple-400:focus {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .lg\:focus\:text-purple-500:focus {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .lg\:focus\:text-purple-600:focus {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .lg\:focus\:text-purple-700:focus {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .lg\:focus\:text-purple-800:focus {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .lg\:focus\:text-purple-900:focus {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .lg\:focus\:text-pink-50:focus {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .lg\:focus\:text-pink-100:focus {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .lg\:focus\:text-pink-200:focus {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .lg\:focus\:text-pink-300:focus {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .lg\:focus\:text-pink-400:focus {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .lg\:focus\:text-pink-500:focus {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .lg\:focus\:text-pink-600:focus {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .lg\:focus\:text-pink-700:focus {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .lg\:focus\:text-pink-800:focus {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .lg\:focus\:text-pink-900:focus {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .lg\:focus\:text-primary:focus {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .lg\:focus\:text-orange:focus {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .lg\:focus\:text-danger:focus {
        color: #c75d5d
    }

    .group:hover .lg\:group-hover\:text-opacity-0 {
        --tw-text-opacity: 0
    }

    .group:hover .lg\:group-hover\:text-opacity-5 {
        --tw-text-opacity: 0.05
    }

    .group:hover .lg\:group-hover\:text-opacity-10 {
        --tw-text-opacity: 0.1
    }

    .group:hover .lg\:group-hover\:text-opacity-20 {
        --tw-text-opacity: 0.2
    }

    .group:hover .lg\:group-hover\:text-opacity-25 {
        --tw-text-opacity: 0.25
    }

    .group:hover .lg\:group-hover\:text-opacity-30 {
        --tw-text-opacity: 0.3
    }

    .group:hover .lg\:group-hover\:text-opacity-40 {
        --tw-text-opacity: 0.4
    }

    .group:hover .lg\:group-hover\:text-opacity-50 {
        --tw-text-opacity: 0.5
    }

    .group:hover .lg\:group-hover\:text-opacity-60 {
        --tw-text-opacity: 0.6
    }

    .group:hover .lg\:group-hover\:text-opacity-70 {
        --tw-text-opacity: 0.7
    }

    .group:hover .lg\:group-hover\:text-opacity-75 {
        --tw-text-opacity: 0.75
    }

    .group:hover .lg\:group-hover\:text-opacity-80 {
        --tw-text-opacity: 0.8
    }

    .group:hover .lg\:group-hover\:text-opacity-90 {
        --tw-text-opacity: 0.9
    }

    .group:hover .lg\:group-hover\:text-opacity-95 {
        --tw-text-opacity: 0.95
    }

    .group:hover .lg\:group-hover\:text-opacity-100 {
        --tw-text-opacity: 1
    }

    .lg\:focus-within\:text-opacity-0:focus-within {
        --tw-text-opacity: 0
    }

    .lg\:focus-within\:text-opacity-5:focus-within {
        --tw-text-opacity: 0.05
    }

    .lg\:focus-within\:text-opacity-10:focus-within {
        --tw-text-opacity: 0.1
    }

    .lg\:focus-within\:text-opacity-20:focus-within {
        --tw-text-opacity: 0.2
    }

    .lg\:focus-within\:text-opacity-25:focus-within {
        --tw-text-opacity: 0.25
    }

    .lg\:focus-within\:text-opacity-30:focus-within {
        --tw-text-opacity: 0.3
    }

    .lg\:focus-within\:text-opacity-40:focus-within {
        --tw-text-opacity: 0.4
    }

    .lg\:focus-within\:text-opacity-50:focus-within {
        --tw-text-opacity: 0.5
    }

    .lg\:focus-within\:text-opacity-60:focus-within {
        --tw-text-opacity: 0.6
    }

    .lg\:focus-within\:text-opacity-70:focus-within {
        --tw-text-opacity: 0.7
    }

    .lg\:focus-within\:text-opacity-75:focus-within {
        --tw-text-opacity: 0.75
    }

    .lg\:focus-within\:text-opacity-80:focus-within {
        --tw-text-opacity: 0.8
    }

    .lg\:focus-within\:text-opacity-90:focus-within {
        --tw-text-opacity: 0.9
    }

    .lg\:focus-within\:text-opacity-95:focus-within {
        --tw-text-opacity: 0.95
    }

    .lg\:focus-within\:text-opacity-100:focus-within {
        --tw-text-opacity: 1
    }

    .lg\:hover\:text-opacity-0:hover {
        --tw-text-opacity: 0
    }

    .lg\:hover\:text-opacity-5:hover {
        --tw-text-opacity: 0.05
    }

    .lg\:hover\:text-opacity-10:hover {
        --tw-text-opacity: 0.1
    }

    .lg\:hover\:text-opacity-20:hover {
        --tw-text-opacity: 0.2
    }

    .lg\:hover\:text-opacity-25:hover {
        --tw-text-opacity: 0.25
    }

    .lg\:hover\:text-opacity-30:hover {
        --tw-text-opacity: 0.3
    }

    .lg\:hover\:text-opacity-40:hover {
        --tw-text-opacity: 0.4
    }

    .lg\:hover\:text-opacity-50:hover {
        --tw-text-opacity: 0.5
    }

    .lg\:hover\:text-opacity-60:hover {
        --tw-text-opacity: 0.6
    }

    .lg\:hover\:text-opacity-70:hover {
        --tw-text-opacity: 0.7
    }

    .lg\:hover\:text-opacity-75:hover {
        --tw-text-opacity: 0.75
    }

    .lg\:hover\:text-opacity-80:hover {
        --tw-text-opacity: 0.8
    }

    .lg\:hover\:text-opacity-90:hover {
        --tw-text-opacity: 0.9
    }

    .lg\:hover\:text-opacity-95:hover {
        --tw-text-opacity: 0.95
    }

    .lg\:hover\:text-opacity-100:hover {
        --tw-text-opacity: 1
    }

    .lg\:focus\:text-opacity-0:focus {
        --tw-text-opacity: 0
    }

    .lg\:focus\:text-opacity-5:focus {
        --tw-text-opacity: 0.05
    }

    .lg\:focus\:text-opacity-10:focus {
        --tw-text-opacity: 0.1
    }

    .lg\:focus\:text-opacity-20:focus {
        --tw-text-opacity: 0.2
    }

    .lg\:focus\:text-opacity-25:focus {
        --tw-text-opacity: 0.25
    }

    .lg\:focus\:text-opacity-30:focus {
        --tw-text-opacity: 0.3
    }

    .lg\:focus\:text-opacity-40:focus {
        --tw-text-opacity: 0.4
    }

    .lg\:focus\:text-opacity-50:focus {
        --tw-text-opacity: 0.5
    }

    .lg\:focus\:text-opacity-60:focus {
        --tw-text-opacity: 0.6
    }

    .lg\:focus\:text-opacity-70:focus {
        --tw-text-opacity: 0.7
    }

    .lg\:focus\:text-opacity-75:focus {
        --tw-text-opacity: 0.75
    }

    .lg\:focus\:text-opacity-80:focus {
        --tw-text-opacity: 0.8
    }

    .lg\:focus\:text-opacity-90:focus {
        --tw-text-opacity: 0.9
    }

    .lg\:focus\:text-opacity-95:focus {
        --tw-text-opacity: 0.95
    }

    .lg\:focus\:text-opacity-100:focus {
        --tw-text-opacity: 1
    }

    .group:hover .lg\:group-hover\:underline {
        text-decoration: underline
    }

    .group:hover .lg\:group-hover\:line-through {
        text-decoration: line-through
    }

    .group:hover .lg\:group-hover\:no-underline {
        text-decoration: none
    }

    .lg\:focus-within\:underline:focus-within {
        text-decoration: underline
    }

    .lg\:focus-within\:line-through:focus-within {
        text-decoration: line-through
    }

    .lg\:focus-within\:no-underline:focus-within {
        text-decoration: none
    }

    .lg\:hover\:underline:hover {
        text-decoration: underline
    }

    .lg\:hover\:line-through:hover {
        text-decoration: line-through
    }

    .lg\:hover\:no-underline:hover {
        text-decoration: none
    }

    .lg\:focus\:underline:focus {
        text-decoration: underline
    }

    .lg\:focus\:line-through:focus {
        text-decoration: line-through
    }

    .lg\:focus\:no-underline:focus {
        text-decoration: none
    }

    .lg\:placeholder-transparent::-webkit-input-placeholder {
        color: transparent
    }

    .lg\:placeholder-transparent::-moz-placeholder {
        color: transparent
    }

    .lg\:placeholder-transparent::-ms-input-placeholder {
        color: transparent
    }

    .lg\:placeholder-transparent::placeholder {
        color: transparent
    }

    .lg\:placeholder-current::-webkit-input-placeholder {
        color: currentColor
    }

    .lg\:placeholder-current::-moz-placeholder {
        color: currentColor
    }

    .lg\:placeholder-current::-ms-input-placeholder {
        color: currentColor
    }

    .lg\:placeholder-current::placeholder {
        color: currentColor
    }

    .lg\:placeholder-black::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-black::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-black::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-black::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-white::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-white::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-white::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-white::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-gray-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-red-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-yellow-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-green-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-blue-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-indigo-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-purple-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-pink-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-primary::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-primary::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-primary::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-primary::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-orange::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-orange::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-orange::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-orange::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .lg\:placeholder-danger::-webkit-input-placeholder {
        color: #c75d5d
    }

    .lg\:placeholder-danger::-moz-placeholder {
        color: #c75d5d
    }

    .lg\:placeholder-danger::-ms-input-placeholder {
        color: #c75d5d
    }

    .lg\:placeholder-danger::placeholder {
        color: #c75d5d
    }

    .lg\:focus\:placeholder-transparent:focus::-webkit-input-placeholder {
        color: transparent
    }

    .lg\:focus\:placeholder-transparent:focus::-moz-placeholder {
        color: transparent
    }

    .lg\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
        color: transparent
    }

    .lg\:focus\:placeholder-transparent:focus::placeholder {
        color: transparent
    }

    .lg\:focus\:placeholder-current:focus::-webkit-input-placeholder {
        color: currentColor
    }

    .lg\:focus\:placeholder-current:focus::-moz-placeholder {
        color: currentColor
    }

    .lg\:focus\:placeholder-current:focus::-ms-input-placeholder {
        color: currentColor
    }

    .lg\:focus\:placeholder-current:focus::placeholder {
        color: currentColor
    }

    .lg\:focus\:placeholder-black:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-black:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-black:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-black:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-white:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-white:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-white:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-white:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-gray-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-red-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-yellow-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-green-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-blue-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-indigo-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-purple-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-pink-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-primary:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-primary:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-primary:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-primary:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-orange:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-orange:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-orange:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-orange:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .lg\:focus\:placeholder-danger:focus::-webkit-input-placeholder {
        color: #c75d5d
    }

    .lg\:focus\:placeholder-danger:focus::-moz-placeholder {
        color: #c75d5d
    }

    .lg\:focus\:placeholder-danger:focus::-ms-input-placeholder {
        color: #c75d5d
    }

    .lg\:focus\:placeholder-danger:focus::placeholder {
        color: #c75d5d
    }

    .lg\:placeholder-opacity-0::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .lg\:placeholder-opacity-0::-moz-placeholder {
        --tw-placeholder-opacity: 0
    }

    .lg\:placeholder-opacity-0::-ms-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .lg\:placeholder-opacity-0::placeholder {
        --tw-placeholder-opacity: 0
    }

    .lg\:placeholder-opacity-5::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .lg\:placeholder-opacity-5::-moz-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .lg\:placeholder-opacity-5::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .lg\:placeholder-opacity-5::placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .lg\:placeholder-opacity-10::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .lg\:placeholder-opacity-10::-moz-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .lg\:placeholder-opacity-10::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .lg\:placeholder-opacity-10::placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .lg\:placeholder-opacity-20::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .lg\:placeholder-opacity-20::-moz-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .lg\:placeholder-opacity-20::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .lg\:placeholder-opacity-20::placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .lg\:placeholder-opacity-25::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .lg\:placeholder-opacity-25::-moz-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .lg\:placeholder-opacity-25::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .lg\:placeholder-opacity-25::placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .lg\:placeholder-opacity-30::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .lg\:placeholder-opacity-30::-moz-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .lg\:placeholder-opacity-30::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .lg\:placeholder-opacity-30::placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .lg\:placeholder-opacity-40::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .lg\:placeholder-opacity-40::-moz-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .lg\:placeholder-opacity-40::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .lg\:placeholder-opacity-40::placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .lg\:placeholder-opacity-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .lg\:placeholder-opacity-50::-moz-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .lg\:placeholder-opacity-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .lg\:placeholder-opacity-50::placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .lg\:placeholder-opacity-60::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .lg\:placeholder-opacity-60::-moz-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .lg\:placeholder-opacity-60::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .lg\:placeholder-opacity-60::placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .lg\:placeholder-opacity-70::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .lg\:placeholder-opacity-70::-moz-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .lg\:placeholder-opacity-70::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .lg\:placeholder-opacity-70::placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .lg\:placeholder-opacity-75::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .lg\:placeholder-opacity-75::-moz-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .lg\:placeholder-opacity-75::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .lg\:placeholder-opacity-75::placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .lg\:placeholder-opacity-80::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .lg\:placeholder-opacity-80::-moz-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .lg\:placeholder-opacity-80::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .lg\:placeholder-opacity-80::placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .lg\:placeholder-opacity-90::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .lg\:placeholder-opacity-90::-moz-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .lg\:placeholder-opacity-90::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .lg\:placeholder-opacity-90::placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .lg\:placeholder-opacity-95::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .lg\:placeholder-opacity-95::-moz-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .lg\:placeholder-opacity-95::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .lg\:placeholder-opacity-95::placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .lg\:placeholder-opacity-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .lg\:placeholder-opacity-100::-moz-placeholder {
        --tw-placeholder-opacity: 1
    }

    .lg\:placeholder-opacity-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .lg\:placeholder-opacity-100::placeholder {
        --tw-placeholder-opacity: 1
    }

    .lg\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .lg\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0
    }

    .lg\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .lg\:focus\:placeholder-opacity-0:focus::placeholder {
        --tw-placeholder-opacity: 0
    }

    .lg\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .lg\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .lg\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .lg\:focus\:placeholder-opacity-5:focus::placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .lg\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .lg\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .lg\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .lg\:focus\:placeholder-opacity-10:focus::placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .lg\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .lg\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .lg\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .lg\:focus\:placeholder-opacity-20:focus::placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .lg\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .lg\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .lg\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .lg\:focus\:placeholder-opacity-25:focus::placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .lg\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .lg\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .lg\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .lg\:focus\:placeholder-opacity-30:focus::placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .lg\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .lg\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .lg\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .lg\:focus\:placeholder-opacity-40:focus::placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .lg\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .lg\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .lg\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .lg\:focus\:placeholder-opacity-50:focus::placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .lg\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .lg\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .lg\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .lg\:focus\:placeholder-opacity-60:focus::placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .lg\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .lg\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .lg\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .lg\:focus\:placeholder-opacity-70:focus::placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .lg\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .lg\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .lg\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .lg\:focus\:placeholder-opacity-75:focus::placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .lg\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .lg\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .lg\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .lg\:focus\:placeholder-opacity-80:focus::placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .lg\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .lg\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .lg\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .lg\:focus\:placeholder-opacity-90:focus::placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .lg\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .lg\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .lg\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .lg\:focus\:placeholder-opacity-95:focus::placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .lg\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .lg\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1
    }

    .lg\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .lg\:focus\:placeholder-opacity-100:focus::placeholder {
        --tw-placeholder-opacity: 1
    }

    .group:hover .lg\:group-hover\:opacity-0 {
        opacity: 0
    }

    .group:hover .lg\:group-hover\:opacity-5 {
        opacity: .05
    }

    .group:hover .lg\:group-hover\:opacity-10 {
        opacity: .1
    }

    .group:hover .lg\:group-hover\:opacity-20 {
        opacity: .2
    }

    .group:hover .lg\:group-hover\:opacity-25 {
        opacity: .25
    }

    .group:hover .lg\:group-hover\:opacity-30 {
        opacity: .3
    }

    .group:hover .lg\:group-hover\:opacity-40 {
        opacity: .4
    }

    .group:hover .lg\:group-hover\:opacity-50 {
        opacity: .5
    }

    .group:hover .lg\:group-hover\:opacity-60 {
        opacity: .6
    }

    .group:hover .lg\:group-hover\:opacity-70 {
        opacity: .7
    }

    .group:hover .lg\:group-hover\:opacity-75 {
        opacity: .75
    }

    .group:hover .lg\:group-hover\:opacity-80 {
        opacity: .8
    }

    .group:hover .lg\:group-hover\:opacity-90 {
        opacity: .9
    }

    .group:hover .lg\:group-hover\:opacity-95 {
        opacity: .95
    }

    .group:hover .lg\:group-hover\:opacity-100 {
        opacity: 1
    }

    .lg\:focus-within\:opacity-0:focus-within {
        opacity: 0
    }

    .lg\:focus-within\:opacity-5:focus-within {
        opacity: .05
    }

    .lg\:focus-within\:opacity-10:focus-within {
        opacity: .1
    }

    .lg\:focus-within\:opacity-20:focus-within {
        opacity: .2
    }

    .lg\:focus-within\:opacity-25:focus-within {
        opacity: .25
    }

    .lg\:focus-within\:opacity-30:focus-within {
        opacity: .3
    }

    .lg\:focus-within\:opacity-40:focus-within {
        opacity: .4
    }

    .lg\:focus-within\:opacity-50:focus-within {
        opacity: .5
    }

    .lg\:focus-within\:opacity-60:focus-within {
        opacity: .6
    }

    .lg\:focus-within\:opacity-70:focus-within {
        opacity: .7
    }

    .lg\:focus-within\:opacity-75:focus-within {
        opacity: .75
    }

    .lg\:focus-within\:opacity-80:focus-within {
        opacity: .8
    }

    .lg\:focus-within\:opacity-90:focus-within {
        opacity: .9
    }

    .lg\:focus-within\:opacity-95:focus-within {
        opacity: .95
    }

    .lg\:focus-within\:opacity-100:focus-within {
        opacity: 1
    }

    .lg\:hover\:opacity-0:hover {
        opacity: 0
    }

    .lg\:hover\:opacity-5:hover {
        opacity: .05
    }

    .lg\:hover\:opacity-10:hover {
        opacity: .1
    }

    .lg\:hover\:opacity-20:hover {
        opacity: .2
    }

    .lg\:hover\:opacity-25:hover {
        opacity: .25
    }

    .lg\:hover\:opacity-30:hover {
        opacity: .3
    }

    .lg\:hover\:opacity-40:hover {
        opacity: .4
    }

    .lg\:hover\:opacity-50:hover {
        opacity: .5
    }

    .lg\:hover\:opacity-60:hover {
        opacity: .6
    }

    .lg\:hover\:opacity-70:hover {
        opacity: .7
    }

    .lg\:hover\:opacity-75:hover {
        opacity: .75
    }

    .lg\:hover\:opacity-80:hover {
        opacity: .8
    }

    .lg\:hover\:opacity-90:hover {
        opacity: .9
    }

    .lg\:hover\:opacity-95:hover {
        opacity: .95
    }

    .lg\:hover\:opacity-100:hover {
        opacity: 1
    }

    .lg\:focus\:opacity-0:focus {
        opacity: 0
    }

    .lg\:focus\:opacity-5:focus {
        opacity: .05
    }

    .lg\:focus\:opacity-10:focus {
        opacity: .1
    }

    .lg\:focus\:opacity-20:focus {
        opacity: .2
    }

    .lg\:focus\:opacity-25:focus {
        opacity: .25
    }

    .lg\:focus\:opacity-30:focus {
        opacity: .3
    }

    .lg\:focus\:opacity-40:focus {
        opacity: .4
    }

    .lg\:focus\:opacity-50:focus {
        opacity: .5
    }

    .lg\:focus\:opacity-60:focus {
        opacity: .6
    }

    .lg\:focus\:opacity-70:focus {
        opacity: .7
    }

    .lg\:focus\:opacity-75:focus {
        opacity: .75
    }

    .lg\:focus\:opacity-80:focus {
        opacity: .8
    }

    .lg\:focus\:opacity-90:focus {
        opacity: .9
    }

    .lg\:focus\:opacity-95:focus {
        opacity: .95
    }

    .lg\:focus\:opacity-100:focus {
        opacity: 1
    }

    .group:hover .lg\:group-hover\:shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
    }

    .group:hover .lg\:group-hover\:shadow,
    .group:hover .lg\:group-hover\:shadow-sm {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .lg\:group-hover\:shadow {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
    }

    .group:hover .lg\:group-hover\:shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
    }

    .group:hover .lg\:group-hover\:shadow-lg,
    .group:hover .lg\:group-hover\:shadow-md {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .lg\:group-hover\:shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
    }

    .group:hover .lg\:group-hover\:shadow-xl {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
    }

    .group:hover .lg\:group-hover\:shadow-2xl,
    .group:hover .lg\:group-hover\:shadow-xl {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .lg\:group-hover\:shadow-2xl {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
    }

    .group:hover .lg\:group-hover\:shadow-inner {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
    }

    .group:hover .lg\:group-hover\:shadow-inner,
    .group:hover .lg\:group-hover\:shadow-none {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .lg\:group-hover\:shadow-none {
        --tw-shadow: 0 0 transparent
    }

    .lg\:focus-within\:shadow-sm:focus-within {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .lg\:focus-within\:shadow:focus-within {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .lg\:focus-within\:shadow-md:focus-within {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .lg\:focus-within\:shadow-lg:focus-within {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .lg\:focus-within\:shadow-xl:focus-within {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .lg\:focus-within\:shadow-2xl:focus-within {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .lg\:focus-within\:shadow-inner:focus-within {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .lg\:focus-within\:shadow-none:focus-within {
        --tw-shadow: 0 0 transparent;
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .lg\:hover\:shadow-sm:hover {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
    }

    .lg\:hover\:shadow-sm:hover,
    .lg\:hover\:shadow:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .lg\:hover\:shadow:hover {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
    }

    .lg\:hover\:shadow-md:hover {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
    }

    .lg\:hover\:shadow-lg:hover,
    .lg\:hover\:shadow-md:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .lg\:hover\:shadow-lg:hover {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
    }

    .lg\:hover\:shadow-xl:hover {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
    }

    .lg\:hover\:shadow-2xl:hover,
    .lg\:hover\:shadow-xl:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .lg\:hover\:shadow-2xl:hover {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
    }

    .lg\:hover\:shadow-inner:hover {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
    }

    .lg\:hover\:shadow-inner:hover,
    .lg\:hover\:shadow-none:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .lg\:hover\:shadow-none:hover {
        --tw-shadow: 0 0 transparent
    }

    .lg\:focus\:shadow-sm:focus {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
    }

    .lg\:focus\:shadow-sm:focus,
    .lg\:focus\:shadow:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .lg\:focus\:shadow:focus {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
    }

    .lg\:focus\:shadow-md:focus {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
    }

    .lg\:focus\:shadow-lg:focus,
    .lg\:focus\:shadow-md:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .lg\:focus\:shadow-lg:focus {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
    }

    .lg\:focus\:shadow-xl:focus {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
    }

    .lg\:focus\:shadow-2xl:focus,
    .lg\:focus\:shadow-xl:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .lg\:focus\:shadow-2xl:focus {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
    }

    .lg\:focus\:shadow-inner:focus {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
    }

    .lg\:focus\:shadow-inner:focus,
    .lg\:focus\:shadow-none:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .lg\:focus\:shadow-none:focus {
        --tw-shadow: 0 0 transparent
    }

    .lg\:focus-within\:outline-none:focus-within {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .lg\:focus-within\:outline-white:focus-within {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }

    .lg\:focus-within\:outline-black:focus-within {
        outline: 2px dotted #000;
        outline-offset: 2px
    }

    .lg\:focus\:outline-none:focus {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .lg\:focus\:outline-white:focus {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }

    .lg\:focus\:outline-black:focus {
        outline: 2px dotted #000;
        outline-offset: 2px
    }

    .lg\:focus-within\:ring-0:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .lg\:focus-within\:ring-1:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .lg\:focus-within\:ring-2:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .lg\:focus-within\:ring-4:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .lg\:focus-within\:ring-8:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .lg\:focus-within\:ring:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .lg\:focus\:ring-0:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .lg\:focus\:ring-0:focus,
    .lg\:focus\:ring-1:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .lg\:focus\:ring-1:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .lg\:focus\:ring-2:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .lg\:focus\:ring-2:focus,
    .lg\:focus\:ring-4:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .lg\:focus\:ring-4:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .lg\:focus\:ring-8:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .lg\:focus\:ring-8:focus,
    .lg\:focus\:ring:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .lg\:focus\:ring:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .lg\:focus-within\:ring-inset:focus-within {
        --tw-ring-inset: inset
    }

    .lg\:focus\:ring-inset:focus {
        --tw-ring-inset: inset
    }

    .lg\:focus-within\:ring-transparent:focus-within {
        --tw-ring-color: transparent
    }

    .lg\:focus-within\:ring-current:focus-within {
        --tw-ring-color: currentColor
    }

    .lg\:focus-within\:ring-black:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-white:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-gray-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-gray-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-gray-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-gray-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-gray-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-gray-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-gray-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-gray-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-gray-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-gray-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-red-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-red-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-red-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-red-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-red-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-red-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-red-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-red-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-red-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-red-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-yellow-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-yellow-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-yellow-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-yellow-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-yellow-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-yellow-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-yellow-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-yellow-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-yellow-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-yellow-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-green-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-green-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-green-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-green-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-green-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-green-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-green-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-green-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-green-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-green-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-blue-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-blue-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-blue-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-blue-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-blue-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-blue-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-blue-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-blue-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-blue-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-blue-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-indigo-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-indigo-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-indigo-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-indigo-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-indigo-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-indigo-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-indigo-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-indigo-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-indigo-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-indigo-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-purple-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-purple-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-purple-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-purple-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-purple-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-purple-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-purple-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-purple-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-purple-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-purple-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-pink-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-pink-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-pink-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-pink-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-pink-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-pink-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-pink-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-pink-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-pink-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-pink-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-primary:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(26, 185, 56, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-orange:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 171, 90, var(--tw-ring-opacity))
    }

    .lg\:focus-within\:ring-danger:focus-within {
        --tw-ring-color: #c75d5d
    }

    .lg\:focus\:ring-transparent:focus {
        --tw-ring-color: transparent
    }

    .lg\:focus\:ring-current:focus {
        --tw-ring-color: currentColor
    }

    .lg\:focus\:ring-black:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-white:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-gray-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-gray-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-gray-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-gray-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-gray-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-gray-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-gray-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-gray-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-gray-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-gray-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-red-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-red-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-red-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-red-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-red-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-red-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-red-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-red-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-red-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-red-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-yellow-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-yellow-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-yellow-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-yellow-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-yellow-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-yellow-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-yellow-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-yellow-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-yellow-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-yellow-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-green-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-green-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-green-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-green-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-green-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-green-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-green-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-green-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-green-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-green-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-blue-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-blue-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-blue-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-blue-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-blue-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-blue-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-blue-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-blue-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-blue-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-blue-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-indigo-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-indigo-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-indigo-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-indigo-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-indigo-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-indigo-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-indigo-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-indigo-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-indigo-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-indigo-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-purple-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-purple-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-purple-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-purple-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-purple-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-purple-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-purple-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-purple-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-purple-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-purple-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-pink-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-pink-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-pink-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-pink-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-pink-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-pink-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-pink-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-pink-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-pink-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-pink-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-primary:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(26, 185, 56, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-orange:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 171, 90, var(--tw-ring-opacity))
    }

    .lg\:focus\:ring-danger:focus {
        --tw-ring-color: #c75d5d
    }

    .lg\:focus-within\:ring-opacity-0:focus-within {
        --tw-ring-opacity: 0
    }

    .lg\:focus-within\:ring-opacity-5:focus-within {
        --tw-ring-opacity: 0.05
    }

    .lg\:focus-within\:ring-opacity-10:focus-within {
        --tw-ring-opacity: 0.1
    }

    .lg\:focus-within\:ring-opacity-20:focus-within {
        --tw-ring-opacity: 0.2
    }

    .lg\:focus-within\:ring-opacity-25:focus-within {
        --tw-ring-opacity: 0.25
    }

    .lg\:focus-within\:ring-opacity-30:focus-within {
        --tw-ring-opacity: 0.3
    }

    .lg\:focus-within\:ring-opacity-40:focus-within {
        --tw-ring-opacity: 0.4
    }

    .lg\:focus-within\:ring-opacity-50:focus-within {
        --tw-ring-opacity: 0.5
    }

    .lg\:focus-within\:ring-opacity-60:focus-within {
        --tw-ring-opacity: 0.6
    }

    .lg\:focus-within\:ring-opacity-70:focus-within {
        --tw-ring-opacity: 0.7
    }

    .lg\:focus-within\:ring-opacity-75:focus-within {
        --tw-ring-opacity: 0.75
    }

    .lg\:focus-within\:ring-opacity-80:focus-within {
        --tw-ring-opacity: 0.8
    }

    .lg\:focus-within\:ring-opacity-90:focus-within {
        --tw-ring-opacity: 0.9
    }

    .lg\:focus-within\:ring-opacity-95:focus-within {
        --tw-ring-opacity: 0.95
    }

    .lg\:focus-within\:ring-opacity-100:focus-within {
        --tw-ring-opacity: 1
    }

    .lg\:focus\:ring-opacity-0:focus {
        --tw-ring-opacity: 0
    }

    .lg\:focus\:ring-opacity-5:focus {
        --tw-ring-opacity: 0.05
    }

    .lg\:focus\:ring-opacity-10:focus {
        --tw-ring-opacity: 0.1
    }

    .lg\:focus\:ring-opacity-20:focus {
        --tw-ring-opacity: 0.2
    }

    .lg\:focus\:ring-opacity-25:focus {
        --tw-ring-opacity: 0.25
    }

    .lg\:focus\:ring-opacity-30:focus {
        --tw-ring-opacity: 0.3
    }

    .lg\:focus\:ring-opacity-40:focus {
        --tw-ring-opacity: 0.4
    }

    .lg\:focus\:ring-opacity-50:focus {
        --tw-ring-opacity: 0.5
    }

    .lg\:focus\:ring-opacity-60:focus {
        --tw-ring-opacity: 0.6
    }

    .lg\:focus\:ring-opacity-70:focus {
        --tw-ring-opacity: 0.7
    }

    .lg\:focus\:ring-opacity-75:focus {
        --tw-ring-opacity: 0.75
    }

    .lg\:focus\:ring-opacity-80:focus {
        --tw-ring-opacity: 0.8
    }

    .lg\:focus\:ring-opacity-90:focus {
        --tw-ring-opacity: 0.9
    }

    .lg\:focus\:ring-opacity-95:focus {
        --tw-ring-opacity: 0.95
    }

    .lg\:focus\:ring-opacity-100:focus {
        --tw-ring-opacity: 1
    }

    .lg\:focus-within\:ring-offset-0:focus-within {
        --tw-ring-offset-width: 0px
    }

    .lg\:focus-within\:ring-offset-1:focus-within {
        --tw-ring-offset-width: 1px
    }

    .lg\:focus-within\:ring-offset-2:focus-within {
        --tw-ring-offset-width: 2px
    }

    .lg\:focus-within\:ring-offset-4:focus-within {
        --tw-ring-offset-width: 4px
    }

    .lg\:focus-within\:ring-offset-8:focus-within {
        --tw-ring-offset-width: 8px
    }

    .lg\:focus\:ring-offset-0:focus {
        --tw-ring-offset-width: 0px
    }

    .lg\:focus\:ring-offset-1:focus {
        --tw-ring-offset-width: 1px
    }

    .lg\:focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px
    }

    .lg\:focus\:ring-offset-4:focus {
        --tw-ring-offset-width: 4px
    }

    .lg\:focus\:ring-offset-8:focus {
        --tw-ring-offset-width: 8px
    }

    .lg\:focus-within\:ring-offset-transparent:focus-within {
        --tw-ring-offset-color: transparent
    }

    .lg\:focus-within\:ring-offset-current:focus-within {
        --tw-ring-offset-color: currentColor
    }

    .lg\:focus-within\:ring-offset-black:focus-within {
        --tw-ring-offset-color: #000
    }

    .lg\:focus-within\:ring-offset-white:focus-within {
        --tw-ring-offset-color: #fff
    }

    .lg\:focus-within\:ring-offset-gray-50:focus-within {
        --tw-ring-offset-color: #f9fafb
    }

    .lg\:focus-within\:ring-offset-gray-100:focus-within {
        --tw-ring-offset-color: #f3f4f6
    }

    .lg\:focus-within\:ring-offset-gray-200:focus-within {
        --tw-ring-offset-color: #e5e7eb
    }

    .lg\:focus-within\:ring-offset-gray-300:focus-within {
        --tw-ring-offset-color: #d1d5db
    }

    .lg\:focus-within\:ring-offset-gray-400:focus-within {
        --tw-ring-offset-color: #9ca3af
    }

    .lg\:focus-within\:ring-offset-gray-500:focus-within {
        --tw-ring-offset-color: #6b7280
    }

    .lg\:focus-within\:ring-offset-gray-600:focus-within {
        --tw-ring-offset-color: #4b5563
    }

    .lg\:focus-within\:ring-offset-gray-700:focus-within {
        --tw-ring-offset-color: #374151
    }

    .lg\:focus-within\:ring-offset-gray-800:focus-within {
        --tw-ring-offset-color: #1f2937
    }

    .lg\:focus-within\:ring-offset-gray-900:focus-within {
        --tw-ring-offset-color: #111827
    }

    .lg\:focus-within\:ring-offset-red-50:focus-within {
        --tw-ring-offset-color: #fef2f2
    }

    .lg\:focus-within\:ring-offset-red-100:focus-within {
        --tw-ring-offset-color: #fee2e2
    }

    .lg\:focus-within\:ring-offset-red-200:focus-within {
        --tw-ring-offset-color: #fecaca
    }

    .lg\:focus-within\:ring-offset-red-300:focus-within {
        --tw-ring-offset-color: #fca5a5
    }

    .lg\:focus-within\:ring-offset-red-400:focus-within {
        --tw-ring-offset-color: #f87171
    }

    .lg\:focus-within\:ring-offset-red-500:focus-within {
        --tw-ring-offset-color: #ef4444
    }

    .lg\:focus-within\:ring-offset-red-600:focus-within {
        --tw-ring-offset-color: #dc2626
    }

    .lg\:focus-within\:ring-offset-red-700:focus-within {
        --tw-ring-offset-color: #b91c1c
    }

    .lg\:focus-within\:ring-offset-red-800:focus-within {
        --tw-ring-offset-color: #991b1b
    }

    .lg\:focus-within\:ring-offset-red-900:focus-within {
        --tw-ring-offset-color: #7f1d1d
    }

    .lg\:focus-within\:ring-offset-yellow-50:focus-within {
        --tw-ring-offset-color: #fffbeb
    }

    .lg\:focus-within\:ring-offset-yellow-100:focus-within {
        --tw-ring-offset-color: #fef3c7
    }

    .lg\:focus-within\:ring-offset-yellow-200:focus-within {
        --tw-ring-offset-color: #fde68a
    }

    .lg\:focus-within\:ring-offset-yellow-300:focus-within {
        --tw-ring-offset-color: #fcd34d
    }

    .lg\:focus-within\:ring-offset-yellow-400:focus-within {
        --tw-ring-offset-color: #fbbf24
    }

    .lg\:focus-within\:ring-offset-yellow-500:focus-within {
        --tw-ring-offset-color: #f59e0b
    }

    .lg\:focus-within\:ring-offset-yellow-600:focus-within {
        --tw-ring-offset-color: #d97706
    }

    .lg\:focus-within\:ring-offset-yellow-700:focus-within {
        --tw-ring-offset-color: #b45309
    }

    .lg\:focus-within\:ring-offset-yellow-800:focus-within {
        --tw-ring-offset-color: #92400e
    }

    .lg\:focus-within\:ring-offset-yellow-900:focus-within {
        --tw-ring-offset-color: #78350f
    }

    .lg\:focus-within\:ring-offset-green-50:focus-within {
        --tw-ring-offset-color: #ecfdf5
    }

    .lg\:focus-within\:ring-offset-green-100:focus-within {
        --tw-ring-offset-color: #d1fae5
    }

    .lg\:focus-within\:ring-offset-green-200:focus-within {
        --tw-ring-offset-color: #a7f3d0
    }

    .lg\:focus-within\:ring-offset-green-300:focus-within {
        --tw-ring-offset-color: #6ee7b7
    }

    .lg\:focus-within\:ring-offset-green-400:focus-within {
        --tw-ring-offset-color: #34d399
    }

    .lg\:focus-within\:ring-offset-green-500:focus-within {
        --tw-ring-offset-color: #10b981
    }

    .lg\:focus-within\:ring-offset-green-600:focus-within {
        --tw-ring-offset-color: #059669
    }

    .lg\:focus-within\:ring-offset-green-700:focus-within {
        --tw-ring-offset-color: #047857
    }

    .lg\:focus-within\:ring-offset-green-800:focus-within {
        --tw-ring-offset-color: #065f46
    }

    .lg\:focus-within\:ring-offset-green-900:focus-within {
        --tw-ring-offset-color: #064e3b
    }

    .lg\:focus-within\:ring-offset-blue-50:focus-within {
        --tw-ring-offset-color: #eff6ff
    }

    .lg\:focus-within\:ring-offset-blue-100:focus-within {
        --tw-ring-offset-color: #dbeafe
    }

    .lg\:focus-within\:ring-offset-blue-200:focus-within {
        --tw-ring-offset-color: #bfdbfe
    }

    .lg\:focus-within\:ring-offset-blue-300:focus-within {
        --tw-ring-offset-color: #93c5fd
    }

    .lg\:focus-within\:ring-offset-blue-400:focus-within {
        --tw-ring-offset-color: #60a5fa
    }

    .lg\:focus-within\:ring-offset-blue-500:focus-within {
        --tw-ring-offset-color: #3b82f6
    }

    .lg\:focus-within\:ring-offset-blue-600:focus-within {
        --tw-ring-offset-color: #2563eb
    }

    .lg\:focus-within\:ring-offset-blue-700:focus-within {
        --tw-ring-offset-color: #1d4ed8
    }

    .lg\:focus-within\:ring-offset-blue-800:focus-within {
        --tw-ring-offset-color: #1e40af
    }

    .lg\:focus-within\:ring-offset-blue-900:focus-within {
        --tw-ring-offset-color: #1e3a8a
    }

    .lg\:focus-within\:ring-offset-indigo-50:focus-within {
        --tw-ring-offset-color: #eef2ff
    }

    .lg\:focus-within\:ring-offset-indigo-100:focus-within {
        --tw-ring-offset-color: #e0e7ff
    }

    .lg\:focus-within\:ring-offset-indigo-200:focus-within {
        --tw-ring-offset-color: #c7d2fe
    }

    .lg\:focus-within\:ring-offset-indigo-300:focus-within {
        --tw-ring-offset-color: #a5b4fc
    }

    .lg\:focus-within\:ring-offset-indigo-400:focus-within {
        --tw-ring-offset-color: #818cf8
    }

    .lg\:focus-within\:ring-offset-indigo-500:focus-within {
        --tw-ring-offset-color: #6366f1
    }

    .lg\:focus-within\:ring-offset-indigo-600:focus-within {
        --tw-ring-offset-color: #4f46e5
    }

    .lg\:focus-within\:ring-offset-indigo-700:focus-within {
        --tw-ring-offset-color: #4338ca
    }

    .lg\:focus-within\:ring-offset-indigo-800:focus-within {
        --tw-ring-offset-color: #3730a3
    }

    .lg\:focus-within\:ring-offset-indigo-900:focus-within {
        --tw-ring-offset-color: #312e81
    }

    .lg\:focus-within\:ring-offset-purple-50:focus-within {
        --tw-ring-offset-color: #f5f3ff
    }

    .lg\:focus-within\:ring-offset-purple-100:focus-within {
        --tw-ring-offset-color: #ede9fe
    }

    .lg\:focus-within\:ring-offset-purple-200:focus-within {
        --tw-ring-offset-color: #ddd6fe
    }

    .lg\:focus-within\:ring-offset-purple-300:focus-within {
        --tw-ring-offset-color: #c4b5fd
    }

    .lg\:focus-within\:ring-offset-purple-400:focus-within {
        --tw-ring-offset-color: #a78bfa
    }

    .lg\:focus-within\:ring-offset-purple-500:focus-within {
        --tw-ring-offset-color: #8b5cf6
    }

    .lg\:focus-within\:ring-offset-purple-600:focus-within {
        --tw-ring-offset-color: #7c3aed
    }

    .lg\:focus-within\:ring-offset-purple-700:focus-within {
        --tw-ring-offset-color: #6d28d9
    }

    .lg\:focus-within\:ring-offset-purple-800:focus-within {
        --tw-ring-offset-color: #5b21b6
    }

    .lg\:focus-within\:ring-offset-purple-900:focus-within {
        --tw-ring-offset-color: #4c1d95
    }

    .lg\:focus-within\:ring-offset-pink-50:focus-within {
        --tw-ring-offset-color: #fdf2f8
    }

    .lg\:focus-within\:ring-offset-pink-100:focus-within {
        --tw-ring-offset-color: #fce7f3
    }

    .lg\:focus-within\:ring-offset-pink-200:focus-within {
        --tw-ring-offset-color: #fbcfe8
    }

    .lg\:focus-within\:ring-offset-pink-300:focus-within {
        --tw-ring-offset-color: #f9a8d4
    }

    .lg\:focus-within\:ring-offset-pink-400:focus-within {
        --tw-ring-offset-color: #f472b6
    }

    .lg\:focus-within\:ring-offset-pink-500:focus-within {
        --tw-ring-offset-color: #ec4899
    }

    .lg\:focus-within\:ring-offset-pink-600:focus-within {
        --tw-ring-offset-color: #db2777
    }

    .lg\:focus-within\:ring-offset-pink-700:focus-within {
        --tw-ring-offset-color: #be185d
    }

    .lg\:focus-within\:ring-offset-pink-800:focus-within {
        --tw-ring-offset-color: #9d174d
    }

    .lg\:focus-within\:ring-offset-pink-900:focus-within {
        --tw-ring-offset-color: #831843
    }

    .lg\:focus-within\:ring-offset-primary:focus-within {
        --tw-ring-offset-color: #1ab938
    }

    .lg\:focus-within\:ring-offset-orange:focus-within {
        --tw-ring-offset-color: #fdab5a
    }

    .lg\:focus-within\:ring-offset-danger:focus-within {
        --tw-ring-offset-color: #c75d5d
    }

    .lg\:focus\:ring-offset-transparent:focus {
        --tw-ring-offset-color: transparent
    }

    .lg\:focus\:ring-offset-current:focus {
        --tw-ring-offset-color: currentColor
    }

    .lg\:focus\:ring-offset-black:focus {
        --tw-ring-offset-color: #000
    }

    .lg\:focus\:ring-offset-white:focus {
        --tw-ring-offset-color: #fff
    }

    .lg\:focus\:ring-offset-gray-50:focus {
        --tw-ring-offset-color: #f9fafb
    }

    .lg\:focus\:ring-offset-gray-100:focus {
        --tw-ring-offset-color: #f3f4f6
    }

    .lg\:focus\:ring-offset-gray-200:focus {
        --tw-ring-offset-color: #e5e7eb
    }

    .lg\:focus\:ring-offset-gray-300:focus {
        --tw-ring-offset-color: #d1d5db
    }

    .lg\:focus\:ring-offset-gray-400:focus {
        --tw-ring-offset-color: #9ca3af
    }

    .lg\:focus\:ring-offset-gray-500:focus {
        --tw-ring-offset-color: #6b7280
    }

    .lg\:focus\:ring-offset-gray-600:focus {
        --tw-ring-offset-color: #4b5563
    }

    .lg\:focus\:ring-offset-gray-700:focus {
        --tw-ring-offset-color: #374151
    }

    .lg\:focus\:ring-offset-gray-800:focus {
        --tw-ring-offset-color: #1f2937
    }

    .lg\:focus\:ring-offset-gray-900:focus {
        --tw-ring-offset-color: #111827
    }

    .lg\:focus\:ring-offset-red-50:focus {
        --tw-ring-offset-color: #fef2f2
    }

    .lg\:focus\:ring-offset-red-100:focus {
        --tw-ring-offset-color: #fee2e2
    }

    .lg\:focus\:ring-offset-red-200:focus {
        --tw-ring-offset-color: #fecaca
    }

    .lg\:focus\:ring-offset-red-300:focus {
        --tw-ring-offset-color: #fca5a5
    }

    .lg\:focus\:ring-offset-red-400:focus {
        --tw-ring-offset-color: #f87171
    }

    .lg\:focus\:ring-offset-red-500:focus {
        --tw-ring-offset-color: #ef4444
    }

    .lg\:focus\:ring-offset-red-600:focus {
        --tw-ring-offset-color: #dc2626
    }

    .lg\:focus\:ring-offset-red-700:focus {
        --tw-ring-offset-color: #b91c1c
    }

    .lg\:focus\:ring-offset-red-800:focus {
        --tw-ring-offset-color: #991b1b
    }

    .lg\:focus\:ring-offset-red-900:focus {
        --tw-ring-offset-color: #7f1d1d
    }

    .lg\:focus\:ring-offset-yellow-50:focus {
        --tw-ring-offset-color: #fffbeb
    }

    .lg\:focus\:ring-offset-yellow-100:focus {
        --tw-ring-offset-color: #fef3c7
    }

    .lg\:focus\:ring-offset-yellow-200:focus {
        --tw-ring-offset-color: #fde68a
    }

    .lg\:focus\:ring-offset-yellow-300:focus {
        --tw-ring-offset-color: #fcd34d
    }

    .lg\:focus\:ring-offset-yellow-400:focus {
        --tw-ring-offset-color: #fbbf24
    }

    .lg\:focus\:ring-offset-yellow-500:focus {
        --tw-ring-offset-color: #f59e0b
    }

    .lg\:focus\:ring-offset-yellow-600:focus {
        --tw-ring-offset-color: #d97706
    }

    .lg\:focus\:ring-offset-yellow-700:focus {
        --tw-ring-offset-color: #b45309
    }

    .lg\:focus\:ring-offset-yellow-800:focus {
        --tw-ring-offset-color: #92400e
    }

    .lg\:focus\:ring-offset-yellow-900:focus {
        --tw-ring-offset-color: #78350f
    }

    .lg\:focus\:ring-offset-green-50:focus {
        --tw-ring-offset-color: #ecfdf5
    }

    .lg\:focus\:ring-offset-green-100:focus {
        --tw-ring-offset-color: #d1fae5
    }

    .lg\:focus\:ring-offset-green-200:focus {
        --tw-ring-offset-color: #a7f3d0
    }

    .lg\:focus\:ring-offset-green-300:focus {
        --tw-ring-offset-color: #6ee7b7
    }

    .lg\:focus\:ring-offset-green-400:focus {
        --tw-ring-offset-color: #34d399
    }

    .lg\:focus\:ring-offset-green-500:focus {
        --tw-ring-offset-color: #10b981
    }

    .lg\:focus\:ring-offset-green-600:focus {
        --tw-ring-offset-color: #059669
    }

    .lg\:focus\:ring-offset-green-700:focus {
        --tw-ring-offset-color: #047857
    }

    .lg\:focus\:ring-offset-green-800:focus {
        --tw-ring-offset-color: #065f46
    }

    .lg\:focus\:ring-offset-green-900:focus {
        --tw-ring-offset-color: #064e3b
    }

    .lg\:focus\:ring-offset-blue-50:focus {
        --tw-ring-offset-color: #eff6ff
    }

    .lg\:focus\:ring-offset-blue-100:focus {
        --tw-ring-offset-color: #dbeafe
    }

    .lg\:focus\:ring-offset-blue-200:focus {
        --tw-ring-offset-color: #bfdbfe
    }

    .lg\:focus\:ring-offset-blue-300:focus {
        --tw-ring-offset-color: #93c5fd
    }

    .lg\:focus\:ring-offset-blue-400:focus {
        --tw-ring-offset-color: #60a5fa
    }

    .lg\:focus\:ring-offset-blue-500:focus {
        --tw-ring-offset-color: #3b82f6
    }

    .lg\:focus\:ring-offset-blue-600:focus {
        --tw-ring-offset-color: #2563eb
    }

    .lg\:focus\:ring-offset-blue-700:focus {
        --tw-ring-offset-color: #1d4ed8
    }

    .lg\:focus\:ring-offset-blue-800:focus {
        --tw-ring-offset-color: #1e40af
    }

    .lg\:focus\:ring-offset-blue-900:focus {
        --tw-ring-offset-color: #1e3a8a
    }

    .lg\:focus\:ring-offset-indigo-50:focus {
        --tw-ring-offset-color: #eef2ff
    }

    .lg\:focus\:ring-offset-indigo-100:focus {
        --tw-ring-offset-color: #e0e7ff
    }

    .lg\:focus\:ring-offset-indigo-200:focus {
        --tw-ring-offset-color: #c7d2fe
    }

    .lg\:focus\:ring-offset-indigo-300:focus {
        --tw-ring-offset-color: #a5b4fc
    }

    .lg\:focus\:ring-offset-indigo-400:focus {
        --tw-ring-offset-color: #818cf8
    }

    .lg\:focus\:ring-offset-indigo-500:focus {
        --tw-ring-offset-color: #6366f1
    }

    .lg\:focus\:ring-offset-indigo-600:focus {
        --tw-ring-offset-color: #4f46e5
    }

    .lg\:focus\:ring-offset-indigo-700:focus {
        --tw-ring-offset-color: #4338ca
    }

    .lg\:focus\:ring-offset-indigo-800:focus {
        --tw-ring-offset-color: #3730a3
    }

    .lg\:focus\:ring-offset-indigo-900:focus {
        --tw-ring-offset-color: #312e81
    }

    .lg\:focus\:ring-offset-purple-50:focus {
        --tw-ring-offset-color: #f5f3ff
    }

    .lg\:focus\:ring-offset-purple-100:focus {
        --tw-ring-offset-color: #ede9fe
    }

    .lg\:focus\:ring-offset-purple-200:focus {
        --tw-ring-offset-color: #ddd6fe
    }

    .lg\:focus\:ring-offset-purple-300:focus {
        --tw-ring-offset-color: #c4b5fd
    }

    .lg\:focus\:ring-offset-purple-400:focus {
        --tw-ring-offset-color: #a78bfa
    }

    .lg\:focus\:ring-offset-purple-500:focus {
        --tw-ring-offset-color: #8b5cf6
    }

    .lg\:focus\:ring-offset-purple-600:focus {
        --tw-ring-offset-color: #7c3aed
    }

    .lg\:focus\:ring-offset-purple-700:focus {
        --tw-ring-offset-color: #6d28d9
    }

    .lg\:focus\:ring-offset-purple-800:focus {
        --tw-ring-offset-color: #5b21b6
    }

    .lg\:focus\:ring-offset-purple-900:focus {
        --tw-ring-offset-color: #4c1d95
    }

    .lg\:focus\:ring-offset-pink-50:focus {
        --tw-ring-offset-color: #fdf2f8
    }

    .lg\:focus\:ring-offset-pink-100:focus {
        --tw-ring-offset-color: #fce7f3
    }

    .lg\:focus\:ring-offset-pink-200:focus {
        --tw-ring-offset-color: #fbcfe8
    }

    .lg\:focus\:ring-offset-pink-300:focus {
        --tw-ring-offset-color: #f9a8d4
    }

    .lg\:focus\:ring-offset-pink-400:focus {
        --tw-ring-offset-color: #f472b6
    }

    .lg\:focus\:ring-offset-pink-500:focus {
        --tw-ring-offset-color: #ec4899
    }

    .lg\:focus\:ring-offset-pink-600:focus {
        --tw-ring-offset-color: #db2777
    }

    .lg\:focus\:ring-offset-pink-700:focus {
        --tw-ring-offset-color: #be185d
    }

    .lg\:focus\:ring-offset-pink-800:focus {
        --tw-ring-offset-color: #9d174d
    }

    .lg\:focus\:ring-offset-pink-900:focus {
        --tw-ring-offset-color: #831843
    }

    .lg\:focus\:ring-offset-primary:focus {
        --tw-ring-offset-color: #1ab938
    }

    .lg\:focus\:ring-offset-orange:focus {
        --tw-ring-offset-color: #fdab5a
    }

    .lg\:focus\:ring-offset-danger:focus {
        --tw-ring-offset-color: #c75d5d
    }
}

@media (min-width:1280px) {
    .xl\:focus-within\:sr-only:focus-within {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    .xl\:focus-within\:not-sr-only:focus-within {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .xl\:focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    .xl\:focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .xl\:focus-within\:z-0:focus-within {
        z-index: 0
    }

    .xl\:focus-within\:z-10:focus-within {
        z-index: 10
    }

    .xl\:focus-within\:z-20:focus-within {
        z-index: 20
    }

    .xl\:focus-within\:z-30:focus-within {
        z-index: 30
    }

    .xl\:focus-within\:z-40:focus-within {
        z-index: 40
    }

    .xl\:focus-within\:z-50:focus-within {
        z-index: 50
    }

    .xl\:focus-within\:z-auto:focus-within {
        z-index: auto
    }

    .xl\:focus\:z-0:focus {
        z-index: 0
    }

    .xl\:focus\:z-10:focus {
        z-index: 10
    }

    .xl\:focus\:z-20:focus {
        z-index: 20
    }

    .xl\:focus\:z-30:focus {
        z-index: 30
    }

    .xl\:focus\:z-40:focus {
        z-index: 40
    }

    .xl\:focus\:z-50:focus {
        z-index: 50
    }

    .xl\:focus\:z-auto:focus {
        z-index: auto
    }

    .xl\:hover\:translate-x-0:hover {
        --tw-translate-x: 0px
    }

    .xl\:hover\:translate-x-1:hover {
        --tw-translate-x: 0.25rem
    }

    .xl\:hover\:translate-x-2:hover {
        --tw-translate-x: 0.5rem
    }

    .xl\:hover\:translate-x-3:hover {
        --tw-translate-x: 0.75rem
    }

    .xl\:hover\:translate-x-4:hover {
        --tw-translate-x: 1rem
    }

    .xl\:hover\:translate-x-5:hover {
        --tw-translate-x: 1.25rem
    }

    .xl\:hover\:translate-x-6:hover {
        --tw-translate-x: 1.5rem
    }

    .xl\:hover\:translate-x-7:hover {
        --tw-translate-x: 1.75rem
    }

    .xl\:hover\:translate-x-8:hover {
        --tw-translate-x: 2rem
    }

    .xl\:hover\:translate-x-9:hover {
        --tw-translate-x: 2.25rem
    }

    .xl\:hover\:translate-x-10:hover {
        --tw-translate-x: 2.5rem
    }

    .xl\:hover\:translate-x-11:hover {
        --tw-translate-x: 2.75rem
    }

    .xl\:hover\:translate-x-12:hover {
        --tw-translate-x: 3rem
    }

    .xl\:hover\:translate-x-14:hover {
        --tw-translate-x: 3.5rem
    }

    .xl\:hover\:translate-x-16:hover {
        --tw-translate-x: 4rem
    }

    .xl\:hover\:translate-x-20:hover {
        --tw-translate-x: 5rem
    }

    .xl\:hover\:translate-x-24:hover {
        --tw-translate-x: 6rem
    }

    .xl\:hover\:translate-x-28:hover {
        --tw-translate-x: 7rem
    }

    .xl\:hover\:translate-x-32:hover {
        --tw-translate-x: 8rem
    }

    .xl\:hover\:translate-x-36:hover {
        --tw-translate-x: 9rem
    }

    .xl\:hover\:translate-x-40:hover {
        --tw-translate-x: 10rem
    }

    .xl\:hover\:translate-x-44:hover {
        --tw-translate-x: 11rem
    }

    .xl\:hover\:translate-x-48:hover {
        --tw-translate-x: 12rem
    }

    .xl\:hover\:translate-x-52:hover {
        --tw-translate-x: 13rem
    }

    .xl\:hover\:translate-x-56:hover {
        --tw-translate-x: 14rem
    }

    .xl\:hover\:translate-x-60:hover {
        --tw-translate-x: 15rem
    }

    .xl\:hover\:translate-x-64:hover {
        --tw-translate-x: 16rem
    }

    .xl\:hover\:translate-x-72:hover {
        --tw-translate-x: 18rem
    }

    .xl\:hover\:translate-x-80:hover {
        --tw-translate-x: 20rem
    }

    .xl\:hover\:translate-x-96:hover {
        --tw-translate-x: 24rem
    }

    .xl\:hover\:translate-x-px:hover {
        --tw-translate-x: 1px
    }

    .xl\:hover\:translate-x-0\.5:hover {
        --tw-translate-x: 0.125rem
    }

    .xl\:hover\:translate-x-1\.5:hover {
        --tw-translate-x: 0.375rem
    }

    .xl\:hover\:translate-x-2\.5:hover {
        --tw-translate-x: 0.625rem
    }

    .xl\:hover\:translate-x-3\.5:hover {
        --tw-translate-x: 0.875rem
    }

    .xl\:hover\:-translate-x-0:hover {
        --tw-translate-x: 0px
    }

    .xl\:hover\:-translate-x-1:hover {
        --tw-translate-x: -0.25rem
    }

    .xl\:hover\:-translate-x-2:hover {
        --tw-translate-x: -0.5rem
    }

    .xl\:hover\:-translate-x-3:hover {
        --tw-translate-x: -0.75rem
    }

    .xl\:hover\:-translate-x-4:hover {
        --tw-translate-x: -1rem
    }

    .xl\:hover\:-translate-x-5:hover {
        --tw-translate-x: -1.25rem
    }

    .xl\:hover\:-translate-x-6:hover {
        --tw-translate-x: -1.5rem
    }

    .xl\:hover\:-translate-x-7:hover {
        --tw-translate-x: -1.75rem
    }

    .xl\:hover\:-translate-x-8:hover {
        --tw-translate-x: -2rem
    }

    .xl\:hover\:-translate-x-9:hover {
        --tw-translate-x: -2.25rem
    }

    .xl\:hover\:-translate-x-10:hover {
        --tw-translate-x: -2.5rem
    }

    .xl\:hover\:-translate-x-11:hover {
        --tw-translate-x: -2.75rem
    }

    .xl\:hover\:-translate-x-12:hover {
        --tw-translate-x: -3rem
    }

    .xl\:hover\:-translate-x-14:hover {
        --tw-translate-x: -3.5rem
    }

    .xl\:hover\:-translate-x-16:hover {
        --tw-translate-x: -4rem
    }

    .xl\:hover\:-translate-x-20:hover {
        --tw-translate-x: -5rem
    }

    .xl\:hover\:-translate-x-24:hover {
        --tw-translate-x: -6rem
    }

    .xl\:hover\:-translate-x-28:hover {
        --tw-translate-x: -7rem
    }

    .xl\:hover\:-translate-x-32:hover {
        --tw-translate-x: -8rem
    }

    .xl\:hover\:-translate-x-36:hover {
        --tw-translate-x: -9rem
    }

    .xl\:hover\:-translate-x-40:hover {
        --tw-translate-x: -10rem
    }

    .xl\:hover\:-translate-x-44:hover {
        --tw-translate-x: -11rem
    }

    .xl\:hover\:-translate-x-48:hover {
        --tw-translate-x: -12rem
    }

    .xl\:hover\:-translate-x-52:hover {
        --tw-translate-x: -13rem
    }

    .xl\:hover\:-translate-x-56:hover {
        --tw-translate-x: -14rem
    }

    .xl\:hover\:-translate-x-60:hover {
        --tw-translate-x: -15rem
    }

    .xl\:hover\:-translate-x-64:hover {
        --tw-translate-x: -16rem
    }

    .xl\:hover\:-translate-x-72:hover {
        --tw-translate-x: -18rem
    }

    .xl\:hover\:-translate-x-80:hover {
        --tw-translate-x: -20rem
    }

    .xl\:hover\:-translate-x-96:hover {
        --tw-translate-x: -24rem
    }

    .xl\:hover\:-translate-x-px:hover {
        --tw-translate-x: -1px
    }

    .xl\:hover\:-translate-x-0\.5:hover {
        --tw-translate-x: -0.125rem
    }

    .xl\:hover\:-translate-x-1\.5:hover {
        --tw-translate-x: -0.375rem
    }

    .xl\:hover\:-translate-x-2\.5:hover {
        --tw-translate-x: -0.625rem
    }

    .xl\:hover\:-translate-x-3\.5:hover {
        --tw-translate-x: -0.875rem
    }

    .xl\:hover\:translate-x-1\/2:hover {
        --tw-translate-x: 50%
    }

    .xl\:hover\:translate-x-1\/3:hover {
        --tw-translate-x: 33.333333%
    }

    .xl\:hover\:translate-x-2\/3:hover {
        --tw-translate-x: 66.666667%
    }

    .xl\:hover\:translate-x-1\/4:hover {
        --tw-translate-x: 25%
    }

    .xl\:hover\:translate-x-2\/4:hover {
        --tw-translate-x: 50%
    }

    .xl\:hover\:translate-x-3\/4:hover {
        --tw-translate-x: 75%
    }

    .xl\:hover\:translate-x-full:hover {
        --tw-translate-x: 100%
    }

    .xl\:hover\:-translate-x-1\/2:hover {
        --tw-translate-x: -50%
    }

    .xl\:hover\:-translate-x-1\/3:hover {
        --tw-translate-x: -33.333333%
    }

    .xl\:hover\:-translate-x-2\/3:hover {
        --tw-translate-x: -66.666667%
    }

    .xl\:hover\:-translate-x-1\/4:hover {
        --tw-translate-x: -25%
    }

    .xl\:hover\:-translate-x-2\/4:hover {
        --tw-translate-x: -50%
    }

    .xl\:hover\:-translate-x-3\/4:hover {
        --tw-translate-x: -75%
    }

    .xl\:hover\:-translate-x-full:hover {
        --tw-translate-x: -100%
    }

    .xl\:hover\:translate-y-0:hover {
        --tw-translate-y: 0px
    }

    .xl\:hover\:translate-y-1:hover {
        --tw-translate-y: 0.25rem
    }

    .xl\:hover\:translate-y-2:hover {
        --tw-translate-y: 0.5rem
    }

    .xl\:hover\:translate-y-3:hover {
        --tw-translate-y: 0.75rem
    }

    .xl\:hover\:translate-y-4:hover {
        --tw-translate-y: 1rem
    }

    .xl\:hover\:translate-y-5:hover {
        --tw-translate-y: 1.25rem
    }

    .xl\:hover\:translate-y-6:hover {
        --tw-translate-y: 1.5rem
    }

    .xl\:hover\:translate-y-7:hover {
        --tw-translate-y: 1.75rem
    }

    .xl\:hover\:translate-y-8:hover {
        --tw-translate-y: 2rem
    }

    .xl\:hover\:translate-y-9:hover {
        --tw-translate-y: 2.25rem
    }

    .xl\:hover\:translate-y-10:hover {
        --tw-translate-y: 2.5rem
    }

    .xl\:hover\:translate-y-11:hover {
        --tw-translate-y: 2.75rem
    }

    .xl\:hover\:translate-y-12:hover {
        --tw-translate-y: 3rem
    }

    .xl\:hover\:translate-y-14:hover {
        --tw-translate-y: 3.5rem
    }

    .xl\:hover\:translate-y-16:hover {
        --tw-translate-y: 4rem
    }

    .xl\:hover\:translate-y-20:hover {
        --tw-translate-y: 5rem
    }

    .xl\:hover\:translate-y-24:hover {
        --tw-translate-y: 6rem
    }

    .xl\:hover\:translate-y-28:hover {
        --tw-translate-y: 7rem
    }

    .xl\:hover\:translate-y-32:hover {
        --tw-translate-y: 8rem
    }

    .xl\:hover\:translate-y-36:hover {
        --tw-translate-y: 9rem
    }

    .xl\:hover\:translate-y-40:hover {
        --tw-translate-y: 10rem
    }

    .xl\:hover\:translate-y-44:hover {
        --tw-translate-y: 11rem
    }

    .xl\:hover\:translate-y-48:hover {
        --tw-translate-y: 12rem
    }

    .xl\:hover\:translate-y-52:hover {
        --tw-translate-y: 13rem
    }

    .xl\:hover\:translate-y-56:hover {
        --tw-translate-y: 14rem
    }

    .xl\:hover\:translate-y-60:hover {
        --tw-translate-y: 15rem
    }

    .xl\:hover\:translate-y-64:hover {
        --tw-translate-y: 16rem
    }

    .xl\:hover\:translate-y-72:hover {
        --tw-translate-y: 18rem
    }

    .xl\:hover\:translate-y-80:hover {
        --tw-translate-y: 20rem
    }

    .xl\:hover\:translate-y-96:hover {
        --tw-translate-y: 24rem
    }

    .xl\:hover\:translate-y-px:hover {
        --tw-translate-y: 1px
    }

    .xl\:hover\:translate-y-0\.5:hover {
        --tw-translate-y: 0.125rem
    }

    .xl\:hover\:translate-y-1\.5:hover {
        --tw-translate-y: 0.375rem
    }

    .xl\:hover\:translate-y-2\.5:hover {
        --tw-translate-y: 0.625rem
    }

    .xl\:hover\:translate-y-3\.5:hover {
        --tw-translate-y: 0.875rem
    }

    .xl\:hover\:-translate-y-0:hover {
        --tw-translate-y: 0px
    }

    .xl\:hover\:-translate-y-1:hover {
        --tw-translate-y: -0.25rem
    }

    .xl\:hover\:-translate-y-2:hover {
        --tw-translate-y: -0.5rem
    }

    .xl\:hover\:-translate-y-3:hover {
        --tw-translate-y: -0.75rem
    }

    .xl\:hover\:-translate-y-4:hover {
        --tw-translate-y: -1rem
    }

    .xl\:hover\:-translate-y-5:hover {
        --tw-translate-y: -1.25rem
    }

    .xl\:hover\:-translate-y-6:hover {
        --tw-translate-y: -1.5rem
    }

    .xl\:hover\:-translate-y-7:hover {
        --tw-translate-y: -1.75rem
    }

    .xl\:hover\:-translate-y-8:hover {
        --tw-translate-y: -2rem
    }

    .xl\:hover\:-translate-y-9:hover {
        --tw-translate-y: -2.25rem
    }

    .xl\:hover\:-translate-y-10:hover {
        --tw-translate-y: -2.5rem
    }

    .xl\:hover\:-translate-y-11:hover {
        --tw-translate-y: -2.75rem
    }

    .xl\:hover\:-translate-y-12:hover {
        --tw-translate-y: -3rem
    }

    .xl\:hover\:-translate-y-14:hover {
        --tw-translate-y: -3.5rem
    }

    .xl\:hover\:-translate-y-16:hover {
        --tw-translate-y: -4rem
    }

    .xl\:hover\:-translate-y-20:hover {
        --tw-translate-y: -5rem
    }

    .xl\:hover\:-translate-y-24:hover {
        --tw-translate-y: -6rem
    }

    .xl\:hover\:-translate-y-28:hover {
        --tw-translate-y: -7rem
    }

    .xl\:hover\:-translate-y-32:hover {
        --tw-translate-y: -8rem
    }

    .xl\:hover\:-translate-y-36:hover {
        --tw-translate-y: -9rem
    }

    .xl\:hover\:-translate-y-40:hover {
        --tw-translate-y: -10rem
    }

    .xl\:hover\:-translate-y-44:hover {
        --tw-translate-y: -11rem
    }

    .xl\:hover\:-translate-y-48:hover {
        --tw-translate-y: -12rem
    }

    .xl\:hover\:-translate-y-52:hover {
        --tw-translate-y: -13rem
    }

    .xl\:hover\:-translate-y-56:hover {
        --tw-translate-y: -14rem
    }

    .xl\:hover\:-translate-y-60:hover {
        --tw-translate-y: -15rem
    }

    .xl\:hover\:-translate-y-64:hover {
        --tw-translate-y: -16rem
    }

    .xl\:hover\:-translate-y-72:hover {
        --tw-translate-y: -18rem
    }

    .xl\:hover\:-translate-y-80:hover {
        --tw-translate-y: -20rem
    }

    .xl\:hover\:-translate-y-96:hover {
        --tw-translate-y: -24rem
    }

    .xl\:hover\:-translate-y-px:hover {
        --tw-translate-y: -1px
    }

    .xl\:hover\:-translate-y-0\.5:hover {
        --tw-translate-y: -0.125rem
    }

    .xl\:hover\:-translate-y-1\.5:hover {
        --tw-translate-y: -0.375rem
    }

    .xl\:hover\:-translate-y-2\.5:hover {
        --tw-translate-y: -0.625rem
    }

    .xl\:hover\:-translate-y-3\.5:hover {
        --tw-translate-y: -0.875rem
    }

    .xl\:hover\:translate-y-1\/2:hover {
        --tw-translate-y: 50%
    }

    .xl\:hover\:translate-y-1\/3:hover {
        --tw-translate-y: 33.333333%
    }

    .xl\:hover\:translate-y-2\/3:hover {
        --tw-translate-y: 66.666667%
    }

    .xl\:hover\:translate-y-1\/4:hover {
        --tw-translate-y: 25%
    }

    .xl\:hover\:translate-y-2\/4:hover {
        --tw-translate-y: 50%
    }

    .xl\:hover\:translate-y-3\/4:hover {
        --tw-translate-y: 75%
    }

    .xl\:hover\:translate-y-full:hover {
        --tw-translate-y: 100%
    }

    .xl\:hover\:-translate-y-1\/2:hover {
        --tw-translate-y: -50%
    }

    .xl\:hover\:-translate-y-1\/3:hover {
        --tw-translate-y: -33.333333%
    }

    .xl\:hover\:-translate-y-2\/3:hover {
        --tw-translate-y: -66.666667%
    }

    .xl\:hover\:-translate-y-1\/4:hover {
        --tw-translate-y: -25%
    }

    .xl\:hover\:-translate-y-2\/4:hover {
        --tw-translate-y: -50%
    }

    .xl\:hover\:-translate-y-3\/4:hover {
        --tw-translate-y: -75%
    }

    .xl\:hover\:-translate-y-full:hover {
        --tw-translate-y: -100%
    }

    .xl\:focus\:translate-x-0:focus {
        --tw-translate-x: 0px
    }

    .xl\:focus\:translate-x-1:focus {
        --tw-translate-x: 0.25rem
    }

    .xl\:focus\:translate-x-2:focus {
        --tw-translate-x: 0.5rem
    }

    .xl\:focus\:translate-x-3:focus {
        --tw-translate-x: 0.75rem
    }

    .xl\:focus\:translate-x-4:focus {
        --tw-translate-x: 1rem
    }

    .xl\:focus\:translate-x-5:focus {
        --tw-translate-x: 1.25rem
    }

    .xl\:focus\:translate-x-6:focus {
        --tw-translate-x: 1.5rem
    }

    .xl\:focus\:translate-x-7:focus {
        --tw-translate-x: 1.75rem
    }

    .xl\:focus\:translate-x-8:focus {
        --tw-translate-x: 2rem
    }

    .xl\:focus\:translate-x-9:focus {
        --tw-translate-x: 2.25rem
    }

    .xl\:focus\:translate-x-10:focus {
        --tw-translate-x: 2.5rem
    }

    .xl\:focus\:translate-x-11:focus {
        --tw-translate-x: 2.75rem
    }

    .xl\:focus\:translate-x-12:focus {
        --tw-translate-x: 3rem
    }

    .xl\:focus\:translate-x-14:focus {
        --tw-translate-x: 3.5rem
    }

    .xl\:focus\:translate-x-16:focus {
        --tw-translate-x: 4rem
    }

    .xl\:focus\:translate-x-20:focus {
        --tw-translate-x: 5rem
    }

    .xl\:focus\:translate-x-24:focus {
        --tw-translate-x: 6rem
    }

    .xl\:focus\:translate-x-28:focus {
        --tw-translate-x: 7rem
    }

    .xl\:focus\:translate-x-32:focus {
        --tw-translate-x: 8rem
    }

    .xl\:focus\:translate-x-36:focus {
        --tw-translate-x: 9rem
    }

    .xl\:focus\:translate-x-40:focus {
        --tw-translate-x: 10rem
    }

    .xl\:focus\:translate-x-44:focus {
        --tw-translate-x: 11rem
    }

    .xl\:focus\:translate-x-48:focus {
        --tw-translate-x: 12rem
    }

    .xl\:focus\:translate-x-52:focus {
        --tw-translate-x: 13rem
    }

    .xl\:focus\:translate-x-56:focus {
        --tw-translate-x: 14rem
    }

    .xl\:focus\:translate-x-60:focus {
        --tw-translate-x: 15rem
    }

    .xl\:focus\:translate-x-64:focus {
        --tw-translate-x: 16rem
    }

    .xl\:focus\:translate-x-72:focus {
        --tw-translate-x: 18rem
    }

    .xl\:focus\:translate-x-80:focus {
        --tw-translate-x: 20rem
    }

    .xl\:focus\:translate-x-96:focus {
        --tw-translate-x: 24rem
    }

    .xl\:focus\:translate-x-px:focus {
        --tw-translate-x: 1px
    }

    .xl\:focus\:translate-x-0\.5:focus {
        --tw-translate-x: 0.125rem
    }

    .xl\:focus\:translate-x-1\.5:focus {
        --tw-translate-x: 0.375rem
    }

    .xl\:focus\:translate-x-2\.5:focus {
        --tw-translate-x: 0.625rem
    }

    .xl\:focus\:translate-x-3\.5:focus {
        --tw-translate-x: 0.875rem
    }

    .xl\:focus\:-translate-x-0:focus {
        --tw-translate-x: 0px
    }

    .xl\:focus\:-translate-x-1:focus {
        --tw-translate-x: -0.25rem
    }

    .xl\:focus\:-translate-x-2:focus {
        --tw-translate-x: -0.5rem
    }

    .xl\:focus\:-translate-x-3:focus {
        --tw-translate-x: -0.75rem
    }

    .xl\:focus\:-translate-x-4:focus {
        --tw-translate-x: -1rem
    }

    .xl\:focus\:-translate-x-5:focus {
        --tw-translate-x: -1.25rem
    }

    .xl\:focus\:-translate-x-6:focus {
        --tw-translate-x: -1.5rem
    }

    .xl\:focus\:-translate-x-7:focus {
        --tw-translate-x: -1.75rem
    }

    .xl\:focus\:-translate-x-8:focus {
        --tw-translate-x: -2rem
    }

    .xl\:focus\:-translate-x-9:focus {
        --tw-translate-x: -2.25rem
    }

    .xl\:focus\:-translate-x-10:focus {
        --tw-translate-x: -2.5rem
    }

    .xl\:focus\:-translate-x-11:focus {
        --tw-translate-x: -2.75rem
    }

    .xl\:focus\:-translate-x-12:focus {
        --tw-translate-x: -3rem
    }

    .xl\:focus\:-translate-x-14:focus {
        --tw-translate-x: -3.5rem
    }

    .xl\:focus\:-translate-x-16:focus {
        --tw-translate-x: -4rem
    }

    .xl\:focus\:-translate-x-20:focus {
        --tw-translate-x: -5rem
    }

    .xl\:focus\:-translate-x-24:focus {
        --tw-translate-x: -6rem
    }

    .xl\:focus\:-translate-x-28:focus {
        --tw-translate-x: -7rem
    }

    .xl\:focus\:-translate-x-32:focus {
        --tw-translate-x: -8rem
    }

    .xl\:focus\:-translate-x-36:focus {
        --tw-translate-x: -9rem
    }

    .xl\:focus\:-translate-x-40:focus {
        --tw-translate-x: -10rem
    }

    .xl\:focus\:-translate-x-44:focus {
        --tw-translate-x: -11rem
    }

    .xl\:focus\:-translate-x-48:focus {
        --tw-translate-x: -12rem
    }

    .xl\:focus\:-translate-x-52:focus {
        --tw-translate-x: -13rem
    }

    .xl\:focus\:-translate-x-56:focus {
        --tw-translate-x: -14rem
    }

    .xl\:focus\:-translate-x-60:focus {
        --tw-translate-x: -15rem
    }

    .xl\:focus\:-translate-x-64:focus {
        --tw-translate-x: -16rem
    }

    .xl\:focus\:-translate-x-72:focus {
        --tw-translate-x: -18rem
    }

    .xl\:focus\:-translate-x-80:focus {
        --tw-translate-x: -20rem
    }

    .xl\:focus\:-translate-x-96:focus {
        --tw-translate-x: -24rem
    }

    .xl\:focus\:-translate-x-px:focus {
        --tw-translate-x: -1px
    }

    .xl\:focus\:-translate-x-0\.5:focus {
        --tw-translate-x: -0.125rem
    }

    .xl\:focus\:-translate-x-1\.5:focus {
        --tw-translate-x: -0.375rem
    }

    .xl\:focus\:-translate-x-2\.5:focus {
        --tw-translate-x: -0.625rem
    }

    .xl\:focus\:-translate-x-3\.5:focus {
        --tw-translate-x: -0.875rem
    }

    .xl\:focus\:translate-x-1\/2:focus {
        --tw-translate-x: 50%
    }

    .xl\:focus\:translate-x-1\/3:focus {
        --tw-translate-x: 33.333333%
    }

    .xl\:focus\:translate-x-2\/3:focus {
        --tw-translate-x: 66.666667%
    }

    .xl\:focus\:translate-x-1\/4:focus {
        --tw-translate-x: 25%
    }

    .xl\:focus\:translate-x-2\/4:focus {
        --tw-translate-x: 50%
    }

    .xl\:focus\:translate-x-3\/4:focus {
        --tw-translate-x: 75%
    }

    .xl\:focus\:translate-x-full:focus {
        --tw-translate-x: 100%
    }

    .xl\:focus\:-translate-x-1\/2:focus {
        --tw-translate-x: -50%
    }

    .xl\:focus\:-translate-x-1\/3:focus {
        --tw-translate-x: -33.333333%
    }

    .xl\:focus\:-translate-x-2\/3:focus {
        --tw-translate-x: -66.666667%
    }

    .xl\:focus\:-translate-x-1\/4:focus {
        --tw-translate-x: -25%
    }

    .xl\:focus\:-translate-x-2\/4:focus {
        --tw-translate-x: -50%
    }

    .xl\:focus\:-translate-x-3\/4:focus {
        --tw-translate-x: -75%
    }

    .xl\:focus\:-translate-x-full:focus {
        --tw-translate-x: -100%
    }

    .xl\:focus\:translate-y-0:focus {
        --tw-translate-y: 0px
    }

    .xl\:focus\:translate-y-1:focus {
        --tw-translate-y: 0.25rem
    }

    .xl\:focus\:translate-y-2:focus {
        --tw-translate-y: 0.5rem
    }

    .xl\:focus\:translate-y-3:focus {
        --tw-translate-y: 0.75rem
    }

    .xl\:focus\:translate-y-4:focus {
        --tw-translate-y: 1rem
    }

    .xl\:focus\:translate-y-5:focus {
        --tw-translate-y: 1.25rem
    }

    .xl\:focus\:translate-y-6:focus {
        --tw-translate-y: 1.5rem
    }

    .xl\:focus\:translate-y-7:focus {
        --tw-translate-y: 1.75rem
    }

    .xl\:focus\:translate-y-8:focus {
        --tw-translate-y: 2rem
    }

    .xl\:focus\:translate-y-9:focus {
        --tw-translate-y: 2.25rem
    }

    .xl\:focus\:translate-y-10:focus {
        --tw-translate-y: 2.5rem
    }

    .xl\:focus\:translate-y-11:focus {
        --tw-translate-y: 2.75rem
    }

    .xl\:focus\:translate-y-12:focus {
        --tw-translate-y: 3rem
    }

    .xl\:focus\:translate-y-14:focus {
        --tw-translate-y: 3.5rem
    }

    .xl\:focus\:translate-y-16:focus {
        --tw-translate-y: 4rem
    }

    .xl\:focus\:translate-y-20:focus {
        --tw-translate-y: 5rem
    }

    .xl\:focus\:translate-y-24:focus {
        --tw-translate-y: 6rem
    }

    .xl\:focus\:translate-y-28:focus {
        --tw-translate-y: 7rem
    }

    .xl\:focus\:translate-y-32:focus {
        --tw-translate-y: 8rem
    }

    .xl\:focus\:translate-y-36:focus {
        --tw-translate-y: 9rem
    }

    .xl\:focus\:translate-y-40:focus {
        --tw-translate-y: 10rem
    }

    .xl\:focus\:translate-y-44:focus {
        --tw-translate-y: 11rem
    }

    .xl\:focus\:translate-y-48:focus {
        --tw-translate-y: 12rem
    }

    .xl\:focus\:translate-y-52:focus {
        --tw-translate-y: 13rem
    }

    .xl\:focus\:translate-y-56:focus {
        --tw-translate-y: 14rem
    }

    .xl\:focus\:translate-y-60:focus {
        --tw-translate-y: 15rem
    }

    .xl\:focus\:translate-y-64:focus {
        --tw-translate-y: 16rem
    }

    .xl\:focus\:translate-y-72:focus {
        --tw-translate-y: 18rem
    }

    .xl\:focus\:translate-y-80:focus {
        --tw-translate-y: 20rem
    }

    .xl\:focus\:translate-y-96:focus {
        --tw-translate-y: 24rem
    }

    .xl\:focus\:translate-y-px:focus {
        --tw-translate-y: 1px
    }

    .xl\:focus\:translate-y-0\.5:focus {
        --tw-translate-y: 0.125rem
    }

    .xl\:focus\:translate-y-1\.5:focus {
        --tw-translate-y: 0.375rem
    }

    .xl\:focus\:translate-y-2\.5:focus {
        --tw-translate-y: 0.625rem
    }

    .xl\:focus\:translate-y-3\.5:focus {
        --tw-translate-y: 0.875rem
    }

    .xl\:focus\:-translate-y-0:focus {
        --tw-translate-y: 0px
    }

    .xl\:focus\:-translate-y-1:focus {
        --tw-translate-y: -0.25rem
    }

    .xl\:focus\:-translate-y-2:focus {
        --tw-translate-y: -0.5rem
    }

    .xl\:focus\:-translate-y-3:focus {
        --tw-translate-y: -0.75rem
    }

    .xl\:focus\:-translate-y-4:focus {
        --tw-translate-y: -1rem
    }

    .xl\:focus\:-translate-y-5:focus {
        --tw-translate-y: -1.25rem
    }

    .xl\:focus\:-translate-y-6:focus {
        --tw-translate-y: -1.5rem
    }

    .xl\:focus\:-translate-y-7:focus {
        --tw-translate-y: -1.75rem
    }

    .xl\:focus\:-translate-y-8:focus {
        --tw-translate-y: -2rem
    }

    .xl\:focus\:-translate-y-9:focus {
        --tw-translate-y: -2.25rem
    }

    .xl\:focus\:-translate-y-10:focus {
        --tw-translate-y: -2.5rem
    }

    .xl\:focus\:-translate-y-11:focus {
        --tw-translate-y: -2.75rem
    }

    .xl\:focus\:-translate-y-12:focus {
        --tw-translate-y: -3rem
    }

    .xl\:focus\:-translate-y-14:focus {
        --tw-translate-y: -3.5rem
    }

    .xl\:focus\:-translate-y-16:focus {
        --tw-translate-y: -4rem
    }

    .xl\:focus\:-translate-y-20:focus {
        --tw-translate-y: -5rem
    }

    .xl\:focus\:-translate-y-24:focus {
        --tw-translate-y: -6rem
    }

    .xl\:focus\:-translate-y-28:focus {
        --tw-translate-y: -7rem
    }

    .xl\:focus\:-translate-y-32:focus {
        --tw-translate-y: -8rem
    }

    .xl\:focus\:-translate-y-36:focus {
        --tw-translate-y: -9rem
    }

    .xl\:focus\:-translate-y-40:focus {
        --tw-translate-y: -10rem
    }

    .xl\:focus\:-translate-y-44:focus {
        --tw-translate-y: -11rem
    }

    .xl\:focus\:-translate-y-48:focus {
        --tw-translate-y: -12rem
    }

    .xl\:focus\:-translate-y-52:focus {
        --tw-translate-y: -13rem
    }

    .xl\:focus\:-translate-y-56:focus {
        --tw-translate-y: -14rem
    }

    .xl\:focus\:-translate-y-60:focus {
        --tw-translate-y: -15rem
    }

    .xl\:focus\:-translate-y-64:focus {
        --tw-translate-y: -16rem
    }

    .xl\:focus\:-translate-y-72:focus {
        --tw-translate-y: -18rem
    }

    .xl\:focus\:-translate-y-80:focus {
        --tw-translate-y: -20rem
    }

    .xl\:focus\:-translate-y-96:focus {
        --tw-translate-y: -24rem
    }

    .xl\:focus\:-translate-y-px:focus {
        --tw-translate-y: -1px
    }

    .xl\:focus\:-translate-y-0\.5:focus {
        --tw-translate-y: -0.125rem
    }

    .xl\:focus\:-translate-y-1\.5:focus {
        --tw-translate-y: -0.375rem
    }

    .xl\:focus\:-translate-y-2\.5:focus {
        --tw-translate-y: -0.625rem
    }

    .xl\:focus\:-translate-y-3\.5:focus {
        --tw-translate-y: -0.875rem
    }

    .xl\:focus\:translate-y-1\/2:focus {
        --tw-translate-y: 50%
    }

    .xl\:focus\:translate-y-1\/3:focus {
        --tw-translate-y: 33.333333%
    }

    .xl\:focus\:translate-y-2\/3:focus {
        --tw-translate-y: 66.666667%
    }

    .xl\:focus\:translate-y-1\/4:focus {
        --tw-translate-y: 25%
    }

    .xl\:focus\:translate-y-2\/4:focus {
        --tw-translate-y: 50%
    }

    .xl\:focus\:translate-y-3\/4:focus {
        --tw-translate-y: 75%
    }

    .xl\:focus\:translate-y-full:focus {
        --tw-translate-y: 100%
    }

    .xl\:focus\:-translate-y-1\/2:focus {
        --tw-translate-y: -50%
    }

    .xl\:focus\:-translate-y-1\/3:focus {
        --tw-translate-y: -33.333333%
    }

    .xl\:focus\:-translate-y-2\/3:focus {
        --tw-translate-y: -66.666667%
    }

    .xl\:focus\:-translate-y-1\/4:focus {
        --tw-translate-y: -25%
    }

    .xl\:focus\:-translate-y-2\/4:focus {
        --tw-translate-y: -50%
    }

    .xl\:focus\:-translate-y-3\/4:focus {
        --tw-translate-y: -75%
    }

    .xl\:focus\:-translate-y-full:focus {
        --tw-translate-y: -100%
    }

    .xl\:hover\:rotate-0:hover {
        --tw-rotate: 0deg
    }

    .xl\:hover\:rotate-1:hover {
        --tw-rotate: 1deg
    }

    .xl\:hover\:rotate-2:hover {
        --tw-rotate: 2deg
    }

    .xl\:hover\:rotate-3:hover {
        --tw-rotate: 3deg
    }

    .xl\:hover\:rotate-6:hover {
        --tw-rotate: 6deg
    }

    .xl\:hover\:rotate-12:hover {
        --tw-rotate: 12deg
    }

    .xl\:hover\:rotate-45:hover {
        --tw-rotate: 45deg
    }

    .xl\:hover\:rotate-90:hover {
        --tw-rotate: 90deg
    }

    .xl\:hover\:rotate-180:hover {
        --tw-rotate: 180deg
    }

    .xl\:hover\:-rotate-180:hover {
        --tw-rotate: -180deg
    }

    .xl\:hover\:-rotate-90:hover {
        --tw-rotate: -90deg
    }

    .xl\:hover\:-rotate-45:hover {
        --tw-rotate: -45deg
    }

    .xl\:hover\:-rotate-12:hover {
        --tw-rotate: -12deg
    }

    .xl\:hover\:-rotate-6:hover {
        --tw-rotate: -6deg
    }

    .xl\:hover\:-rotate-3:hover {
        --tw-rotate: -3deg
    }

    .xl\:hover\:-rotate-2:hover {
        --tw-rotate: -2deg
    }

    .xl\:hover\:-rotate-1:hover {
        --tw-rotate: -1deg
    }

    .xl\:focus\:rotate-0:focus {
        --tw-rotate: 0deg
    }

    .xl\:focus\:rotate-1:focus {
        --tw-rotate: 1deg
    }

    .xl\:focus\:rotate-2:focus {
        --tw-rotate: 2deg
    }

    .xl\:focus\:rotate-3:focus {
        --tw-rotate: 3deg
    }

    .xl\:focus\:rotate-6:focus {
        --tw-rotate: 6deg
    }

    .xl\:focus\:rotate-12:focus {
        --tw-rotate: 12deg
    }

    .xl\:focus\:rotate-45:focus {
        --tw-rotate: 45deg
    }

    .xl\:focus\:rotate-90:focus {
        --tw-rotate: 90deg
    }

    .xl\:focus\:rotate-180:focus {
        --tw-rotate: 180deg
    }

    .xl\:focus\:-rotate-180:focus {
        --tw-rotate: -180deg
    }

    .xl\:focus\:-rotate-90:focus {
        --tw-rotate: -90deg
    }

    .xl\:focus\:-rotate-45:focus {
        --tw-rotate: -45deg
    }

    .xl\:focus\:-rotate-12:focus {
        --tw-rotate: -12deg
    }

    .xl\:focus\:-rotate-6:focus {
        --tw-rotate: -6deg
    }

    .xl\:focus\:-rotate-3:focus {
        --tw-rotate: -3deg
    }

    .xl\:focus\:-rotate-2:focus {
        --tw-rotate: -2deg
    }

    .xl\:focus\:-rotate-1:focus {
        --tw-rotate: -1deg
    }

    .xl\:hover\:skew-x-0:hover {
        --tw-skew-x: 0deg
    }

    .xl\:hover\:skew-x-1:hover {
        --tw-skew-x: 1deg
    }

    .xl\:hover\:skew-x-2:hover {
        --tw-skew-x: 2deg
    }

    .xl\:hover\:skew-x-3:hover {
        --tw-skew-x: 3deg
    }

    .xl\:hover\:skew-x-6:hover {
        --tw-skew-x: 6deg
    }

    .xl\:hover\:skew-x-12:hover {
        --tw-skew-x: 12deg
    }

    .xl\:hover\:-skew-x-12:hover {
        --tw-skew-x: -12deg
    }

    .xl\:hover\:-skew-x-6:hover {
        --tw-skew-x: -6deg
    }

    .xl\:hover\:-skew-x-3:hover {
        --tw-skew-x: -3deg
    }

    .xl\:hover\:-skew-x-2:hover {
        --tw-skew-x: -2deg
    }

    .xl\:hover\:-skew-x-1:hover {
        --tw-skew-x: -1deg
    }

    .xl\:hover\:skew-y-0:hover {
        --tw-skew-y: 0deg
    }

    .xl\:hover\:skew-y-1:hover {
        --tw-skew-y: 1deg
    }

    .xl\:hover\:skew-y-2:hover {
        --tw-skew-y: 2deg
    }

    .xl\:hover\:skew-y-3:hover {
        --tw-skew-y: 3deg
    }

    .xl\:hover\:skew-y-6:hover {
        --tw-skew-y: 6deg
    }

    .xl\:hover\:skew-y-12:hover {
        --tw-skew-y: 12deg
    }

    .xl\:hover\:-skew-y-12:hover {
        --tw-skew-y: -12deg
    }

    .xl\:hover\:-skew-y-6:hover {
        --tw-skew-y: -6deg
    }

    .xl\:hover\:-skew-y-3:hover {
        --tw-skew-y: -3deg
    }

    .xl\:hover\:-skew-y-2:hover {
        --tw-skew-y: -2deg
    }

    .xl\:hover\:-skew-y-1:hover {
        --tw-skew-y: -1deg
    }

    .xl\:focus\:skew-x-0:focus {
        --tw-skew-x: 0deg
    }

    .xl\:focus\:skew-x-1:focus {
        --tw-skew-x: 1deg
    }

    .xl\:focus\:skew-x-2:focus {
        --tw-skew-x: 2deg
    }

    .xl\:focus\:skew-x-3:focus {
        --tw-skew-x: 3deg
    }

    .xl\:focus\:skew-x-6:focus {
        --tw-skew-x: 6deg
    }

    .xl\:focus\:skew-x-12:focus {
        --tw-skew-x: 12deg
    }

    .xl\:focus\:-skew-x-12:focus {
        --tw-skew-x: -12deg
    }

    .xl\:focus\:-skew-x-6:focus {
        --tw-skew-x: -6deg
    }

    .xl\:focus\:-skew-x-3:focus {
        --tw-skew-x: -3deg
    }

    .xl\:focus\:-skew-x-2:focus {
        --tw-skew-x: -2deg
    }

    .xl\:focus\:-skew-x-1:focus {
        --tw-skew-x: -1deg
    }

    .xl\:focus\:skew-y-0:focus {
        --tw-skew-y: 0deg
    }

    .xl\:focus\:skew-y-1:focus {
        --tw-skew-y: 1deg
    }

    .xl\:focus\:skew-y-2:focus {
        --tw-skew-y: 2deg
    }

    .xl\:focus\:skew-y-3:focus {
        --tw-skew-y: 3deg
    }

    .xl\:focus\:skew-y-6:focus {
        --tw-skew-y: 6deg
    }

    .xl\:focus\:skew-y-12:focus {
        --tw-skew-y: 12deg
    }

    .xl\:focus\:-skew-y-12:focus {
        --tw-skew-y: -12deg
    }

    .xl\:focus\:-skew-y-6:focus {
        --tw-skew-y: -6deg
    }

    .xl\:focus\:-skew-y-3:focus {
        --tw-skew-y: -3deg
    }

    .xl\:focus\:-skew-y-2:focus {
        --tw-skew-y: -2deg
    }

    .xl\:focus\:-skew-y-1:focus {
        --tw-skew-y: -1deg
    }

    .xl\:hover\:scale-0:hover {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }

    .xl\:hover\:scale-50:hover {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }

    .xl\:hover\:scale-75:hover {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }

    .xl\:hover\:scale-90:hover {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }

    .xl\:hover\:scale-95:hover {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }

    .xl\:hover\:scale-100:hover {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .xl\:hover\:scale-105:hover {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }

    .xl\:hover\:scale-110:hover {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }

    .xl\:hover\:scale-125:hover {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }

    .xl\:hover\:scale-150:hover {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }

    .xl\:focus\:scale-0:focus {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }

    .xl\:focus\:scale-50:focus {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }

    .xl\:focus\:scale-75:focus {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }

    .xl\:focus\:scale-90:focus {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }

    .xl\:focus\:scale-95:focus {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }

    .xl\:focus\:scale-100:focus {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .xl\:focus\:scale-105:focus {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }

    .xl\:focus\:scale-110:focus {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }

    .xl\:focus\:scale-125:focus {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }

    .xl\:focus\:scale-150:focus {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }

    .xl\:hover\:scale-x-0:hover {
        --tw-scale-x: 0
    }

    .xl\:hover\:scale-x-50:hover {
        --tw-scale-x: .5
    }

    .xl\:hover\:scale-x-75:hover {
        --tw-scale-x: .75
    }

    .xl\:hover\:scale-x-90:hover {
        --tw-scale-x: .9
    }

    .xl\:hover\:scale-x-95:hover {
        --tw-scale-x: .95
    }

    .xl\:hover\:scale-x-100:hover {
        --tw-scale-x: 1
    }

    .xl\:hover\:scale-x-105:hover {
        --tw-scale-x: 1.05
    }

    .xl\:hover\:scale-x-110:hover {
        --tw-scale-x: 1.1
    }

    .xl\:hover\:scale-x-125:hover {
        --tw-scale-x: 1.25
    }

    .xl\:hover\:scale-x-150:hover {
        --tw-scale-x: 1.5
    }

    .xl\:hover\:scale-y-0:hover {
        --tw-scale-y: 0
    }

    .xl\:hover\:scale-y-50:hover {
        --tw-scale-y: .5
    }

    .xl\:hover\:scale-y-75:hover {
        --tw-scale-y: .75
    }

    .xl\:hover\:scale-y-90:hover {
        --tw-scale-y: .9
    }

    .xl\:hover\:scale-y-95:hover {
        --tw-scale-y: .95
    }

    .xl\:hover\:scale-y-100:hover {
        --tw-scale-y: 1
    }

    .xl\:hover\:scale-y-105:hover {
        --tw-scale-y: 1.05
    }

    .xl\:hover\:scale-y-110:hover {
        --tw-scale-y: 1.1
    }

    .xl\:hover\:scale-y-125:hover {
        --tw-scale-y: 1.25
    }

    .xl\:hover\:scale-y-150:hover {
        --tw-scale-y: 1.5
    }

    .xl\:focus\:scale-x-0:focus {
        --tw-scale-x: 0
    }

    .xl\:focus\:scale-x-50:focus {
        --tw-scale-x: .5
    }

    .xl\:focus\:scale-x-75:focus {
        --tw-scale-x: .75
    }

    .xl\:focus\:scale-x-90:focus {
        --tw-scale-x: .9
    }

    .xl\:focus\:scale-x-95:focus {
        --tw-scale-x: .95
    }

    .xl\:focus\:scale-x-100:focus {
        --tw-scale-x: 1
    }

    .xl\:focus\:scale-x-105:focus {
        --tw-scale-x: 1.05
    }

    .xl\:focus\:scale-x-110:focus {
        --tw-scale-x: 1.1
    }

    .xl\:focus\:scale-x-125:focus {
        --tw-scale-x: 1.25
    }

    .xl\:focus\:scale-x-150:focus {
        --tw-scale-x: 1.5
    }

    .xl\:focus\:scale-y-0:focus {
        --tw-scale-y: 0
    }

    .xl\:focus\:scale-y-50:focus {
        --tw-scale-y: .5
    }

    .xl\:focus\:scale-y-75:focus {
        --tw-scale-y: .75
    }

    .xl\:focus\:scale-y-90:focus {
        --tw-scale-y: .9
    }

    .xl\:focus\:scale-y-95:focus {
        --tw-scale-y: .95
    }

    .xl\:focus\:scale-y-100:focus {
        --tw-scale-y: 1
    }

    .xl\:focus\:scale-y-105:focus {
        --tw-scale-y: 1.05
    }

    .xl\:focus\:scale-y-110:focus {
        --tw-scale-y: 1.1
    }

    .xl\:focus\:scale-y-125:focus {
        --tw-scale-y: 1.25
    }

    .xl\:focus\:scale-y-150:focus {
        --tw-scale-y: 1.5
    }

    .group:hover .xl\:group-hover\:border-transparent {
        border-color: transparent
    }

    .group:hover .xl\:group-hover\:border-current {
        border-color: currentColor
    }

    .group:hover .xl\:group-hover\:border-black {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-white {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-gray-50 {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-gray-100 {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-gray-300 {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-gray-400 {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-gray-500 {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-gray-600 {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-gray-700 {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-gray-800 {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-gray-900 {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-red-50 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-red-100 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-red-200 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-red-300 {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-red-400 {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-red-500 {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-red-600 {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-red-700 {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-red-800 {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-red-900 {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-yellow-50 {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-yellow-100 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-yellow-200 {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-yellow-300 {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-yellow-400 {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-yellow-500 {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-yellow-600 {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-yellow-700 {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-yellow-800 {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-yellow-900 {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-green-50 {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-green-100 {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-green-200 {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-green-300 {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-green-400 {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-green-500 {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-green-600 {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-green-700 {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-green-800 {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-green-900 {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-blue-50 {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-blue-100 {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-blue-200 {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-blue-300 {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-blue-400 {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-blue-500 {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-blue-600 {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-blue-700 {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-blue-800 {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-blue-900 {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-indigo-50 {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-indigo-100 {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-indigo-200 {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-indigo-300 {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-indigo-400 {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-indigo-500 {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-indigo-600 {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-indigo-700 {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-indigo-800 {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-indigo-900 {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-purple-50 {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-purple-100 {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-purple-200 {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-purple-300 {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-purple-400 {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-purple-500 {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-purple-600 {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-purple-700 {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-purple-800 {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-purple-900 {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-pink-50 {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-pink-100 {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-pink-200 {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-pink-300 {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-pink-400 {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-pink-500 {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-pink-600 {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-pink-700 {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-pink-800 {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-pink-900 {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-primary {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-orange {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .group:hover .xl\:group-hover\:border-danger {
        border-color: #c75d5d
    }

    .xl\:focus-within\:border-transparent:focus-within {
        border-color: transparent
    }

    .xl\:focus-within\:border-current:focus-within {
        border-color: currentColor
    }

    .xl\:focus-within\:border-black:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-white:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-gray-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-gray-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-gray-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-gray-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-gray-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-gray-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-gray-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-gray-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-gray-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-gray-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-red-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-red-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-red-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-red-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-red-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-red-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-red-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-red-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-red-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-red-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-yellow-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-yellow-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-yellow-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-yellow-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-yellow-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-yellow-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-yellow-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-yellow-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-yellow-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-yellow-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-green-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-green-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-green-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-green-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-green-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-green-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-green-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-green-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-green-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-green-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-blue-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-blue-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-blue-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-blue-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-blue-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-blue-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-blue-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-blue-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-blue-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-blue-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-indigo-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-indigo-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-indigo-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-indigo-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-indigo-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-indigo-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-indigo-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-indigo-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-indigo-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-indigo-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-purple-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-purple-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-purple-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-purple-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-purple-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-purple-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-purple-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-purple-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-purple-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-purple-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-pink-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-pink-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-pink-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-pink-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-pink-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-pink-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-pink-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-pink-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-pink-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-pink-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-primary:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-orange:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .xl\:focus-within\:border-danger:focus-within {
        border-color: #c75d5d
    }

    .xl\:hover\:border-transparent:hover {
        border-color: transparent
    }

    .xl\:hover\:border-current:hover {
        border-color: currentColor
    }

    .xl\:hover\:border-black:hover {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .xl\:hover\:border-white:hover {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .xl\:hover\:border-gray-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .xl\:hover\:border-gray-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .xl\:hover\:border-gray-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .xl\:hover\:border-gray-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .xl\:hover\:border-gray-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .xl\:hover\:border-gray-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .xl\:hover\:border-gray-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .xl\:hover\:border-gray-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .xl\:hover\:border-gray-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .xl\:hover\:border-gray-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .xl\:hover\:border-red-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .xl\:hover\:border-red-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .xl\:hover\:border-red-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .xl\:hover\:border-red-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .xl\:hover\:border-red-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .xl\:hover\:border-red-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .xl\:hover\:border-red-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .xl\:hover\:border-red-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .xl\:hover\:border-red-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .xl\:hover\:border-red-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .xl\:hover\:border-yellow-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .xl\:hover\:border-yellow-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .xl\:hover\:border-yellow-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .xl\:hover\:border-yellow-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .xl\:hover\:border-yellow-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .xl\:hover\:border-yellow-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .xl\:hover\:border-yellow-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .xl\:hover\:border-yellow-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .xl\:hover\:border-yellow-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .xl\:hover\:border-yellow-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .xl\:hover\:border-green-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .xl\:hover\:border-green-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .xl\:hover\:border-green-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .xl\:hover\:border-green-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .xl\:hover\:border-green-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .xl\:hover\:border-green-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .xl\:hover\:border-green-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .xl\:hover\:border-green-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .xl\:hover\:border-green-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .xl\:hover\:border-green-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .xl\:hover\:border-blue-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .xl\:hover\:border-blue-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .xl\:hover\:border-blue-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .xl\:hover\:border-blue-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .xl\:hover\:border-blue-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .xl\:hover\:border-blue-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .xl\:hover\:border-blue-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .xl\:hover\:border-blue-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .xl\:hover\:border-blue-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .xl\:hover\:border-blue-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .xl\:hover\:border-indigo-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .xl\:hover\:border-indigo-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .xl\:hover\:border-indigo-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .xl\:hover\:border-indigo-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .xl\:hover\:border-indigo-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .xl\:hover\:border-indigo-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .xl\:hover\:border-indigo-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .xl\:hover\:border-indigo-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .xl\:hover\:border-indigo-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .xl\:hover\:border-indigo-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .xl\:hover\:border-purple-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .xl\:hover\:border-purple-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .xl\:hover\:border-purple-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .xl\:hover\:border-purple-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .xl\:hover\:border-purple-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .xl\:hover\:border-purple-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .xl\:hover\:border-purple-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .xl\:hover\:border-purple-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .xl\:hover\:border-purple-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .xl\:hover\:border-purple-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .xl\:hover\:border-pink-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .xl\:hover\:border-pink-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .xl\:hover\:border-pink-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .xl\:hover\:border-pink-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .xl\:hover\:border-pink-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .xl\:hover\:border-pink-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .xl\:hover\:border-pink-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .xl\:hover\:border-pink-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .xl\:hover\:border-pink-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .xl\:hover\:border-pink-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .xl\:hover\:border-primary:hover {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .xl\:hover\:border-orange:hover {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .xl\:hover\:border-danger:hover {
        border-color: #c75d5d
    }

    .xl\:focus\:border-transparent:focus {
        border-color: transparent
    }

    .xl\:focus\:border-current:focus {
        border-color: currentColor
    }

    .xl\:focus\:border-black:focus {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .xl\:focus\:border-white:focus {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .xl\:focus\:border-gray-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .xl\:focus\:border-gray-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .xl\:focus\:border-gray-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .xl\:focus\:border-gray-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .xl\:focus\:border-gray-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .xl\:focus\:border-gray-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .xl\:focus\:border-gray-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .xl\:focus\:border-gray-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .xl\:focus\:border-gray-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .xl\:focus\:border-gray-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .xl\:focus\:border-red-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .xl\:focus\:border-red-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .xl\:focus\:border-red-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .xl\:focus\:border-red-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .xl\:focus\:border-red-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .xl\:focus\:border-red-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .xl\:focus\:border-red-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .xl\:focus\:border-red-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .xl\:focus\:border-red-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .xl\:focus\:border-red-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .xl\:focus\:border-yellow-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .xl\:focus\:border-yellow-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .xl\:focus\:border-yellow-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .xl\:focus\:border-yellow-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .xl\:focus\:border-yellow-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .xl\:focus\:border-yellow-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .xl\:focus\:border-yellow-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .xl\:focus\:border-yellow-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .xl\:focus\:border-yellow-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .xl\:focus\:border-yellow-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .xl\:focus\:border-green-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .xl\:focus\:border-green-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .xl\:focus\:border-green-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .xl\:focus\:border-green-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .xl\:focus\:border-green-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .xl\:focus\:border-green-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .xl\:focus\:border-green-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .xl\:focus\:border-green-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .xl\:focus\:border-green-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .xl\:focus\:border-green-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .xl\:focus\:border-blue-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .xl\:focus\:border-blue-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .xl\:focus\:border-blue-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .xl\:focus\:border-blue-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .xl\:focus\:border-blue-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .xl\:focus\:border-blue-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .xl\:focus\:border-blue-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .xl\:focus\:border-blue-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .xl\:focus\:border-blue-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .xl\:focus\:border-blue-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .xl\:focus\:border-indigo-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .xl\:focus\:border-indigo-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .xl\:focus\:border-indigo-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .xl\:focus\:border-indigo-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .xl\:focus\:border-indigo-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .xl\:focus\:border-indigo-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .xl\:focus\:border-indigo-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .xl\:focus\:border-indigo-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .xl\:focus\:border-indigo-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .xl\:focus\:border-indigo-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .xl\:focus\:border-purple-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .xl\:focus\:border-purple-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .xl\:focus\:border-purple-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .xl\:focus\:border-purple-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .xl\:focus\:border-purple-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .xl\:focus\:border-purple-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .xl\:focus\:border-purple-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .xl\:focus\:border-purple-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .xl\:focus\:border-purple-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .xl\:focus\:border-purple-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .xl\:focus\:border-pink-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .xl\:focus\:border-pink-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .xl\:focus\:border-pink-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .xl\:focus\:border-pink-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .xl\:focus\:border-pink-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .xl\:focus\:border-pink-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .xl\:focus\:border-pink-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .xl\:focus\:border-pink-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .xl\:focus\:border-pink-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .xl\:focus\:border-pink-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .xl\:focus\:border-primary:focus {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .xl\:focus\:border-orange:focus {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .xl\:focus\:border-danger:focus {
        border-color: #c75d5d
    }

    .group:hover .xl\:group-hover\:border-opacity-0 {
        --tw-border-opacity: 0
    }

    .group:hover .xl\:group-hover\:border-opacity-5 {
        --tw-border-opacity: 0.05
    }

    .group:hover .xl\:group-hover\:border-opacity-10 {
        --tw-border-opacity: 0.1
    }

    .group:hover .xl\:group-hover\:border-opacity-20 {
        --tw-border-opacity: 0.2
    }

    .group:hover .xl\:group-hover\:border-opacity-25 {
        --tw-border-opacity: 0.25
    }

    .group:hover .xl\:group-hover\:border-opacity-30 {
        --tw-border-opacity: 0.3
    }

    .group:hover .xl\:group-hover\:border-opacity-40 {
        --tw-border-opacity: 0.4
    }

    .group:hover .xl\:group-hover\:border-opacity-50 {
        --tw-border-opacity: 0.5
    }

    .group:hover .xl\:group-hover\:border-opacity-60 {
        --tw-border-opacity: 0.6
    }

    .group:hover .xl\:group-hover\:border-opacity-70 {
        --tw-border-opacity: 0.7
    }

    .group:hover .xl\:group-hover\:border-opacity-75 {
        --tw-border-opacity: 0.75
    }

    .group:hover .xl\:group-hover\:border-opacity-80 {
        --tw-border-opacity: 0.8
    }

    .group:hover .xl\:group-hover\:border-opacity-90 {
        --tw-border-opacity: 0.9
    }

    .group:hover .xl\:group-hover\:border-opacity-95 {
        --tw-border-opacity: 0.95
    }

    .group:hover .xl\:group-hover\:border-opacity-100 {
        --tw-border-opacity: 1
    }

    .xl\:focus-within\:border-opacity-0:focus-within {
        --tw-border-opacity: 0
    }

    .xl\:focus-within\:border-opacity-5:focus-within {
        --tw-border-opacity: 0.05
    }

    .xl\:focus-within\:border-opacity-10:focus-within {
        --tw-border-opacity: 0.1
    }

    .xl\:focus-within\:border-opacity-20:focus-within {
        --tw-border-opacity: 0.2
    }

    .xl\:focus-within\:border-opacity-25:focus-within {
        --tw-border-opacity: 0.25
    }

    .xl\:focus-within\:border-opacity-30:focus-within {
        --tw-border-opacity: 0.3
    }

    .xl\:focus-within\:border-opacity-40:focus-within {
        --tw-border-opacity: 0.4
    }

    .xl\:focus-within\:border-opacity-50:focus-within {
        --tw-border-opacity: 0.5
    }

    .xl\:focus-within\:border-opacity-60:focus-within {
        --tw-border-opacity: 0.6
    }

    .xl\:focus-within\:border-opacity-70:focus-within {
        --tw-border-opacity: 0.7
    }

    .xl\:focus-within\:border-opacity-75:focus-within {
        --tw-border-opacity: 0.75
    }

    .xl\:focus-within\:border-opacity-80:focus-within {
        --tw-border-opacity: 0.8
    }

    .xl\:focus-within\:border-opacity-90:focus-within {
        --tw-border-opacity: 0.9
    }

    .xl\:focus-within\:border-opacity-95:focus-within {
        --tw-border-opacity: 0.95
    }

    .xl\:focus-within\:border-opacity-100:focus-within {
        --tw-border-opacity: 1
    }

    .xl\:hover\:border-opacity-0:hover {
        --tw-border-opacity: 0
    }

    .xl\:hover\:border-opacity-5:hover {
        --tw-border-opacity: 0.05
    }

    .xl\:hover\:border-opacity-10:hover {
        --tw-border-opacity: 0.1
    }

    .xl\:hover\:border-opacity-20:hover {
        --tw-border-opacity: 0.2
    }

    .xl\:hover\:border-opacity-25:hover {
        --tw-border-opacity: 0.25
    }

    .xl\:hover\:border-opacity-30:hover {
        --tw-border-opacity: 0.3
    }

    .xl\:hover\:border-opacity-40:hover {
        --tw-border-opacity: 0.4
    }

    .xl\:hover\:border-opacity-50:hover {
        --tw-border-opacity: 0.5
    }

    .xl\:hover\:border-opacity-60:hover {
        --tw-border-opacity: 0.6
    }

    .xl\:hover\:border-opacity-70:hover {
        --tw-border-opacity: 0.7
    }

    .xl\:hover\:border-opacity-75:hover {
        --tw-border-opacity: 0.75
    }

    .xl\:hover\:border-opacity-80:hover {
        --tw-border-opacity: 0.8
    }

    .xl\:hover\:border-opacity-90:hover {
        --tw-border-opacity: 0.9
    }

    .xl\:hover\:border-opacity-95:hover {
        --tw-border-opacity: 0.95
    }

    .xl\:hover\:border-opacity-100:hover {
        --tw-border-opacity: 1
    }

    .xl\:focus\:border-opacity-0:focus {
        --tw-border-opacity: 0
    }

    .xl\:focus\:border-opacity-5:focus {
        --tw-border-opacity: 0.05
    }

    .xl\:focus\:border-opacity-10:focus {
        --tw-border-opacity: 0.1
    }

    .xl\:focus\:border-opacity-20:focus {
        --tw-border-opacity: 0.2
    }

    .xl\:focus\:border-opacity-25:focus {
        --tw-border-opacity: 0.25
    }

    .xl\:focus\:border-opacity-30:focus {
        --tw-border-opacity: 0.3
    }

    .xl\:focus\:border-opacity-40:focus {
        --tw-border-opacity: 0.4
    }

    .xl\:focus\:border-opacity-50:focus {
        --tw-border-opacity: 0.5
    }

    .xl\:focus\:border-opacity-60:focus {
        --tw-border-opacity: 0.6
    }

    .xl\:focus\:border-opacity-70:focus {
        --tw-border-opacity: 0.7
    }

    .xl\:focus\:border-opacity-75:focus {
        --tw-border-opacity: 0.75
    }

    .xl\:focus\:border-opacity-80:focus {
        --tw-border-opacity: 0.8
    }

    .xl\:focus\:border-opacity-90:focus {
        --tw-border-opacity: 0.9
    }

    .xl\:focus\:border-opacity-95:focus {
        --tw-border-opacity: 0.95
    }

    .xl\:focus\:border-opacity-100:focus {
        --tw-border-opacity: 1
    }

    .group:hover .xl\:group-hover\:bg-transparent {
        background-color: transparent
    }

    .group:hover .xl\:group-hover\:bg-current {
        background-color: currentColor
    }

    .group:hover .xl\:group-hover\:bg-black {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-gray-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-gray-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-gray-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-gray-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-gray-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-gray-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-gray-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-gray-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-gray-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-gray-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-red-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-red-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-red-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-red-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-red-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-red-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-red-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-red-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-red-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-red-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-yellow-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-yellow-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-yellow-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-yellow-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-yellow-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-yellow-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-yellow-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-yellow-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-yellow-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-yellow-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-green-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-green-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-green-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-green-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-green-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-green-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-green-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-green-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-green-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-green-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-blue-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-blue-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-blue-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-blue-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-blue-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-blue-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-blue-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-blue-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-blue-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-blue-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-indigo-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-indigo-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-indigo-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-indigo-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-indigo-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-indigo-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-indigo-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-indigo-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-indigo-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-indigo-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-purple-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-purple-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-purple-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-purple-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-purple-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-purple-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-purple-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-purple-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-purple-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-purple-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-pink-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-pink-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-pink-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-pink-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-pink-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-pink-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-pink-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-pink-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-pink-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-pink-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-primary {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-orange {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .group:hover .xl\:group-hover\:bg-danger {
        background-color: #c75d5d
    }

    .xl\:focus-within\:bg-transparent:focus-within {
        background-color: transparent
    }

    .xl\:focus-within\:bg-current:focus-within {
        background-color: currentColor
    }

    .xl\:focus-within\:bg-black:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-white:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-gray-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-gray-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-gray-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-gray-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-gray-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-gray-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-gray-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-gray-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-gray-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-gray-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-red-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-red-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-red-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-red-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-red-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-red-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-red-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-red-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-red-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-red-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-yellow-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-yellow-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-yellow-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-yellow-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-yellow-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-yellow-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-yellow-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-yellow-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-yellow-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-yellow-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-green-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-green-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-green-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-green-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-green-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-green-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-green-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-green-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-green-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-green-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-blue-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-blue-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-blue-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-blue-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-blue-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-blue-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-blue-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-blue-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-blue-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-blue-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-indigo-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-indigo-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-indigo-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-indigo-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-indigo-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-indigo-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-indigo-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-indigo-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-indigo-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-indigo-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-purple-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-purple-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-purple-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-purple-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-purple-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-purple-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-purple-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-purple-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-purple-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-purple-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-pink-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-pink-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-pink-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-pink-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-pink-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-pink-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-pink-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-pink-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-pink-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-pink-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-primary:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-orange:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .xl\:focus-within\:bg-danger:focus-within {
        background-color: #c75d5d
    }

    .xl\:hover\:bg-transparent:hover {
        background-color: transparent
    }

    .xl\:hover\:bg-current:hover {
        background-color: currentColor
    }

    .xl\:hover\:bg-black:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-white:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-gray-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-gray-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-gray-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-gray-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-gray-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-gray-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-gray-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-gray-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-gray-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-gray-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-red-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-red-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-red-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-red-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-red-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-red-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-red-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-red-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-red-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-red-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-yellow-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-yellow-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-yellow-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-yellow-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-yellow-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-yellow-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-yellow-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-yellow-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-yellow-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-yellow-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-green-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-green-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-green-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-green-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-green-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-green-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-green-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-green-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-green-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-green-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-blue-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-blue-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-blue-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-blue-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-blue-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-blue-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-blue-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-blue-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-blue-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-blue-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-indigo-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-indigo-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-indigo-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-indigo-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-indigo-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-indigo-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-indigo-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-indigo-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-indigo-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-indigo-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-purple-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-purple-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-purple-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-purple-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-purple-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-purple-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-purple-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-purple-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-purple-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-purple-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-pink-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-pink-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-pink-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-pink-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-pink-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-pink-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-pink-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-pink-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-pink-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-pink-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-primary:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-orange:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .xl\:hover\:bg-danger:hover {
        background-color: #c75d5d
    }

    .xl\:focus\:bg-transparent:focus {
        background-color: transparent
    }

    .xl\:focus\:bg-current:focus {
        background-color: currentColor
    }

    .xl\:focus\:bg-black:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-white:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-gray-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-gray-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-gray-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-gray-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-gray-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-gray-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-gray-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-gray-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-gray-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-gray-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-red-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-red-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-red-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-red-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-red-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-red-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-red-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-red-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-red-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-red-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-yellow-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-yellow-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-yellow-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-yellow-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-yellow-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-yellow-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-yellow-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-yellow-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-yellow-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-yellow-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-green-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-green-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-green-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-green-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-green-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-green-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-green-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-green-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-green-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-green-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-blue-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-blue-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-blue-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-blue-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-blue-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-blue-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-blue-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-blue-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-blue-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-blue-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-indigo-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-indigo-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-indigo-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-indigo-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-indigo-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-indigo-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-indigo-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-indigo-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-indigo-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-indigo-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-purple-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-purple-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-purple-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-purple-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-purple-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-purple-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-purple-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-purple-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-purple-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-purple-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-pink-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-pink-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-pink-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-pink-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-pink-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-pink-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-pink-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-pink-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-pink-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-pink-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-primary:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-orange:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .xl\:focus\:bg-danger:focus {
        background-color: #c75d5d
    }

    .group:hover .xl\:group-hover\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }

    .group:hover .xl\:group-hover\:bg-opacity-5 {
        --tw-bg-opacity: 0.05
    }

    .group:hover .xl\:group-hover\:bg-opacity-10 {
        --tw-bg-opacity: 0.1
    }

    .group:hover .xl\:group-hover\:bg-opacity-20 {
        --tw-bg-opacity: 0.2
    }

    .group:hover .xl\:group-hover\:bg-opacity-25 {
        --tw-bg-opacity: 0.25
    }

    .group:hover .xl\:group-hover\:bg-opacity-30 {
        --tw-bg-opacity: 0.3
    }

    .group:hover .xl\:group-hover\:bg-opacity-40 {
        --tw-bg-opacity: 0.4
    }

    .group:hover .xl\:group-hover\:bg-opacity-50 {
        --tw-bg-opacity: 0.5
    }

    .group:hover .xl\:group-hover\:bg-opacity-60 {
        --tw-bg-opacity: 0.6
    }

    .group:hover .xl\:group-hover\:bg-opacity-70 {
        --tw-bg-opacity: 0.7
    }

    .group:hover .xl\:group-hover\:bg-opacity-75 {
        --tw-bg-opacity: 0.75
    }

    .group:hover .xl\:group-hover\:bg-opacity-80 {
        --tw-bg-opacity: 0.8
    }

    .group:hover .xl\:group-hover\:bg-opacity-90 {
        --tw-bg-opacity: 0.9
    }

    .group:hover .xl\:group-hover\:bg-opacity-95 {
        --tw-bg-opacity: 0.95
    }

    .group:hover .xl\:group-hover\:bg-opacity-100 {
        --tw-bg-opacity: 1
    }

    .xl\:focus-within\:bg-opacity-0:focus-within {
        --tw-bg-opacity: 0
    }

    .xl\:focus-within\:bg-opacity-5:focus-within {
        --tw-bg-opacity: 0.05
    }

    .xl\:focus-within\:bg-opacity-10:focus-within {
        --tw-bg-opacity: 0.1
    }

    .xl\:focus-within\:bg-opacity-20:focus-within {
        --tw-bg-opacity: 0.2
    }

    .xl\:focus-within\:bg-opacity-25:focus-within {
        --tw-bg-opacity: 0.25
    }

    .xl\:focus-within\:bg-opacity-30:focus-within {
        --tw-bg-opacity: 0.3
    }

    .xl\:focus-within\:bg-opacity-40:focus-within {
        --tw-bg-opacity: 0.4
    }

    .xl\:focus-within\:bg-opacity-50:focus-within {
        --tw-bg-opacity: 0.5
    }

    .xl\:focus-within\:bg-opacity-60:focus-within {
        --tw-bg-opacity: 0.6
    }

    .xl\:focus-within\:bg-opacity-70:focus-within {
        --tw-bg-opacity: 0.7
    }

    .xl\:focus-within\:bg-opacity-75:focus-within {
        --tw-bg-opacity: 0.75
    }

    .xl\:focus-within\:bg-opacity-80:focus-within {
        --tw-bg-opacity: 0.8
    }

    .xl\:focus-within\:bg-opacity-90:focus-within {
        --tw-bg-opacity: 0.9
    }

    .xl\:focus-within\:bg-opacity-95:focus-within {
        --tw-bg-opacity: 0.95
    }

    .xl\:focus-within\:bg-opacity-100:focus-within {
        --tw-bg-opacity: 1
    }

    .xl\:hover\:bg-opacity-0:hover {
        --tw-bg-opacity: 0
    }

    .xl\:hover\:bg-opacity-5:hover {
        --tw-bg-opacity: 0.05
    }

    .xl\:hover\:bg-opacity-10:hover {
        --tw-bg-opacity: 0.1
    }

    .xl\:hover\:bg-opacity-20:hover {
        --tw-bg-opacity: 0.2
    }

    .xl\:hover\:bg-opacity-25:hover {
        --tw-bg-opacity: 0.25
    }

    .xl\:hover\:bg-opacity-30:hover {
        --tw-bg-opacity: 0.3
    }

    .xl\:hover\:bg-opacity-40:hover {
        --tw-bg-opacity: 0.4
    }

    .xl\:hover\:bg-opacity-50:hover {
        --tw-bg-opacity: 0.5
    }

    .xl\:hover\:bg-opacity-60:hover {
        --tw-bg-opacity: 0.6
    }

    .xl\:hover\:bg-opacity-70:hover {
        --tw-bg-opacity: 0.7
    }

    .xl\:hover\:bg-opacity-75:hover {
        --tw-bg-opacity: 0.75
    }

    .xl\:hover\:bg-opacity-80:hover {
        --tw-bg-opacity: 0.8
    }

    .xl\:hover\:bg-opacity-90:hover {
        --tw-bg-opacity: 0.9
    }

    .xl\:hover\:bg-opacity-95:hover {
        --tw-bg-opacity: 0.95
    }

    .xl\:hover\:bg-opacity-100:hover {
        --tw-bg-opacity: 1
    }

    .xl\:focus\:bg-opacity-0:focus {
        --tw-bg-opacity: 0
    }

    .xl\:focus\:bg-opacity-5:focus {
        --tw-bg-opacity: 0.05
    }

    .xl\:focus\:bg-opacity-10:focus {
        --tw-bg-opacity: 0.1
    }

    .xl\:focus\:bg-opacity-20:focus {
        --tw-bg-opacity: 0.2
    }

    .xl\:focus\:bg-opacity-25:focus {
        --tw-bg-opacity: 0.25
    }

    .xl\:focus\:bg-opacity-30:focus {
        --tw-bg-opacity: 0.3
    }

    .xl\:focus\:bg-opacity-40:focus {
        --tw-bg-opacity: 0.4
    }

    .xl\:focus\:bg-opacity-50:focus {
        --tw-bg-opacity: 0.5
    }

    .xl\:focus\:bg-opacity-60:focus {
        --tw-bg-opacity: 0.6
    }

    .xl\:focus\:bg-opacity-70:focus {
        --tw-bg-opacity: 0.7
    }

    .xl\:focus\:bg-opacity-75:focus {
        --tw-bg-opacity: 0.75
    }

    .xl\:focus\:bg-opacity-80:focus {
        --tw-bg-opacity: 0.8
    }

    .xl\:focus\:bg-opacity-90:focus {
        --tw-bg-opacity: 0.9
    }

    .xl\:focus\:bg-opacity-95:focus {
        --tw-bg-opacity: 0.95
    }

    .xl\:focus\:bg-opacity-100:focus {
        --tw-bg-opacity: 1
    }

    .xl\:hover\:from-transparent:hover {
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .xl\:hover\:from-current:hover {
        --tw-gradient-from: currentColor;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .xl\:hover\:from-black:hover {
        --tw-gradient-from: #000;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .xl\:hover\:from-white:hover {
        --tw-gradient-from: #fff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .xl\:hover\:from-gray-50:hover {
        --tw-gradient-from: #f9fafb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .xl\:hover\:from-gray-100:hover {
        --tw-gradient-from: #f3f4f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .xl\:hover\:from-gray-200:hover {
        --tw-gradient-from: #e5e7eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .xl\:hover\:from-gray-300:hover {
        --tw-gradient-from: #d1d5db;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .xl\:hover\:from-gray-400:hover {
        --tw-gradient-from: #9ca3af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .xl\:hover\:from-gray-500:hover {
        --tw-gradient-from: #6b7280;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .xl\:hover\:from-gray-600:hover {
        --tw-gradient-from: #4b5563;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .xl\:hover\:from-gray-700:hover {
        --tw-gradient-from: #374151;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .xl\:hover\:from-gray-800:hover {
        --tw-gradient-from: #1f2937;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .xl\:hover\:from-gray-900:hover {
        --tw-gradient-from: #111827;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .xl\:hover\:from-red-50:hover {
        --tw-gradient-from: #fef2f2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .xl\:hover\:from-red-100:hover {
        --tw-gradient-from: #fee2e2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .xl\:hover\:from-red-200:hover {
        --tw-gradient-from: #fecaca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .xl\:hover\:from-red-300:hover {
        --tw-gradient-from: #fca5a5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .xl\:hover\:from-red-400:hover {
        --tw-gradient-from: #f87171;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .xl\:hover\:from-red-500:hover {
        --tw-gradient-from: #ef4444;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .xl\:hover\:from-red-600:hover {
        --tw-gradient-from: #dc2626;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .xl\:hover\:from-red-700:hover {
        --tw-gradient-from: #b91c1c;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .xl\:hover\:from-red-800:hover {
        --tw-gradient-from: #991b1b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .xl\:hover\:from-red-900:hover {
        --tw-gradient-from: #7f1d1d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .xl\:hover\:from-yellow-50:hover {
        --tw-gradient-from: #fffbeb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .xl\:hover\:from-yellow-100:hover {
        --tw-gradient-from: #fef3c7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .xl\:hover\:from-yellow-200:hover {
        --tw-gradient-from: #fde68a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .xl\:hover\:from-yellow-300:hover {
        --tw-gradient-from: #fcd34d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .xl\:hover\:from-yellow-400:hover {
        --tw-gradient-from: #fbbf24;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .xl\:hover\:from-yellow-500:hover {
        --tw-gradient-from: #f59e0b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .xl\:hover\:from-yellow-600:hover {
        --tw-gradient-from: #d97706;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .xl\:hover\:from-yellow-700:hover {
        --tw-gradient-from: #b45309;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .xl\:hover\:from-yellow-800:hover {
        --tw-gradient-from: #92400e;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .xl\:hover\:from-yellow-900:hover {
        --tw-gradient-from: #78350f;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .xl\:hover\:from-green-50:hover {
        --tw-gradient-from: #ecfdf5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .xl\:hover\:from-green-100:hover {
        --tw-gradient-from: #d1fae5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .xl\:hover\:from-green-200:hover {
        --tw-gradient-from: #a7f3d0;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .xl\:hover\:from-green-300:hover {
        --tw-gradient-from: #6ee7b7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .xl\:hover\:from-green-400:hover {
        --tw-gradient-from: #34d399;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .xl\:hover\:from-green-500:hover {
        --tw-gradient-from: #10b981;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .xl\:hover\:from-green-600:hover {
        --tw-gradient-from: #059669;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .xl\:hover\:from-green-700:hover {
        --tw-gradient-from: #047857;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .xl\:hover\:from-green-800:hover {
        --tw-gradient-from: #065f46;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .xl\:hover\:from-green-900:hover {
        --tw-gradient-from: #064e3b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .xl\:hover\:from-blue-50:hover {
        --tw-gradient-from: #eff6ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .xl\:hover\:from-blue-100:hover {
        --tw-gradient-from: #dbeafe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .xl\:hover\:from-blue-200:hover {
        --tw-gradient-from: #bfdbfe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .xl\:hover\:from-blue-300:hover {
        --tw-gradient-from: #93c5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .xl\:hover\:from-blue-400:hover {
        --tw-gradient-from: #60a5fa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .xl\:hover\:from-blue-500:hover {
        --tw-gradient-from: #3b82f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .xl\:hover\:from-blue-600:hover {
        --tw-gradient-from: #2563eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .xl\:hover\:from-blue-700:hover {
        --tw-gradient-from: #1d4ed8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .xl\:hover\:from-blue-800:hover {
        --tw-gradient-from: #1e40af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .xl\:hover\:from-blue-900:hover {
        --tw-gradient-from: #1e3a8a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .xl\:hover\:from-indigo-50:hover {
        --tw-gradient-from: #eef2ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .xl\:hover\:from-indigo-100:hover {
        --tw-gradient-from: #e0e7ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .xl\:hover\:from-indigo-200:hover {
        --tw-gradient-from: #c7d2fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .xl\:hover\:from-indigo-300:hover {
        --tw-gradient-from: #a5b4fc;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .xl\:hover\:from-indigo-400:hover {
        --tw-gradient-from: #818cf8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .xl\:hover\:from-indigo-500:hover {
        --tw-gradient-from: #6366f1;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .xl\:hover\:from-indigo-600:hover {
        --tw-gradient-from: #4f46e5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .xl\:hover\:from-indigo-700:hover {
        --tw-gradient-from: #4338ca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .xl\:hover\:from-indigo-800:hover {
        --tw-gradient-from: #3730a3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .xl\:hover\:from-indigo-900:hover {
        --tw-gradient-from: #312e81;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .xl\:hover\:from-purple-50:hover {
        --tw-gradient-from: #f5f3ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .xl\:hover\:from-purple-100:hover {
        --tw-gradient-from: #ede9fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .xl\:hover\:from-purple-200:hover {
        --tw-gradient-from: #ddd6fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .xl\:hover\:from-purple-300:hover {
        --tw-gradient-from: #c4b5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .xl\:hover\:from-purple-400:hover {
        --tw-gradient-from: #a78bfa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .xl\:hover\:from-purple-500:hover {
        --tw-gradient-from: #8b5cf6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .xl\:hover\:from-purple-600:hover {
        --tw-gradient-from: #7c3aed;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .xl\:hover\:from-purple-700:hover {
        --tw-gradient-from: #6d28d9;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .xl\:hover\:from-purple-800:hover {
        --tw-gradient-from: #5b21b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .xl\:hover\:from-purple-900:hover {
        --tw-gradient-from: #4c1d95;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .xl\:hover\:from-pink-50:hover {
        --tw-gradient-from: #fdf2f8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .xl\:hover\:from-pink-100:hover {
        --tw-gradient-from: #fce7f3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .xl\:hover\:from-pink-200:hover {
        --tw-gradient-from: #fbcfe8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .xl\:hover\:from-pink-300:hover {
        --tw-gradient-from: #f9a8d4;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .xl\:hover\:from-pink-400:hover {
        --tw-gradient-from: #f472b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .xl\:hover\:from-pink-500:hover {
        --tw-gradient-from: #ec4899;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .xl\:hover\:from-pink-600:hover {
        --tw-gradient-from: #db2777;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .xl\:hover\:from-pink-700:hover {
        --tw-gradient-from: #be185d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .xl\:hover\:from-pink-800:hover {
        --tw-gradient-from: #9d174d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .xl\:hover\:from-pink-900:hover {
        --tw-gradient-from: #831843;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .xl\:hover\:from-primary:hover {
        --tw-gradient-from: #1ab938;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .xl\:hover\:from-orange:hover {
        --tw-gradient-from: #fdab5a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .xl\:hover\:from-danger:hover {
        --tw-gradient-from: #c75d5d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .xl\:focus\:from-transparent:focus {
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .xl\:focus\:from-current:focus {
        --tw-gradient-from: currentColor;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .xl\:focus\:from-black:focus {
        --tw-gradient-from: #000;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .xl\:focus\:from-white:focus {
        --tw-gradient-from: #fff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .xl\:focus\:from-gray-50:focus {
        --tw-gradient-from: #f9fafb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .xl\:focus\:from-gray-100:focus {
        --tw-gradient-from: #f3f4f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .xl\:focus\:from-gray-200:focus {
        --tw-gradient-from: #e5e7eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .xl\:focus\:from-gray-300:focus {
        --tw-gradient-from: #d1d5db;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .xl\:focus\:from-gray-400:focus {
        --tw-gradient-from: #9ca3af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .xl\:focus\:from-gray-500:focus {
        --tw-gradient-from: #6b7280;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .xl\:focus\:from-gray-600:focus {
        --tw-gradient-from: #4b5563;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .xl\:focus\:from-gray-700:focus {
        --tw-gradient-from: #374151;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .xl\:focus\:from-gray-800:focus {
        --tw-gradient-from: #1f2937;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .xl\:focus\:from-gray-900:focus {
        --tw-gradient-from: #111827;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .xl\:focus\:from-red-50:focus {
        --tw-gradient-from: #fef2f2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .xl\:focus\:from-red-100:focus {
        --tw-gradient-from: #fee2e2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .xl\:focus\:from-red-200:focus {
        --tw-gradient-from: #fecaca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .xl\:focus\:from-red-300:focus {
        --tw-gradient-from: #fca5a5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .xl\:focus\:from-red-400:focus {
        --tw-gradient-from: #f87171;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .xl\:focus\:from-red-500:focus {
        --tw-gradient-from: #ef4444;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .xl\:focus\:from-red-600:focus {
        --tw-gradient-from: #dc2626;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .xl\:focus\:from-red-700:focus {
        --tw-gradient-from: #b91c1c;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .xl\:focus\:from-red-800:focus {
        --tw-gradient-from: #991b1b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .xl\:focus\:from-red-900:focus {
        --tw-gradient-from: #7f1d1d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .xl\:focus\:from-yellow-50:focus {
        --tw-gradient-from: #fffbeb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .xl\:focus\:from-yellow-100:focus {
        --tw-gradient-from: #fef3c7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .xl\:focus\:from-yellow-200:focus {
        --tw-gradient-from: #fde68a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .xl\:focus\:from-yellow-300:focus {
        --tw-gradient-from: #fcd34d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .xl\:focus\:from-yellow-400:focus {
        --tw-gradient-from: #fbbf24;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .xl\:focus\:from-yellow-500:focus {
        --tw-gradient-from: #f59e0b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .xl\:focus\:from-yellow-600:focus {
        --tw-gradient-from: #d97706;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .xl\:focus\:from-yellow-700:focus {
        --tw-gradient-from: #b45309;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .xl\:focus\:from-yellow-800:focus {
        --tw-gradient-from: #92400e;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .xl\:focus\:from-yellow-900:focus {
        --tw-gradient-from: #78350f;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .xl\:focus\:from-green-50:focus {
        --tw-gradient-from: #ecfdf5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .xl\:focus\:from-green-100:focus {
        --tw-gradient-from: #d1fae5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .xl\:focus\:from-green-200:focus {
        --tw-gradient-from: #a7f3d0;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .xl\:focus\:from-green-300:focus {
        --tw-gradient-from: #6ee7b7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .xl\:focus\:from-green-400:focus {
        --tw-gradient-from: #34d399;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .xl\:focus\:from-green-500:focus {
        --tw-gradient-from: #10b981;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .xl\:focus\:from-green-600:focus {
        --tw-gradient-from: #059669;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .xl\:focus\:from-green-700:focus {
        --tw-gradient-from: #047857;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .xl\:focus\:from-green-800:focus {
        --tw-gradient-from: #065f46;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .xl\:focus\:from-green-900:focus {
        --tw-gradient-from: #064e3b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .xl\:focus\:from-blue-50:focus {
        --tw-gradient-from: #eff6ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .xl\:focus\:from-blue-100:focus {
        --tw-gradient-from: #dbeafe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .xl\:focus\:from-blue-200:focus {
        --tw-gradient-from: #bfdbfe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .xl\:focus\:from-blue-300:focus {
        --tw-gradient-from: #93c5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .xl\:focus\:from-blue-400:focus {
        --tw-gradient-from: #60a5fa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .xl\:focus\:from-blue-500:focus {
        --tw-gradient-from: #3b82f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .xl\:focus\:from-blue-600:focus {
        --tw-gradient-from: #2563eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .xl\:focus\:from-blue-700:focus {
        --tw-gradient-from: #1d4ed8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .xl\:focus\:from-blue-800:focus {
        --tw-gradient-from: #1e40af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .xl\:focus\:from-blue-900:focus {
        --tw-gradient-from: #1e3a8a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .xl\:focus\:from-indigo-50:focus {
        --tw-gradient-from: #eef2ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .xl\:focus\:from-indigo-100:focus {
        --tw-gradient-from: #e0e7ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .xl\:focus\:from-indigo-200:focus {
        --tw-gradient-from: #c7d2fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .xl\:focus\:from-indigo-300:focus {
        --tw-gradient-from: #a5b4fc;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .xl\:focus\:from-indigo-400:focus {
        --tw-gradient-from: #818cf8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .xl\:focus\:from-indigo-500:focus {
        --tw-gradient-from: #6366f1;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .xl\:focus\:from-indigo-600:focus {
        --tw-gradient-from: #4f46e5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .xl\:focus\:from-indigo-700:focus {
        --tw-gradient-from: #4338ca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .xl\:focus\:from-indigo-800:focus {
        --tw-gradient-from: #3730a3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .xl\:focus\:from-indigo-900:focus {
        --tw-gradient-from: #312e81;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .xl\:focus\:from-purple-50:focus {
        --tw-gradient-from: #f5f3ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .xl\:focus\:from-purple-100:focus {
        --tw-gradient-from: #ede9fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .xl\:focus\:from-purple-200:focus {
        --tw-gradient-from: #ddd6fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .xl\:focus\:from-purple-300:focus {
        --tw-gradient-from: #c4b5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .xl\:focus\:from-purple-400:focus {
        --tw-gradient-from: #a78bfa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .xl\:focus\:from-purple-500:focus {
        --tw-gradient-from: #8b5cf6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .xl\:focus\:from-purple-600:focus {
        --tw-gradient-from: #7c3aed;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .xl\:focus\:from-purple-700:focus {
        --tw-gradient-from: #6d28d9;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .xl\:focus\:from-purple-800:focus {
        --tw-gradient-from: #5b21b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .xl\:focus\:from-purple-900:focus {
        --tw-gradient-from: #4c1d95;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .xl\:focus\:from-pink-50:focus {
        --tw-gradient-from: #fdf2f8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .xl\:focus\:from-pink-100:focus {
        --tw-gradient-from: #fce7f3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .xl\:focus\:from-pink-200:focus {
        --tw-gradient-from: #fbcfe8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .xl\:focus\:from-pink-300:focus {
        --tw-gradient-from: #f9a8d4;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .xl\:focus\:from-pink-400:focus {
        --tw-gradient-from: #f472b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .xl\:focus\:from-pink-500:focus {
        --tw-gradient-from: #ec4899;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .xl\:focus\:from-pink-600:focus {
        --tw-gradient-from: #db2777;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .xl\:focus\:from-pink-700:focus {
        --tw-gradient-from: #be185d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .xl\:focus\:from-pink-800:focus {
        --tw-gradient-from: #9d174d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .xl\:focus\:from-pink-900:focus {
        --tw-gradient-from: #831843;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .xl\:focus\:from-primary:focus {
        --tw-gradient-from: #1ab938;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .xl\:focus\:from-orange:focus {
        --tw-gradient-from: #fdab5a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .xl\:focus\:from-danger:focus {
        --tw-gradient-from: #c75d5d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .xl\:hover\:via-transparent:hover {
        --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, transparent)
    }

    .xl\:hover\:via-current:hover {
        --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .xl\:hover\:via-black:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, transparent)
    }

    .xl\:hover\:via-white:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .xl\:hover\:via-gray-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .xl\:hover\:via-gray-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .xl\:hover\:via-gray-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .xl\:hover\:via-gray-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .xl\:hover\:via-gray-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .xl\:hover\:via-gray-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .xl\:hover\:via-gray-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .xl\:hover\:via-gray-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .xl\:hover\:via-gray-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .xl\:hover\:via-gray-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .xl\:hover\:via-red-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .xl\:hover\:via-red-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .xl\:hover\:via-red-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .xl\:hover\:via-red-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .xl\:hover\:via-red-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .xl\:hover\:via-red-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .xl\:hover\:via-red-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .xl\:hover\:via-red-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .xl\:hover\:via-red-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .xl\:hover\:via-red-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .xl\:hover\:via-yellow-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .xl\:hover\:via-yellow-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .xl\:hover\:via-yellow-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .xl\:hover\:via-yellow-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .xl\:hover\:via-yellow-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .xl\:hover\:via-yellow-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .xl\:hover\:via-yellow-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .xl\:hover\:via-yellow-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .xl\:hover\:via-yellow-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .xl\:hover\:via-yellow-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .xl\:hover\:via-green-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .xl\:hover\:via-green-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .xl\:hover\:via-green-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .xl\:hover\:via-green-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .xl\:hover\:via-green-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .xl\:hover\:via-green-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .xl\:hover\:via-green-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .xl\:hover\:via-green-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .xl\:hover\:via-green-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .xl\:hover\:via-green-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .xl\:hover\:via-blue-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .xl\:hover\:via-blue-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .xl\:hover\:via-blue-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .xl\:hover\:via-blue-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .xl\:hover\:via-blue-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .xl\:hover\:via-blue-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .xl\:hover\:via-blue-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .xl\:hover\:via-blue-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .xl\:hover\:via-blue-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .xl\:hover\:via-blue-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .xl\:hover\:via-indigo-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .xl\:hover\:via-indigo-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .xl\:hover\:via-indigo-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .xl\:hover\:via-indigo-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .xl\:hover\:via-indigo-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .xl\:hover\:via-indigo-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .xl\:hover\:via-indigo-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .xl\:hover\:via-indigo-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .xl\:hover\:via-indigo-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .xl\:hover\:via-indigo-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .xl\:hover\:via-purple-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .xl\:hover\:via-purple-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .xl\:hover\:via-purple-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .xl\:hover\:via-purple-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .xl\:hover\:via-purple-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .xl\:hover\:via-purple-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .xl\:hover\:via-purple-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .xl\:hover\:via-purple-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .xl\:hover\:via-purple-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .xl\:hover\:via-purple-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .xl\:hover\:via-pink-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .xl\:hover\:via-pink-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .xl\:hover\:via-pink-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .xl\:hover\:via-pink-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .xl\:hover\:via-pink-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .xl\:hover\:via-pink-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .xl\:hover\:via-pink-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .xl\:hover\:via-pink-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .xl\:hover\:via-pink-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .xl\:hover\:via-pink-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .xl\:hover\:via-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1ab938, var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .xl\:hover\:via-orange:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fdab5a, var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .xl\:hover\:via-danger:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #c75d5d, var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .xl\:focus\:via-transparent:focus {
        --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, transparent)
    }

    .xl\:focus\:via-current:focus {
        --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .xl\:focus\:via-black:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, transparent)
    }

    .xl\:focus\:via-white:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .xl\:focus\:via-gray-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .xl\:focus\:via-gray-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .xl\:focus\:via-gray-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .xl\:focus\:via-gray-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .xl\:focus\:via-gray-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .xl\:focus\:via-gray-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .xl\:focus\:via-gray-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .xl\:focus\:via-gray-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .xl\:focus\:via-gray-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .xl\:focus\:via-gray-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .xl\:focus\:via-red-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .xl\:focus\:via-red-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .xl\:focus\:via-red-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .xl\:focus\:via-red-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .xl\:focus\:via-red-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .xl\:focus\:via-red-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .xl\:focus\:via-red-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .xl\:focus\:via-red-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .xl\:focus\:via-red-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .xl\:focus\:via-red-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .xl\:focus\:via-yellow-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .xl\:focus\:via-yellow-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .xl\:focus\:via-yellow-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .xl\:focus\:via-yellow-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .xl\:focus\:via-yellow-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .xl\:focus\:via-yellow-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .xl\:focus\:via-yellow-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .xl\:focus\:via-yellow-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .xl\:focus\:via-yellow-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .xl\:focus\:via-yellow-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .xl\:focus\:via-green-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .xl\:focus\:via-green-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .xl\:focus\:via-green-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .xl\:focus\:via-green-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .xl\:focus\:via-green-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .xl\:focus\:via-green-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .xl\:focus\:via-green-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .xl\:focus\:via-green-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .xl\:focus\:via-green-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .xl\:focus\:via-green-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .xl\:focus\:via-blue-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .xl\:focus\:via-blue-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .xl\:focus\:via-blue-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .xl\:focus\:via-blue-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .xl\:focus\:via-blue-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .xl\:focus\:via-blue-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .xl\:focus\:via-blue-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .xl\:focus\:via-blue-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .xl\:focus\:via-blue-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .xl\:focus\:via-blue-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .xl\:focus\:via-indigo-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .xl\:focus\:via-indigo-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .xl\:focus\:via-indigo-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .xl\:focus\:via-indigo-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .xl\:focus\:via-indigo-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .xl\:focus\:via-indigo-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .xl\:focus\:via-indigo-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .xl\:focus\:via-indigo-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .xl\:focus\:via-indigo-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .xl\:focus\:via-indigo-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .xl\:focus\:via-purple-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .xl\:focus\:via-purple-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .xl\:focus\:via-purple-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .xl\:focus\:via-purple-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .xl\:focus\:via-purple-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .xl\:focus\:via-purple-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .xl\:focus\:via-purple-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .xl\:focus\:via-purple-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .xl\:focus\:via-purple-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .xl\:focus\:via-purple-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .xl\:focus\:via-pink-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .xl\:focus\:via-pink-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .xl\:focus\:via-pink-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .xl\:focus\:via-pink-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .xl\:focus\:via-pink-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .xl\:focus\:via-pink-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .xl\:focus\:via-pink-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .xl\:focus\:via-pink-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .xl\:focus\:via-pink-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .xl\:focus\:via-pink-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .xl\:focus\:via-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1ab938, var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .xl\:focus\:via-orange:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fdab5a, var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .xl\:focus\:via-danger:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #c75d5d, var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .xl\:hover\:to-transparent:hover {
        --tw-gradient-to: transparent
    }

    .xl\:hover\:to-current:hover {
        --tw-gradient-to: currentColor
    }

    .xl\:hover\:to-black:hover {
        --tw-gradient-to: #000
    }

    .xl\:hover\:to-white:hover {
        --tw-gradient-to: #fff
    }

    .xl\:hover\:to-gray-50:hover {
        --tw-gradient-to: #f9fafb
    }

    .xl\:hover\:to-gray-100:hover {
        --tw-gradient-to: #f3f4f6
    }

    .xl\:hover\:to-gray-200:hover {
        --tw-gradient-to: #e5e7eb
    }

    .xl\:hover\:to-gray-300:hover {
        --tw-gradient-to: #d1d5db
    }

    .xl\:hover\:to-gray-400:hover {
        --tw-gradient-to: #9ca3af
    }

    .xl\:hover\:to-gray-500:hover {
        --tw-gradient-to: #6b7280
    }

    .xl\:hover\:to-gray-600:hover {
        --tw-gradient-to: #4b5563
    }

    .xl\:hover\:to-gray-700:hover {
        --tw-gradient-to: #374151
    }

    .xl\:hover\:to-gray-800:hover {
        --tw-gradient-to: #1f2937
    }

    .xl\:hover\:to-gray-900:hover {
        --tw-gradient-to: #111827
    }

    .xl\:hover\:to-red-50:hover {
        --tw-gradient-to: #fef2f2
    }

    .xl\:hover\:to-red-100:hover {
        --tw-gradient-to: #fee2e2
    }

    .xl\:hover\:to-red-200:hover {
        --tw-gradient-to: #fecaca
    }

    .xl\:hover\:to-red-300:hover {
        --tw-gradient-to: #fca5a5
    }

    .xl\:hover\:to-red-400:hover {
        --tw-gradient-to: #f87171
    }

    .xl\:hover\:to-red-500:hover {
        --tw-gradient-to: #ef4444
    }

    .xl\:hover\:to-red-600:hover {
        --tw-gradient-to: #dc2626
    }

    .xl\:hover\:to-red-700:hover {
        --tw-gradient-to: #b91c1c
    }

    .xl\:hover\:to-red-800:hover {
        --tw-gradient-to: #991b1b
    }

    .xl\:hover\:to-red-900:hover {
        --tw-gradient-to: #7f1d1d
    }

    .xl\:hover\:to-yellow-50:hover {
        --tw-gradient-to: #fffbeb
    }

    .xl\:hover\:to-yellow-100:hover {
        --tw-gradient-to: #fef3c7
    }

    .xl\:hover\:to-yellow-200:hover {
        --tw-gradient-to: #fde68a
    }

    .xl\:hover\:to-yellow-300:hover {
        --tw-gradient-to: #fcd34d
    }

    .xl\:hover\:to-yellow-400:hover {
        --tw-gradient-to: #fbbf24
    }

    .xl\:hover\:to-yellow-500:hover {
        --tw-gradient-to: #f59e0b
    }

    .xl\:hover\:to-yellow-600:hover {
        --tw-gradient-to: #d97706
    }

    .xl\:hover\:to-yellow-700:hover {
        --tw-gradient-to: #b45309
    }

    .xl\:hover\:to-yellow-800:hover {
        --tw-gradient-to: #92400e
    }

    .xl\:hover\:to-yellow-900:hover {
        --tw-gradient-to: #78350f
    }

    .xl\:hover\:to-green-50:hover {
        --tw-gradient-to: #ecfdf5
    }

    .xl\:hover\:to-green-100:hover {
        --tw-gradient-to: #d1fae5
    }

    .xl\:hover\:to-green-200:hover {
        --tw-gradient-to: #a7f3d0
    }

    .xl\:hover\:to-green-300:hover {
        --tw-gradient-to: #6ee7b7
    }

    .xl\:hover\:to-green-400:hover {
        --tw-gradient-to: #34d399
    }

    .xl\:hover\:to-green-500:hover {
        --tw-gradient-to: #10b981
    }

    .xl\:hover\:to-green-600:hover {
        --tw-gradient-to: #059669
    }

    .xl\:hover\:to-green-700:hover {
        --tw-gradient-to: #047857
    }

    .xl\:hover\:to-green-800:hover {
        --tw-gradient-to: #065f46
    }

    .xl\:hover\:to-green-900:hover {
        --tw-gradient-to: #064e3b
    }

    .xl\:hover\:to-blue-50:hover {
        --tw-gradient-to: #eff6ff
    }

    .xl\:hover\:to-blue-100:hover {
        --tw-gradient-to: #dbeafe
    }

    .xl\:hover\:to-blue-200:hover {
        --tw-gradient-to: #bfdbfe
    }

    .xl\:hover\:to-blue-300:hover {
        --tw-gradient-to: #93c5fd
    }

    .xl\:hover\:to-blue-400:hover {
        --tw-gradient-to: #60a5fa
    }

    .xl\:hover\:to-blue-500:hover {
        --tw-gradient-to: #3b82f6
    }

    .xl\:hover\:to-blue-600:hover {
        --tw-gradient-to: #2563eb
    }

    .xl\:hover\:to-blue-700:hover {
        --tw-gradient-to: #1d4ed8
    }

    .xl\:hover\:to-blue-800:hover {
        --tw-gradient-to: #1e40af
    }

    .xl\:hover\:to-blue-900:hover {
        --tw-gradient-to: #1e3a8a
    }

    .xl\:hover\:to-indigo-50:hover {
        --tw-gradient-to: #eef2ff
    }

    .xl\:hover\:to-indigo-100:hover {
        --tw-gradient-to: #e0e7ff
    }

    .xl\:hover\:to-indigo-200:hover {
        --tw-gradient-to: #c7d2fe
    }

    .xl\:hover\:to-indigo-300:hover {
        --tw-gradient-to: #a5b4fc
    }

    .xl\:hover\:to-indigo-400:hover {
        --tw-gradient-to: #818cf8
    }

    .xl\:hover\:to-indigo-500:hover {
        --tw-gradient-to: #6366f1
    }

    .xl\:hover\:to-indigo-600:hover {
        --tw-gradient-to: #4f46e5
    }

    .xl\:hover\:to-indigo-700:hover {
        --tw-gradient-to: #4338ca
    }

    .xl\:hover\:to-indigo-800:hover {
        --tw-gradient-to: #3730a3
    }

    .xl\:hover\:to-indigo-900:hover {
        --tw-gradient-to: #312e81
    }

    .xl\:hover\:to-purple-50:hover {
        --tw-gradient-to: #f5f3ff
    }

    .xl\:hover\:to-purple-100:hover {
        --tw-gradient-to: #ede9fe
    }

    .xl\:hover\:to-purple-200:hover {
        --tw-gradient-to: #ddd6fe
    }

    .xl\:hover\:to-purple-300:hover {
        --tw-gradient-to: #c4b5fd
    }

    .xl\:hover\:to-purple-400:hover {
        --tw-gradient-to: #a78bfa
    }

    .xl\:hover\:to-purple-500:hover {
        --tw-gradient-to: #8b5cf6
    }

    .xl\:hover\:to-purple-600:hover {
        --tw-gradient-to: #7c3aed
    }

    .xl\:hover\:to-purple-700:hover {
        --tw-gradient-to: #6d28d9
    }

    .xl\:hover\:to-purple-800:hover {
        --tw-gradient-to: #5b21b6
    }

    .xl\:hover\:to-purple-900:hover {
        --tw-gradient-to: #4c1d95
    }

    .xl\:hover\:to-pink-50:hover {
        --tw-gradient-to: #fdf2f8
    }

    .xl\:hover\:to-pink-100:hover {
        --tw-gradient-to: #fce7f3
    }

    .xl\:hover\:to-pink-200:hover {
        --tw-gradient-to: #fbcfe8
    }

    .xl\:hover\:to-pink-300:hover {
        --tw-gradient-to: #f9a8d4
    }

    .xl\:hover\:to-pink-400:hover {
        --tw-gradient-to: #f472b6
    }

    .xl\:hover\:to-pink-500:hover {
        --tw-gradient-to: #ec4899
    }

    .xl\:hover\:to-pink-600:hover {
        --tw-gradient-to: #db2777
    }

    .xl\:hover\:to-pink-700:hover {
        --tw-gradient-to: #be185d
    }

    .xl\:hover\:to-pink-800:hover {
        --tw-gradient-to: #9d174d
    }

    .xl\:hover\:to-pink-900:hover {
        --tw-gradient-to: #831843
    }

    .xl\:hover\:to-primary:hover {
        --tw-gradient-to: #1ab938
    }

    .xl\:hover\:to-orange:hover {
        --tw-gradient-to: #fdab5a
    }

    .xl\:hover\:to-danger:hover {
        --tw-gradient-to: #c75d5d
    }

    .xl\:focus\:to-transparent:focus {
        --tw-gradient-to: transparent
    }

    .xl\:focus\:to-current:focus {
        --tw-gradient-to: currentColor
    }

    .xl\:focus\:to-black:focus {
        --tw-gradient-to: #000
    }

    .xl\:focus\:to-white:focus {
        --tw-gradient-to: #fff
    }

    .xl\:focus\:to-gray-50:focus {
        --tw-gradient-to: #f9fafb
    }

    .xl\:focus\:to-gray-100:focus {
        --tw-gradient-to: #f3f4f6
    }

    .xl\:focus\:to-gray-200:focus {
        --tw-gradient-to: #e5e7eb
    }

    .xl\:focus\:to-gray-300:focus {
        --tw-gradient-to: #d1d5db
    }

    .xl\:focus\:to-gray-400:focus {
        --tw-gradient-to: #9ca3af
    }

    .xl\:focus\:to-gray-500:focus {
        --tw-gradient-to: #6b7280
    }

    .xl\:focus\:to-gray-600:focus {
        --tw-gradient-to: #4b5563
    }

    .xl\:focus\:to-gray-700:focus {
        --tw-gradient-to: #374151
    }

    .xl\:focus\:to-gray-800:focus {
        --tw-gradient-to: #1f2937
    }

    .xl\:focus\:to-gray-900:focus {
        --tw-gradient-to: #111827
    }

    .xl\:focus\:to-red-50:focus {
        --tw-gradient-to: #fef2f2
    }

    .xl\:focus\:to-red-100:focus {
        --tw-gradient-to: #fee2e2
    }

    .xl\:focus\:to-red-200:focus {
        --tw-gradient-to: #fecaca
    }

    .xl\:focus\:to-red-300:focus {
        --tw-gradient-to: #fca5a5
    }

    .xl\:focus\:to-red-400:focus {
        --tw-gradient-to: #f87171
    }

    .xl\:focus\:to-red-500:focus {
        --tw-gradient-to: #ef4444
    }

    .xl\:focus\:to-red-600:focus {
        --tw-gradient-to: #dc2626
    }

    .xl\:focus\:to-red-700:focus {
        --tw-gradient-to: #b91c1c
    }

    .xl\:focus\:to-red-800:focus {
        --tw-gradient-to: #991b1b
    }

    .xl\:focus\:to-red-900:focus {
        --tw-gradient-to: #7f1d1d
    }

    .xl\:focus\:to-yellow-50:focus {
        --tw-gradient-to: #fffbeb
    }

    .xl\:focus\:to-yellow-100:focus {
        --tw-gradient-to: #fef3c7
    }

    .xl\:focus\:to-yellow-200:focus {
        --tw-gradient-to: #fde68a
    }

    .xl\:focus\:to-yellow-300:focus {
        --tw-gradient-to: #fcd34d
    }

    .xl\:focus\:to-yellow-400:focus {
        --tw-gradient-to: #fbbf24
    }

    .xl\:focus\:to-yellow-500:focus {
        --tw-gradient-to: #f59e0b
    }

    .xl\:focus\:to-yellow-600:focus {
        --tw-gradient-to: #d97706
    }

    .xl\:focus\:to-yellow-700:focus {
        --tw-gradient-to: #b45309
    }

    .xl\:focus\:to-yellow-800:focus {
        --tw-gradient-to: #92400e
    }

    .xl\:focus\:to-yellow-900:focus {
        --tw-gradient-to: #78350f
    }

    .xl\:focus\:to-green-50:focus {
        --tw-gradient-to: #ecfdf5
    }

    .xl\:focus\:to-green-100:focus {
        --tw-gradient-to: #d1fae5
    }

    .xl\:focus\:to-green-200:focus {
        --tw-gradient-to: #a7f3d0
    }

    .xl\:focus\:to-green-300:focus {
        --tw-gradient-to: #6ee7b7
    }

    .xl\:focus\:to-green-400:focus {
        --tw-gradient-to: #34d399
    }

    .xl\:focus\:to-green-500:focus {
        --tw-gradient-to: #10b981
    }

    .xl\:focus\:to-green-600:focus {
        --tw-gradient-to: #059669
    }

    .xl\:focus\:to-green-700:focus {
        --tw-gradient-to: #047857
    }

    .xl\:focus\:to-green-800:focus {
        --tw-gradient-to: #065f46
    }

    .xl\:focus\:to-green-900:focus {
        --tw-gradient-to: #064e3b
    }

    .xl\:focus\:to-blue-50:focus {
        --tw-gradient-to: #eff6ff
    }

    .xl\:focus\:to-blue-100:focus {
        --tw-gradient-to: #dbeafe
    }

    .xl\:focus\:to-blue-200:focus {
        --tw-gradient-to: #bfdbfe
    }

    .xl\:focus\:to-blue-300:focus {
        --tw-gradient-to: #93c5fd
    }

    .xl\:focus\:to-blue-400:focus {
        --tw-gradient-to: #60a5fa
    }

    .xl\:focus\:to-blue-500:focus {
        --tw-gradient-to: #3b82f6
    }

    .xl\:focus\:to-blue-600:focus {
        --tw-gradient-to: #2563eb
    }

    .xl\:focus\:to-blue-700:focus {
        --tw-gradient-to: #1d4ed8
    }

    .xl\:focus\:to-blue-800:focus {
        --tw-gradient-to: #1e40af
    }

    .xl\:focus\:to-blue-900:focus {
        --tw-gradient-to: #1e3a8a
    }

    .xl\:focus\:to-indigo-50:focus {
        --tw-gradient-to: #eef2ff
    }

    .xl\:focus\:to-indigo-100:focus {
        --tw-gradient-to: #e0e7ff
    }

    .xl\:focus\:to-indigo-200:focus {
        --tw-gradient-to: #c7d2fe
    }

    .xl\:focus\:to-indigo-300:focus {
        --tw-gradient-to: #a5b4fc
    }

    .xl\:focus\:to-indigo-400:focus {
        --tw-gradient-to: #818cf8
    }

    .xl\:focus\:to-indigo-500:focus {
        --tw-gradient-to: #6366f1
    }

    .xl\:focus\:to-indigo-600:focus {
        --tw-gradient-to: #4f46e5
    }

    .xl\:focus\:to-indigo-700:focus {
        --tw-gradient-to: #4338ca
    }

    .xl\:focus\:to-indigo-800:focus {
        --tw-gradient-to: #3730a3
    }

    .xl\:focus\:to-indigo-900:focus {
        --tw-gradient-to: #312e81
    }

    .xl\:focus\:to-purple-50:focus {
        --tw-gradient-to: #f5f3ff
    }

    .xl\:focus\:to-purple-100:focus {
        --tw-gradient-to: #ede9fe
    }

    .xl\:focus\:to-purple-200:focus {
        --tw-gradient-to: #ddd6fe
    }

    .xl\:focus\:to-purple-300:focus {
        --tw-gradient-to: #c4b5fd
    }

    .xl\:focus\:to-purple-400:focus {
        --tw-gradient-to: #a78bfa
    }

    .xl\:focus\:to-purple-500:focus {
        --tw-gradient-to: #8b5cf6
    }

    .xl\:focus\:to-purple-600:focus {
        --tw-gradient-to: #7c3aed
    }

    .xl\:focus\:to-purple-700:focus {
        --tw-gradient-to: #6d28d9
    }

    .xl\:focus\:to-purple-800:focus {
        --tw-gradient-to: #5b21b6
    }

    .xl\:focus\:to-purple-900:focus {
        --tw-gradient-to: #4c1d95
    }

    .xl\:focus\:to-pink-50:focus {
        --tw-gradient-to: #fdf2f8
    }

    .xl\:focus\:to-pink-100:focus {
        --tw-gradient-to: #fce7f3
    }

    .xl\:focus\:to-pink-200:focus {
        --tw-gradient-to: #fbcfe8
    }

    .xl\:focus\:to-pink-300:focus {
        --tw-gradient-to: #f9a8d4
    }

    .xl\:focus\:to-pink-400:focus {
        --tw-gradient-to: #f472b6
    }

    .xl\:focus\:to-pink-500:focus {
        --tw-gradient-to: #ec4899
    }

    .xl\:focus\:to-pink-600:focus {
        --tw-gradient-to: #db2777
    }

    .xl\:focus\:to-pink-700:focus {
        --tw-gradient-to: #be185d
    }

    .xl\:focus\:to-pink-800:focus {
        --tw-gradient-to: #9d174d
    }

    .xl\:focus\:to-pink-900:focus {
        --tw-gradient-to: #831843
    }

    .xl\:focus\:to-primary:focus {
        --tw-gradient-to: #1ab938
    }

    .xl\:focus\:to-orange:focus {
        --tw-gradient-to: #fdab5a
    }

    .xl\:focus\:to-danger:focus {
        --tw-gradient-to: #c75d5d
    }

    .group:hover .xl\:group-hover\:text-transparent {
        color: transparent
    }

    .group:hover .xl\:group-hover\:text-current {
        color: currentColor
    }

    .group:hover .xl\:group-hover\:text-black {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-white {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-gray-50 {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-gray-100 {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-gray-200 {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-gray-300 {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-gray-400 {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-gray-500 {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-gray-600 {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-gray-700 {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-gray-800 {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-gray-900 {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-red-50 {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-red-100 {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-red-200 {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-red-300 {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-red-400 {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-red-500 {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-red-600 {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-red-700 {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-red-800 {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-red-900 {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-yellow-50 {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-yellow-100 {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-yellow-200 {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-yellow-300 {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-yellow-400 {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-yellow-500 {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-yellow-600 {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-yellow-700 {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-yellow-800 {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-yellow-900 {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-green-50 {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-green-100 {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-green-200 {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-green-300 {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-green-400 {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-green-500 {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-green-600 {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-green-700 {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-green-800 {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-green-900 {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-blue-50 {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-blue-100 {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-blue-200 {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-blue-300 {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-blue-400 {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-blue-500 {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-blue-600 {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-blue-700 {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-blue-800 {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-blue-900 {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-indigo-50 {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-indigo-100 {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-indigo-200 {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-indigo-300 {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-indigo-400 {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-indigo-500 {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-indigo-600 {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-indigo-700 {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-indigo-800 {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-indigo-900 {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-purple-50 {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-purple-100 {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-purple-200 {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-purple-300 {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-purple-400 {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-purple-500 {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-purple-600 {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-purple-700 {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-purple-800 {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-purple-900 {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-pink-50 {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-pink-100 {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-pink-200 {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-pink-300 {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-pink-400 {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-pink-500 {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-pink-600 {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-pink-700 {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-pink-800 {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-pink-900 {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-primary {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-orange {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .group:hover .xl\:group-hover\:text-danger {
        color: #c75d5d
    }

    .xl\:focus-within\:text-transparent:focus-within {
        color: transparent
    }

    .xl\:focus-within\:text-current:focus-within {
        color: currentColor
    }

    .xl\:focus-within\:text-black:focus-within {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-white:focus-within {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-gray-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-gray-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-gray-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-gray-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-gray-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-gray-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-gray-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-gray-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-gray-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-gray-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-red-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-red-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-red-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-red-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-red-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-red-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-red-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-red-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-red-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-red-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-yellow-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-yellow-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-yellow-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-yellow-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-yellow-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-yellow-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-yellow-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-yellow-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-yellow-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-yellow-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-green-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-green-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-green-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-green-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-green-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-green-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-green-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-green-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-green-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-green-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-blue-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-blue-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-blue-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-blue-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-blue-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-blue-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-blue-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-blue-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-blue-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-blue-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-indigo-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-indigo-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-indigo-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-indigo-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-indigo-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-indigo-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-indigo-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-indigo-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-indigo-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-indigo-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-purple-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-purple-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-purple-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-purple-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-purple-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-purple-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-purple-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-purple-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-purple-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-purple-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-pink-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-pink-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-pink-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-pink-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-pink-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-pink-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-pink-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-pink-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-pink-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-pink-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-primary:focus-within {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-orange:focus-within {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .xl\:focus-within\:text-danger:focus-within {
        color: #c75d5d
    }

    .xl\:hover\:text-transparent:hover {
        color: transparent
    }

    .xl\:hover\:text-current:hover {
        color: currentColor
    }

    .xl\:hover\:text-black:hover {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .xl\:hover\:text-white:hover {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .xl\:hover\:text-gray-50:hover {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .xl\:hover\:text-gray-100:hover {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .xl\:hover\:text-gray-200:hover {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .xl\:hover\:text-gray-300:hover {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .xl\:hover\:text-gray-400:hover {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .xl\:hover\:text-gray-500:hover {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .xl\:hover\:text-gray-600:hover {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .xl\:hover\:text-gray-700:hover {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .xl\:hover\:text-gray-800:hover {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .xl\:hover\:text-gray-900:hover {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .xl\:hover\:text-red-50:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .xl\:hover\:text-red-100:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .xl\:hover\:text-red-200:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .xl\:hover\:text-red-300:hover {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .xl\:hover\:text-red-400:hover {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .xl\:hover\:text-red-500:hover {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .xl\:hover\:text-red-600:hover {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .xl\:hover\:text-red-700:hover {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .xl\:hover\:text-red-800:hover {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .xl\:hover\:text-red-900:hover {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .xl\:hover\:text-yellow-50:hover {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .xl\:hover\:text-yellow-100:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .xl\:hover\:text-yellow-200:hover {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .xl\:hover\:text-yellow-300:hover {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .xl\:hover\:text-yellow-400:hover {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .xl\:hover\:text-yellow-500:hover {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .xl\:hover\:text-yellow-600:hover {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .xl\:hover\:text-yellow-700:hover {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .xl\:hover\:text-yellow-800:hover {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .xl\:hover\:text-yellow-900:hover {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .xl\:hover\:text-green-50:hover {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .xl\:hover\:text-green-100:hover {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .xl\:hover\:text-green-200:hover {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .xl\:hover\:text-green-300:hover {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .xl\:hover\:text-green-400:hover {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .xl\:hover\:text-green-500:hover {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .xl\:hover\:text-green-600:hover {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .xl\:hover\:text-green-700:hover {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .xl\:hover\:text-green-800:hover {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .xl\:hover\:text-green-900:hover {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .xl\:hover\:text-blue-50:hover {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .xl\:hover\:text-blue-100:hover {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .xl\:hover\:text-blue-200:hover {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .xl\:hover\:text-blue-300:hover {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .xl\:hover\:text-blue-400:hover {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .xl\:hover\:text-blue-500:hover {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .xl\:hover\:text-blue-600:hover {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .xl\:hover\:text-blue-700:hover {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .xl\:hover\:text-blue-800:hover {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .xl\:hover\:text-blue-900:hover {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .xl\:hover\:text-indigo-50:hover {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .xl\:hover\:text-indigo-100:hover {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .xl\:hover\:text-indigo-200:hover {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .xl\:hover\:text-indigo-300:hover {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .xl\:hover\:text-indigo-400:hover {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .xl\:hover\:text-indigo-500:hover {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .xl\:hover\:text-indigo-600:hover {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .xl\:hover\:text-indigo-700:hover {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .xl\:hover\:text-indigo-800:hover {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .xl\:hover\:text-indigo-900:hover {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .xl\:hover\:text-purple-50:hover {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .xl\:hover\:text-purple-100:hover {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .xl\:hover\:text-purple-200:hover {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .xl\:hover\:text-purple-300:hover {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .xl\:hover\:text-purple-400:hover {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .xl\:hover\:text-purple-500:hover {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .xl\:hover\:text-purple-600:hover {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .xl\:hover\:text-purple-700:hover {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .xl\:hover\:text-purple-800:hover {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .xl\:hover\:text-purple-900:hover {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .xl\:hover\:text-pink-50:hover {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .xl\:hover\:text-pink-100:hover {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .xl\:hover\:text-pink-200:hover {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .xl\:hover\:text-pink-300:hover {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .xl\:hover\:text-pink-400:hover {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .xl\:hover\:text-pink-500:hover {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .xl\:hover\:text-pink-600:hover {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .xl\:hover\:text-pink-700:hover {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .xl\:hover\:text-pink-800:hover {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .xl\:hover\:text-pink-900:hover {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .xl\:hover\:text-primary:hover {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .xl\:hover\:text-orange:hover {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .xl\:hover\:text-danger:hover {
        color: #c75d5d
    }

    .xl\:focus\:text-transparent:focus {
        color: transparent
    }

    .xl\:focus\:text-current:focus {
        color: currentColor
    }

    .xl\:focus\:text-black:focus {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .xl\:focus\:text-white:focus {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .xl\:focus\:text-gray-50:focus {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .xl\:focus\:text-gray-100:focus {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .xl\:focus\:text-gray-200:focus {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .xl\:focus\:text-gray-300:focus {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .xl\:focus\:text-gray-400:focus {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .xl\:focus\:text-gray-500:focus {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .xl\:focus\:text-gray-600:focus {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .xl\:focus\:text-gray-700:focus {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .xl\:focus\:text-gray-800:focus {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .xl\:focus\:text-gray-900:focus {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .xl\:focus\:text-red-50:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .xl\:focus\:text-red-100:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .xl\:focus\:text-red-200:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .xl\:focus\:text-red-300:focus {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .xl\:focus\:text-red-400:focus {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .xl\:focus\:text-red-500:focus {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .xl\:focus\:text-red-600:focus {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .xl\:focus\:text-red-700:focus {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .xl\:focus\:text-red-800:focus {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .xl\:focus\:text-red-900:focus {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .xl\:focus\:text-yellow-50:focus {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .xl\:focus\:text-yellow-100:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .xl\:focus\:text-yellow-200:focus {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .xl\:focus\:text-yellow-300:focus {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .xl\:focus\:text-yellow-400:focus {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .xl\:focus\:text-yellow-500:focus {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .xl\:focus\:text-yellow-600:focus {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .xl\:focus\:text-yellow-700:focus {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .xl\:focus\:text-yellow-800:focus {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .xl\:focus\:text-yellow-900:focus {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .xl\:focus\:text-green-50:focus {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .xl\:focus\:text-green-100:focus {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .xl\:focus\:text-green-200:focus {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .xl\:focus\:text-green-300:focus {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .xl\:focus\:text-green-400:focus {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .xl\:focus\:text-green-500:focus {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .xl\:focus\:text-green-600:focus {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .xl\:focus\:text-green-700:focus {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .xl\:focus\:text-green-800:focus {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .xl\:focus\:text-green-900:focus {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .xl\:focus\:text-blue-50:focus {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .xl\:focus\:text-blue-100:focus {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .xl\:focus\:text-blue-200:focus {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .xl\:focus\:text-blue-300:focus {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .xl\:focus\:text-blue-400:focus {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .xl\:focus\:text-blue-500:focus {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .xl\:focus\:text-blue-600:focus {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .xl\:focus\:text-blue-700:focus {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .xl\:focus\:text-blue-800:focus {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .xl\:focus\:text-blue-900:focus {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .xl\:focus\:text-indigo-50:focus {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .xl\:focus\:text-indigo-100:focus {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .xl\:focus\:text-indigo-200:focus {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .xl\:focus\:text-indigo-300:focus {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .xl\:focus\:text-indigo-400:focus {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .xl\:focus\:text-indigo-500:focus {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .xl\:focus\:text-indigo-600:focus {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .xl\:focus\:text-indigo-700:focus {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .xl\:focus\:text-indigo-800:focus {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .xl\:focus\:text-indigo-900:focus {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .xl\:focus\:text-purple-50:focus {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .xl\:focus\:text-purple-100:focus {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .xl\:focus\:text-purple-200:focus {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .xl\:focus\:text-purple-300:focus {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .xl\:focus\:text-purple-400:focus {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .xl\:focus\:text-purple-500:focus {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .xl\:focus\:text-purple-600:focus {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .xl\:focus\:text-purple-700:focus {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .xl\:focus\:text-purple-800:focus {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .xl\:focus\:text-purple-900:focus {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .xl\:focus\:text-pink-50:focus {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .xl\:focus\:text-pink-100:focus {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .xl\:focus\:text-pink-200:focus {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .xl\:focus\:text-pink-300:focus {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .xl\:focus\:text-pink-400:focus {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .xl\:focus\:text-pink-500:focus {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .xl\:focus\:text-pink-600:focus {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .xl\:focus\:text-pink-700:focus {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .xl\:focus\:text-pink-800:focus {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .xl\:focus\:text-pink-900:focus {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .xl\:focus\:text-primary:focus {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .xl\:focus\:text-orange:focus {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .xl\:focus\:text-danger:focus {
        color: #c75d5d
    }

    .group:hover .xl\:group-hover\:text-opacity-0 {
        --tw-text-opacity: 0
    }

    .group:hover .xl\:group-hover\:text-opacity-5 {
        --tw-text-opacity: 0.05
    }

    .group:hover .xl\:group-hover\:text-opacity-10 {
        --tw-text-opacity: 0.1
    }

    .group:hover .xl\:group-hover\:text-opacity-20 {
        --tw-text-opacity: 0.2
    }

    .group:hover .xl\:group-hover\:text-opacity-25 {
        --tw-text-opacity: 0.25
    }

    .group:hover .xl\:group-hover\:text-opacity-30 {
        --tw-text-opacity: 0.3
    }

    .group:hover .xl\:group-hover\:text-opacity-40 {
        --tw-text-opacity: 0.4
    }

    .group:hover .xl\:group-hover\:text-opacity-50 {
        --tw-text-opacity: 0.5
    }

    .group:hover .xl\:group-hover\:text-opacity-60 {
        --tw-text-opacity: 0.6
    }

    .group:hover .xl\:group-hover\:text-opacity-70 {
        --tw-text-opacity: 0.7
    }

    .group:hover .xl\:group-hover\:text-opacity-75 {
        --tw-text-opacity: 0.75
    }

    .group:hover .xl\:group-hover\:text-opacity-80 {
        --tw-text-opacity: 0.8
    }

    .group:hover .xl\:group-hover\:text-opacity-90 {
        --tw-text-opacity: 0.9
    }

    .group:hover .xl\:group-hover\:text-opacity-95 {
        --tw-text-opacity: 0.95
    }

    .group:hover .xl\:group-hover\:text-opacity-100 {
        --tw-text-opacity: 1
    }

    .xl\:focus-within\:text-opacity-0:focus-within {
        --tw-text-opacity: 0
    }

    .xl\:focus-within\:text-opacity-5:focus-within {
        --tw-text-opacity: 0.05
    }

    .xl\:focus-within\:text-opacity-10:focus-within {
        --tw-text-opacity: 0.1
    }

    .xl\:focus-within\:text-opacity-20:focus-within {
        --tw-text-opacity: 0.2
    }

    .xl\:focus-within\:text-opacity-25:focus-within {
        --tw-text-opacity: 0.25
    }

    .xl\:focus-within\:text-opacity-30:focus-within {
        --tw-text-opacity: 0.3
    }

    .xl\:focus-within\:text-opacity-40:focus-within {
        --tw-text-opacity: 0.4
    }

    .xl\:focus-within\:text-opacity-50:focus-within {
        --tw-text-opacity: 0.5
    }

    .xl\:focus-within\:text-opacity-60:focus-within {
        --tw-text-opacity: 0.6
    }

    .xl\:focus-within\:text-opacity-70:focus-within {
        --tw-text-opacity: 0.7
    }

    .xl\:focus-within\:text-opacity-75:focus-within {
        --tw-text-opacity: 0.75
    }

    .xl\:focus-within\:text-opacity-80:focus-within {
        --tw-text-opacity: 0.8
    }

    .xl\:focus-within\:text-opacity-90:focus-within {
        --tw-text-opacity: 0.9
    }

    .xl\:focus-within\:text-opacity-95:focus-within {
        --tw-text-opacity: 0.95
    }

    .xl\:focus-within\:text-opacity-100:focus-within {
        --tw-text-opacity: 1
    }

    .xl\:hover\:text-opacity-0:hover {
        --tw-text-opacity: 0
    }

    .xl\:hover\:text-opacity-5:hover {
        --tw-text-opacity: 0.05
    }

    .xl\:hover\:text-opacity-10:hover {
        --tw-text-opacity: 0.1
    }

    .xl\:hover\:text-opacity-20:hover {
        --tw-text-opacity: 0.2
    }

    .xl\:hover\:text-opacity-25:hover {
        --tw-text-opacity: 0.25
    }

    .xl\:hover\:text-opacity-30:hover {
        --tw-text-opacity: 0.3
    }

    .xl\:hover\:text-opacity-40:hover {
        --tw-text-opacity: 0.4
    }

    .xl\:hover\:text-opacity-50:hover {
        --tw-text-opacity: 0.5
    }

    .xl\:hover\:text-opacity-60:hover {
        --tw-text-opacity: 0.6
    }

    .xl\:hover\:text-opacity-70:hover {
        --tw-text-opacity: 0.7
    }

    .xl\:hover\:text-opacity-75:hover {
        --tw-text-opacity: 0.75
    }

    .xl\:hover\:text-opacity-80:hover {
        --tw-text-opacity: 0.8
    }

    .xl\:hover\:text-opacity-90:hover {
        --tw-text-opacity: 0.9
    }

    .xl\:hover\:text-opacity-95:hover {
        --tw-text-opacity: 0.95
    }

    .xl\:hover\:text-opacity-100:hover {
        --tw-text-opacity: 1
    }

    .xl\:focus\:text-opacity-0:focus {
        --tw-text-opacity: 0
    }

    .xl\:focus\:text-opacity-5:focus {
        --tw-text-opacity: 0.05
    }

    .xl\:focus\:text-opacity-10:focus {
        --tw-text-opacity: 0.1
    }

    .xl\:focus\:text-opacity-20:focus {
        --tw-text-opacity: 0.2
    }

    .xl\:focus\:text-opacity-25:focus {
        --tw-text-opacity: 0.25
    }

    .xl\:focus\:text-opacity-30:focus {
        --tw-text-opacity: 0.3
    }

    .xl\:focus\:text-opacity-40:focus {
        --tw-text-opacity: 0.4
    }

    .xl\:focus\:text-opacity-50:focus {
        --tw-text-opacity: 0.5
    }

    .xl\:focus\:text-opacity-60:focus {
        --tw-text-opacity: 0.6
    }

    .xl\:focus\:text-opacity-70:focus {
        --tw-text-opacity: 0.7
    }

    .xl\:focus\:text-opacity-75:focus {
        --tw-text-opacity: 0.75
    }

    .xl\:focus\:text-opacity-80:focus {
        --tw-text-opacity: 0.8
    }

    .xl\:focus\:text-opacity-90:focus {
        --tw-text-opacity: 0.9
    }

    .xl\:focus\:text-opacity-95:focus {
        --tw-text-opacity: 0.95
    }

    .xl\:focus\:text-opacity-100:focus {
        --tw-text-opacity: 1
    }

    .group:hover .xl\:group-hover\:underline {
        text-decoration: underline
    }

    .group:hover .xl\:group-hover\:line-through {
        text-decoration: line-through
    }

    .group:hover .xl\:group-hover\:no-underline {
        text-decoration: none
    }

    .xl\:focus-within\:underline:focus-within {
        text-decoration: underline
    }

    .xl\:focus-within\:line-through:focus-within {
        text-decoration: line-through
    }

    .xl\:focus-within\:no-underline:focus-within {
        text-decoration: none
    }

    .xl\:hover\:underline:hover {
        text-decoration: underline
    }

    .xl\:hover\:line-through:hover {
        text-decoration: line-through
    }

    .xl\:hover\:no-underline:hover {
        text-decoration: none
    }

    .xl\:focus\:underline:focus {
        text-decoration: underline
    }

    .xl\:focus\:line-through:focus {
        text-decoration: line-through
    }

    .xl\:focus\:no-underline:focus {
        text-decoration: none
    }

    .xl\:placeholder-transparent::-webkit-input-placeholder {
        color: transparent
    }

    .xl\:placeholder-transparent::-moz-placeholder {
        color: transparent
    }

    .xl\:placeholder-transparent::-ms-input-placeholder {
        color: transparent
    }

    .xl\:placeholder-transparent::placeholder {
        color: transparent
    }

    .xl\:placeholder-current::-webkit-input-placeholder {
        color: currentColor
    }

    .xl\:placeholder-current::-moz-placeholder {
        color: currentColor
    }

    .xl\:placeholder-current::-ms-input-placeholder {
        color: currentColor
    }

    .xl\:placeholder-current::placeholder {
        color: currentColor
    }

    .xl\:placeholder-black::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-black::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-black::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-black::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-white::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-white::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-white::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-white::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-gray-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-red-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-yellow-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-green-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-blue-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-indigo-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-purple-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-pink-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-primary::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-primary::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-primary::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-primary::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-orange::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-orange::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-orange::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-orange::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .xl\:placeholder-danger::-webkit-input-placeholder {
        color: #c75d5d
    }

    .xl\:placeholder-danger::-moz-placeholder {
        color: #c75d5d
    }

    .xl\:placeholder-danger::-ms-input-placeholder {
        color: #c75d5d
    }

    .xl\:placeholder-danger::placeholder {
        color: #c75d5d
    }

    .xl\:focus\:placeholder-transparent:focus::-webkit-input-placeholder {
        color: transparent
    }

    .xl\:focus\:placeholder-transparent:focus::-moz-placeholder {
        color: transparent
    }

    .xl\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
        color: transparent
    }

    .xl\:focus\:placeholder-transparent:focus::placeholder {
        color: transparent
    }

    .xl\:focus\:placeholder-current:focus::-webkit-input-placeholder {
        color: currentColor
    }

    .xl\:focus\:placeholder-current:focus::-moz-placeholder {
        color: currentColor
    }

    .xl\:focus\:placeholder-current:focus::-ms-input-placeholder {
        color: currentColor
    }

    .xl\:focus\:placeholder-current:focus::placeholder {
        color: currentColor
    }

    .xl\:focus\:placeholder-black:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-black:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-black:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-black:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-white:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-white:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-white:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-white:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-gray-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-red-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-yellow-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-green-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-blue-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-indigo-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-purple-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-pink-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-primary:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-primary:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-primary:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-primary:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-orange:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-orange:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-orange:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-orange:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .xl\:focus\:placeholder-danger:focus::-webkit-input-placeholder {
        color: #c75d5d
    }

    .xl\:focus\:placeholder-danger:focus::-moz-placeholder {
        color: #c75d5d
    }

    .xl\:focus\:placeholder-danger:focus::-ms-input-placeholder {
        color: #c75d5d
    }

    .xl\:focus\:placeholder-danger:focus::placeholder {
        color: #c75d5d
    }

    .xl\:placeholder-opacity-0::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .xl\:placeholder-opacity-0::-moz-placeholder {
        --tw-placeholder-opacity: 0
    }

    .xl\:placeholder-opacity-0::-ms-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .xl\:placeholder-opacity-0::placeholder {
        --tw-placeholder-opacity: 0
    }

    .xl\:placeholder-opacity-5::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .xl\:placeholder-opacity-5::-moz-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .xl\:placeholder-opacity-5::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .xl\:placeholder-opacity-5::placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .xl\:placeholder-opacity-10::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .xl\:placeholder-opacity-10::-moz-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .xl\:placeholder-opacity-10::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .xl\:placeholder-opacity-10::placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .xl\:placeholder-opacity-20::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .xl\:placeholder-opacity-20::-moz-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .xl\:placeholder-opacity-20::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .xl\:placeholder-opacity-20::placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .xl\:placeholder-opacity-25::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .xl\:placeholder-opacity-25::-moz-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .xl\:placeholder-opacity-25::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .xl\:placeholder-opacity-25::placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .xl\:placeholder-opacity-30::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .xl\:placeholder-opacity-30::-moz-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .xl\:placeholder-opacity-30::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .xl\:placeholder-opacity-30::placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .xl\:placeholder-opacity-40::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .xl\:placeholder-opacity-40::-moz-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .xl\:placeholder-opacity-40::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .xl\:placeholder-opacity-40::placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .xl\:placeholder-opacity-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .xl\:placeholder-opacity-50::-moz-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .xl\:placeholder-opacity-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .xl\:placeholder-opacity-50::placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .xl\:placeholder-opacity-60::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .xl\:placeholder-opacity-60::-moz-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .xl\:placeholder-opacity-60::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .xl\:placeholder-opacity-60::placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .xl\:placeholder-opacity-70::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .xl\:placeholder-opacity-70::-moz-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .xl\:placeholder-opacity-70::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .xl\:placeholder-opacity-70::placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .xl\:placeholder-opacity-75::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .xl\:placeholder-opacity-75::-moz-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .xl\:placeholder-opacity-75::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .xl\:placeholder-opacity-75::placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .xl\:placeholder-opacity-80::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .xl\:placeholder-opacity-80::-moz-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .xl\:placeholder-opacity-80::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .xl\:placeholder-opacity-80::placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .xl\:placeholder-opacity-90::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .xl\:placeholder-opacity-90::-moz-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .xl\:placeholder-opacity-90::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .xl\:placeholder-opacity-90::placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .xl\:placeholder-opacity-95::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .xl\:placeholder-opacity-95::-moz-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .xl\:placeholder-opacity-95::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .xl\:placeholder-opacity-95::placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .xl\:placeholder-opacity-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .xl\:placeholder-opacity-100::-moz-placeholder {
        --tw-placeholder-opacity: 1
    }

    .xl\:placeholder-opacity-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .xl\:placeholder-opacity-100::placeholder {
        --tw-placeholder-opacity: 1
    }

    .xl\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0
    }

    .xl\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .xl\:focus\:placeholder-opacity-0:focus::placeholder {
        --tw-placeholder-opacity: 0
    }

    .xl\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .xl\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .xl\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .xl\:focus\:placeholder-opacity-5:focus::placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .xl\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .xl\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .xl\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .xl\:focus\:placeholder-opacity-10:focus::placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .xl\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .xl\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .xl\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .xl\:focus\:placeholder-opacity-20:focus::placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .xl\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .xl\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .xl\:focus\:placeholder-opacity-25:focus::placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .xl\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .xl\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .xl\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .xl\:focus\:placeholder-opacity-30:focus::placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .xl\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .xl\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .xl\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .xl\:focus\:placeholder-opacity-40:focus::placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .xl\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .xl\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .xl\:focus\:placeholder-opacity-50:focus::placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .xl\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .xl\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .xl\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .xl\:focus\:placeholder-opacity-60:focus::placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .xl\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .xl\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .xl\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .xl\:focus\:placeholder-opacity-70:focus::placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .xl\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .xl\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .xl\:focus\:placeholder-opacity-75:focus::placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .xl\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .xl\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .xl\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .xl\:focus\:placeholder-opacity-80:focus::placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .xl\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .xl\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .xl\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .xl\:focus\:placeholder-opacity-90:focus::placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .xl\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .xl\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .xl\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .xl\:focus\:placeholder-opacity-95:focus::placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .xl\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1
    }

    .xl\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .xl\:focus\:placeholder-opacity-100:focus::placeholder {
        --tw-placeholder-opacity: 1
    }

    .group:hover .xl\:group-hover\:opacity-0 {
        opacity: 0
    }

    .group:hover .xl\:group-hover\:opacity-5 {
        opacity: .05
    }

    .group:hover .xl\:group-hover\:opacity-10 {
        opacity: .1
    }

    .group:hover .xl\:group-hover\:opacity-20 {
        opacity: .2
    }

    .group:hover .xl\:group-hover\:opacity-25 {
        opacity: .25
    }

    .group:hover .xl\:group-hover\:opacity-30 {
        opacity: .3
    }

    .group:hover .xl\:group-hover\:opacity-40 {
        opacity: .4
    }

    .group:hover .xl\:group-hover\:opacity-50 {
        opacity: .5
    }

    .group:hover .xl\:group-hover\:opacity-60 {
        opacity: .6
    }

    .group:hover .xl\:group-hover\:opacity-70 {
        opacity: .7
    }

    .group:hover .xl\:group-hover\:opacity-75 {
        opacity: .75
    }

    .group:hover .xl\:group-hover\:opacity-80 {
        opacity: .8
    }

    .group:hover .xl\:group-hover\:opacity-90 {
        opacity: .9
    }

    .group:hover .xl\:group-hover\:opacity-95 {
        opacity: .95
    }

    .group:hover .xl\:group-hover\:opacity-100 {
        opacity: 1
    }

    .xl\:focus-within\:opacity-0:focus-within {
        opacity: 0
    }

    .xl\:focus-within\:opacity-5:focus-within {
        opacity: .05
    }

    .xl\:focus-within\:opacity-10:focus-within {
        opacity: .1
    }

    .xl\:focus-within\:opacity-20:focus-within {
        opacity: .2
    }

    .xl\:focus-within\:opacity-25:focus-within {
        opacity: .25
    }

    .xl\:focus-within\:opacity-30:focus-within {
        opacity: .3
    }

    .xl\:focus-within\:opacity-40:focus-within {
        opacity: .4
    }

    .xl\:focus-within\:opacity-50:focus-within {
        opacity: .5
    }

    .xl\:focus-within\:opacity-60:focus-within {
        opacity: .6
    }

    .xl\:focus-within\:opacity-70:focus-within {
        opacity: .7
    }

    .xl\:focus-within\:opacity-75:focus-within {
        opacity: .75
    }

    .xl\:focus-within\:opacity-80:focus-within {
        opacity: .8
    }

    .xl\:focus-within\:opacity-90:focus-within {
        opacity: .9
    }

    .xl\:focus-within\:opacity-95:focus-within {
        opacity: .95
    }

    .xl\:focus-within\:opacity-100:focus-within {
        opacity: 1
    }

    .xl\:hover\:opacity-0:hover {
        opacity: 0
    }

    .xl\:hover\:opacity-5:hover {
        opacity: .05
    }

    .xl\:hover\:opacity-10:hover {
        opacity: .1
    }

    .xl\:hover\:opacity-20:hover {
        opacity: .2
    }

    .xl\:hover\:opacity-25:hover {
        opacity: .25
    }

    .xl\:hover\:opacity-30:hover {
        opacity: .3
    }

    .xl\:hover\:opacity-40:hover {
        opacity: .4
    }

    .xl\:hover\:opacity-50:hover {
        opacity: .5
    }

    .xl\:hover\:opacity-60:hover {
        opacity: .6
    }

    .xl\:hover\:opacity-70:hover {
        opacity: .7
    }

    .xl\:hover\:opacity-75:hover {
        opacity: .75
    }

    .xl\:hover\:opacity-80:hover {
        opacity: .8
    }

    .xl\:hover\:opacity-90:hover {
        opacity: .9
    }

    .xl\:hover\:opacity-95:hover {
        opacity: .95
    }

    .xl\:hover\:opacity-100:hover {
        opacity: 1
    }

    .xl\:focus\:opacity-0:focus {
        opacity: 0
    }

    .xl\:focus\:opacity-5:focus {
        opacity: .05
    }

    .xl\:focus\:opacity-10:focus {
        opacity: .1
    }

    .xl\:focus\:opacity-20:focus {
        opacity: .2
    }

    .xl\:focus\:opacity-25:focus {
        opacity: .25
    }

    .xl\:focus\:opacity-30:focus {
        opacity: .3
    }

    .xl\:focus\:opacity-40:focus {
        opacity: .4
    }

    .xl\:focus\:opacity-50:focus {
        opacity: .5
    }

    .xl\:focus\:opacity-60:focus {
        opacity: .6
    }

    .xl\:focus\:opacity-70:focus {
        opacity: .7
    }

    .xl\:focus\:opacity-75:focus {
        opacity: .75
    }

    .xl\:focus\:opacity-80:focus {
        opacity: .8
    }

    .xl\:focus\:opacity-90:focus {
        opacity: .9
    }

    .xl\:focus\:opacity-95:focus {
        opacity: .95
    }

    .xl\:focus\:opacity-100:focus {
        opacity: 1
    }

    .group:hover .xl\:group-hover\:shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
    }

    .group:hover .xl\:group-hover\:shadow,
    .group:hover .xl\:group-hover\:shadow-sm {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .xl\:group-hover\:shadow {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
    }

    .group:hover .xl\:group-hover\:shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
    }

    .group:hover .xl\:group-hover\:shadow-lg,
    .group:hover .xl\:group-hover\:shadow-md {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .xl\:group-hover\:shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
    }

    .group:hover .xl\:group-hover\:shadow-xl {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
    }

    .group:hover .xl\:group-hover\:shadow-2xl,
    .group:hover .xl\:group-hover\:shadow-xl {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .xl\:group-hover\:shadow-2xl {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
    }

    .group:hover .xl\:group-hover\:shadow-inner {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
    }

    .group:hover .xl\:group-hover\:shadow-inner,
    .group:hover .xl\:group-hover\:shadow-none {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .xl\:group-hover\:shadow-none {
        --tw-shadow: 0 0 transparent
    }

    .xl\:focus-within\:shadow-sm:focus-within {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .xl\:focus-within\:shadow:focus-within {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .xl\:focus-within\:shadow-md:focus-within {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .xl\:focus-within\:shadow-lg:focus-within {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .xl\:focus-within\:shadow-xl:focus-within {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .xl\:focus-within\:shadow-2xl:focus-within {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .xl\:focus-within\:shadow-inner:focus-within {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .xl\:focus-within\:shadow-none:focus-within {
        --tw-shadow: 0 0 transparent;
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .xl\:hover\:shadow-sm:hover {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
    }

    .xl\:hover\:shadow-sm:hover,
    .xl\:hover\:shadow:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .xl\:hover\:shadow:hover {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
    }

    .xl\:hover\:shadow-md:hover {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
    }

    .xl\:hover\:shadow-lg:hover,
    .xl\:hover\:shadow-md:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .xl\:hover\:shadow-lg:hover {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
    }

    .xl\:hover\:shadow-xl:hover {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
    }

    .xl\:hover\:shadow-2xl:hover,
    .xl\:hover\:shadow-xl:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .xl\:hover\:shadow-2xl:hover {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
    }

    .xl\:hover\:shadow-inner:hover {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
    }

    .xl\:hover\:shadow-inner:hover,
    .xl\:hover\:shadow-none:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .xl\:hover\:shadow-none:hover {
        --tw-shadow: 0 0 transparent
    }

    .xl\:focus\:shadow-sm:focus {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
    }

    .xl\:focus\:shadow-sm:focus,
    .xl\:focus\:shadow:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .xl\:focus\:shadow:focus {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
    }

    .xl\:focus\:shadow-md:focus {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
    }

    .xl\:focus\:shadow-lg:focus,
    .xl\:focus\:shadow-md:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .xl\:focus\:shadow-lg:focus {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
    }

    .xl\:focus\:shadow-xl:focus {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
    }

    .xl\:focus\:shadow-2xl:focus,
    .xl\:focus\:shadow-xl:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .xl\:focus\:shadow-2xl:focus {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
    }

    .xl\:focus\:shadow-inner:focus {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
    }

    .xl\:focus\:shadow-inner:focus,
    .xl\:focus\:shadow-none:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .xl\:focus\:shadow-none:focus {
        --tw-shadow: 0 0 transparent
    }

    .xl\:focus-within\:outline-none:focus-within {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .xl\:focus-within\:outline-white:focus-within {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }

    .xl\:focus-within\:outline-black:focus-within {
        outline: 2px dotted #000;
        outline-offset: 2px
    }

    .xl\:focus\:outline-none:focus {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .xl\:focus\:outline-white:focus {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }

    .xl\:focus\:outline-black:focus {
        outline: 2px dotted #000;
        outline-offset: 2px
    }

    .xl\:focus-within\:ring-0:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .xl\:focus-within\:ring-1:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .xl\:focus-within\:ring-2:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .xl\:focus-within\:ring-4:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .xl\:focus-within\:ring-8:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .xl\:focus-within\:ring:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .xl\:focus\:ring-0:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .xl\:focus\:ring-0:focus,
    .xl\:focus\:ring-1:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .xl\:focus\:ring-1:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .xl\:focus\:ring-2:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .xl\:focus\:ring-2:focus,
    .xl\:focus\:ring-4:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .xl\:focus\:ring-4:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .xl\:focus\:ring-8:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .xl\:focus\:ring-8:focus,
    .xl\:focus\:ring:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .xl\:focus\:ring:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .xl\:focus-within\:ring-inset:focus-within {
        --tw-ring-inset: inset
    }

    .xl\:focus\:ring-inset:focus {
        --tw-ring-inset: inset
    }

    .xl\:focus-within\:ring-transparent:focus-within {
        --tw-ring-color: transparent
    }

    .xl\:focus-within\:ring-current:focus-within {
        --tw-ring-color: currentColor
    }

    .xl\:focus-within\:ring-black:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-white:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-gray-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-gray-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-gray-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-gray-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-gray-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-gray-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-gray-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-gray-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-gray-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-gray-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-red-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-red-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-red-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-red-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-red-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-red-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-red-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-red-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-red-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-red-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-yellow-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-yellow-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-yellow-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-yellow-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-yellow-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-yellow-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-yellow-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-yellow-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-yellow-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-yellow-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-green-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-green-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-green-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-green-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-green-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-green-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-green-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-green-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-green-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-green-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-blue-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-blue-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-blue-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-blue-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-blue-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-blue-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-blue-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-blue-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-blue-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-blue-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-indigo-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-indigo-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-indigo-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-indigo-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-indigo-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-indigo-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-indigo-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-indigo-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-indigo-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-indigo-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-purple-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-purple-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-purple-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-purple-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-purple-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-purple-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-purple-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-purple-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-purple-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-purple-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-pink-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-pink-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-pink-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-pink-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-pink-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-pink-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-pink-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-pink-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-pink-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-pink-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-primary:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(26, 185, 56, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-orange:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 171, 90, var(--tw-ring-opacity))
    }

    .xl\:focus-within\:ring-danger:focus-within {
        --tw-ring-color: #c75d5d
    }

    .xl\:focus\:ring-transparent:focus {
        --tw-ring-color: transparent
    }

    .xl\:focus\:ring-current:focus {
        --tw-ring-color: currentColor
    }

    .xl\:focus\:ring-black:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-white:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-gray-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-gray-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-gray-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-gray-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-gray-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-gray-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-gray-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-gray-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-gray-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-gray-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-red-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-red-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-red-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-red-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-red-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-red-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-red-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-red-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-red-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-red-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-yellow-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-yellow-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-yellow-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-yellow-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-yellow-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-yellow-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-yellow-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-yellow-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-yellow-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-yellow-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-green-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-green-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-green-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-green-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-green-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-green-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-green-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-green-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-green-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-green-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-blue-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-blue-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-blue-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-blue-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-blue-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-blue-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-blue-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-blue-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-blue-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-blue-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-indigo-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-indigo-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-indigo-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-indigo-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-indigo-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-indigo-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-indigo-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-indigo-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-indigo-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-indigo-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-purple-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-purple-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-purple-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-purple-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-purple-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-purple-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-purple-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-purple-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-purple-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-purple-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-pink-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-pink-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-pink-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-pink-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-pink-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-pink-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-pink-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-pink-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-pink-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-pink-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-primary:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(26, 185, 56, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-orange:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 171, 90, var(--tw-ring-opacity))
    }

    .xl\:focus\:ring-danger:focus {
        --tw-ring-color: #c75d5d
    }

    .xl\:focus-within\:ring-opacity-0:focus-within {
        --tw-ring-opacity: 0
    }

    .xl\:focus-within\:ring-opacity-5:focus-within {
        --tw-ring-opacity: 0.05
    }

    .xl\:focus-within\:ring-opacity-10:focus-within {
        --tw-ring-opacity: 0.1
    }

    .xl\:focus-within\:ring-opacity-20:focus-within {
        --tw-ring-opacity: 0.2
    }

    .xl\:focus-within\:ring-opacity-25:focus-within {
        --tw-ring-opacity: 0.25
    }

    .xl\:focus-within\:ring-opacity-30:focus-within {
        --tw-ring-opacity: 0.3
    }

    .xl\:focus-within\:ring-opacity-40:focus-within {
        --tw-ring-opacity: 0.4
    }

    .xl\:focus-within\:ring-opacity-50:focus-within {
        --tw-ring-opacity: 0.5
    }

    .xl\:focus-within\:ring-opacity-60:focus-within {
        --tw-ring-opacity: 0.6
    }

    .xl\:focus-within\:ring-opacity-70:focus-within {
        --tw-ring-opacity: 0.7
    }

    .xl\:focus-within\:ring-opacity-75:focus-within {
        --tw-ring-opacity: 0.75
    }

    .xl\:focus-within\:ring-opacity-80:focus-within {
        --tw-ring-opacity: 0.8
    }

    .xl\:focus-within\:ring-opacity-90:focus-within {
        --tw-ring-opacity: 0.9
    }

    .xl\:focus-within\:ring-opacity-95:focus-within {
        --tw-ring-opacity: 0.95
    }

    .xl\:focus-within\:ring-opacity-100:focus-within {
        --tw-ring-opacity: 1
    }

    .xl\:focus\:ring-opacity-0:focus {
        --tw-ring-opacity: 0
    }

    .xl\:focus\:ring-opacity-5:focus {
        --tw-ring-opacity: 0.05
    }

    .xl\:focus\:ring-opacity-10:focus {
        --tw-ring-opacity: 0.1
    }

    .xl\:focus\:ring-opacity-20:focus {
        --tw-ring-opacity: 0.2
    }

    .xl\:focus\:ring-opacity-25:focus {
        --tw-ring-opacity: 0.25
    }

    .xl\:focus\:ring-opacity-30:focus {
        --tw-ring-opacity: 0.3
    }

    .xl\:focus\:ring-opacity-40:focus {
        --tw-ring-opacity: 0.4
    }

    .xl\:focus\:ring-opacity-50:focus {
        --tw-ring-opacity: 0.5
    }

    .xl\:focus\:ring-opacity-60:focus {
        --tw-ring-opacity: 0.6
    }

    .xl\:focus\:ring-opacity-70:focus {
        --tw-ring-opacity: 0.7
    }

    .xl\:focus\:ring-opacity-75:focus {
        --tw-ring-opacity: 0.75
    }

    .xl\:focus\:ring-opacity-80:focus {
        --tw-ring-opacity: 0.8
    }

    .xl\:focus\:ring-opacity-90:focus {
        --tw-ring-opacity: 0.9
    }

    .xl\:focus\:ring-opacity-95:focus {
        --tw-ring-opacity: 0.95
    }

    .xl\:focus\:ring-opacity-100:focus {
        --tw-ring-opacity: 1
    }

    .xl\:focus-within\:ring-offset-0:focus-within {
        --tw-ring-offset-width: 0px
    }

    .xl\:focus-within\:ring-offset-1:focus-within {
        --tw-ring-offset-width: 1px
    }

    .xl\:focus-within\:ring-offset-2:focus-within {
        --tw-ring-offset-width: 2px
    }

    .xl\:focus-within\:ring-offset-4:focus-within {
        --tw-ring-offset-width: 4px
    }

    .xl\:focus-within\:ring-offset-8:focus-within {
        --tw-ring-offset-width: 8px
    }

    .xl\:focus\:ring-offset-0:focus {
        --tw-ring-offset-width: 0px
    }

    .xl\:focus\:ring-offset-1:focus {
        --tw-ring-offset-width: 1px
    }

    .xl\:focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px
    }

    .xl\:focus\:ring-offset-4:focus {
        --tw-ring-offset-width: 4px
    }

    .xl\:focus\:ring-offset-8:focus {
        --tw-ring-offset-width: 8px
    }

    .xl\:focus-within\:ring-offset-transparent:focus-within {
        --tw-ring-offset-color: transparent
    }

    .xl\:focus-within\:ring-offset-current:focus-within {
        --tw-ring-offset-color: currentColor
    }

    .xl\:focus-within\:ring-offset-black:focus-within {
        --tw-ring-offset-color: #000
    }

    .xl\:focus-within\:ring-offset-white:focus-within {
        --tw-ring-offset-color: #fff
    }

    .xl\:focus-within\:ring-offset-gray-50:focus-within {
        --tw-ring-offset-color: #f9fafb
    }

    .xl\:focus-within\:ring-offset-gray-100:focus-within {
        --tw-ring-offset-color: #f3f4f6
    }

    .xl\:focus-within\:ring-offset-gray-200:focus-within {
        --tw-ring-offset-color: #e5e7eb
    }

    .xl\:focus-within\:ring-offset-gray-300:focus-within {
        --tw-ring-offset-color: #d1d5db
    }

    .xl\:focus-within\:ring-offset-gray-400:focus-within {
        --tw-ring-offset-color: #9ca3af
    }

    .xl\:focus-within\:ring-offset-gray-500:focus-within {
        --tw-ring-offset-color: #6b7280
    }

    .xl\:focus-within\:ring-offset-gray-600:focus-within {
        --tw-ring-offset-color: #4b5563
    }

    .xl\:focus-within\:ring-offset-gray-700:focus-within {
        --tw-ring-offset-color: #374151
    }

    .xl\:focus-within\:ring-offset-gray-800:focus-within {
        --tw-ring-offset-color: #1f2937
    }

    .xl\:focus-within\:ring-offset-gray-900:focus-within {
        --tw-ring-offset-color: #111827
    }

    .xl\:focus-within\:ring-offset-red-50:focus-within {
        --tw-ring-offset-color: #fef2f2
    }

    .xl\:focus-within\:ring-offset-red-100:focus-within {
        --tw-ring-offset-color: #fee2e2
    }

    .xl\:focus-within\:ring-offset-red-200:focus-within {
        --tw-ring-offset-color: #fecaca
    }

    .xl\:focus-within\:ring-offset-red-300:focus-within {
        --tw-ring-offset-color: #fca5a5
    }

    .xl\:focus-within\:ring-offset-red-400:focus-within {
        --tw-ring-offset-color: #f87171
    }

    .xl\:focus-within\:ring-offset-red-500:focus-within {
        --tw-ring-offset-color: #ef4444
    }

    .xl\:focus-within\:ring-offset-red-600:focus-within {
        --tw-ring-offset-color: #dc2626
    }

    .xl\:focus-within\:ring-offset-red-700:focus-within {
        --tw-ring-offset-color: #b91c1c
    }

    .xl\:focus-within\:ring-offset-red-800:focus-within {
        --tw-ring-offset-color: #991b1b
    }

    .xl\:focus-within\:ring-offset-red-900:focus-within {
        --tw-ring-offset-color: #7f1d1d
    }

    .xl\:focus-within\:ring-offset-yellow-50:focus-within {
        --tw-ring-offset-color: #fffbeb
    }

    .xl\:focus-within\:ring-offset-yellow-100:focus-within {
        --tw-ring-offset-color: #fef3c7
    }

    .xl\:focus-within\:ring-offset-yellow-200:focus-within {
        --tw-ring-offset-color: #fde68a
    }

    .xl\:focus-within\:ring-offset-yellow-300:focus-within {
        --tw-ring-offset-color: #fcd34d
    }

    .xl\:focus-within\:ring-offset-yellow-400:focus-within {
        --tw-ring-offset-color: #fbbf24
    }

    .xl\:focus-within\:ring-offset-yellow-500:focus-within {
        --tw-ring-offset-color: #f59e0b
    }

    .xl\:focus-within\:ring-offset-yellow-600:focus-within {
        --tw-ring-offset-color: #d97706
    }

    .xl\:focus-within\:ring-offset-yellow-700:focus-within {
        --tw-ring-offset-color: #b45309
    }

    .xl\:focus-within\:ring-offset-yellow-800:focus-within {
        --tw-ring-offset-color: #92400e
    }

    .xl\:focus-within\:ring-offset-yellow-900:focus-within {
        --tw-ring-offset-color: #78350f
    }

    .xl\:focus-within\:ring-offset-green-50:focus-within {
        --tw-ring-offset-color: #ecfdf5
    }

    .xl\:focus-within\:ring-offset-green-100:focus-within {
        --tw-ring-offset-color: #d1fae5
    }

    .xl\:focus-within\:ring-offset-green-200:focus-within {
        --tw-ring-offset-color: #a7f3d0
    }

    .xl\:focus-within\:ring-offset-green-300:focus-within {
        --tw-ring-offset-color: #6ee7b7
    }

    .xl\:focus-within\:ring-offset-green-400:focus-within {
        --tw-ring-offset-color: #34d399
    }

    .xl\:focus-within\:ring-offset-green-500:focus-within {
        --tw-ring-offset-color: #10b981
    }

    .xl\:focus-within\:ring-offset-green-600:focus-within {
        --tw-ring-offset-color: #059669
    }

    .xl\:focus-within\:ring-offset-green-700:focus-within {
        --tw-ring-offset-color: #047857
    }

    .xl\:focus-within\:ring-offset-green-800:focus-within {
        --tw-ring-offset-color: #065f46
    }

    .xl\:focus-within\:ring-offset-green-900:focus-within {
        --tw-ring-offset-color: #064e3b
    }

    .xl\:focus-within\:ring-offset-blue-50:focus-within {
        --tw-ring-offset-color: #eff6ff
    }

    .xl\:focus-within\:ring-offset-blue-100:focus-within {
        --tw-ring-offset-color: #dbeafe
    }

    .xl\:focus-within\:ring-offset-blue-200:focus-within {
        --tw-ring-offset-color: #bfdbfe
    }

    .xl\:focus-within\:ring-offset-blue-300:focus-within {
        --tw-ring-offset-color: #93c5fd
    }

    .xl\:focus-within\:ring-offset-blue-400:focus-within {
        --tw-ring-offset-color: #60a5fa
    }

    .xl\:focus-within\:ring-offset-blue-500:focus-within {
        --tw-ring-offset-color: #3b82f6
    }

    .xl\:focus-within\:ring-offset-blue-600:focus-within {
        --tw-ring-offset-color: #2563eb
    }

    .xl\:focus-within\:ring-offset-blue-700:focus-within {
        --tw-ring-offset-color: #1d4ed8
    }

    .xl\:focus-within\:ring-offset-blue-800:focus-within {
        --tw-ring-offset-color: #1e40af
    }

    .xl\:focus-within\:ring-offset-blue-900:focus-within {
        --tw-ring-offset-color: #1e3a8a
    }

    .xl\:focus-within\:ring-offset-indigo-50:focus-within {
        --tw-ring-offset-color: #eef2ff
    }

    .xl\:focus-within\:ring-offset-indigo-100:focus-within {
        --tw-ring-offset-color: #e0e7ff
    }

    .xl\:focus-within\:ring-offset-indigo-200:focus-within {
        --tw-ring-offset-color: #c7d2fe
    }

    .xl\:focus-within\:ring-offset-indigo-300:focus-within {
        --tw-ring-offset-color: #a5b4fc
    }

    .xl\:focus-within\:ring-offset-indigo-400:focus-within {
        --tw-ring-offset-color: #818cf8
    }

    .xl\:focus-within\:ring-offset-indigo-500:focus-within {
        --tw-ring-offset-color: #6366f1
    }

    .xl\:focus-within\:ring-offset-indigo-600:focus-within {
        --tw-ring-offset-color: #4f46e5
    }

    .xl\:focus-within\:ring-offset-indigo-700:focus-within {
        --tw-ring-offset-color: #4338ca
    }

    .xl\:focus-within\:ring-offset-indigo-800:focus-within {
        --tw-ring-offset-color: #3730a3
    }

    .xl\:focus-within\:ring-offset-indigo-900:focus-within {
        --tw-ring-offset-color: #312e81
    }

    .xl\:focus-within\:ring-offset-purple-50:focus-within {
        --tw-ring-offset-color: #f5f3ff
    }

    .xl\:focus-within\:ring-offset-purple-100:focus-within {
        --tw-ring-offset-color: #ede9fe
    }

    .xl\:focus-within\:ring-offset-purple-200:focus-within {
        --tw-ring-offset-color: #ddd6fe
    }

    .xl\:focus-within\:ring-offset-purple-300:focus-within {
        --tw-ring-offset-color: #c4b5fd
    }

    .xl\:focus-within\:ring-offset-purple-400:focus-within {
        --tw-ring-offset-color: #a78bfa
    }

    .xl\:focus-within\:ring-offset-purple-500:focus-within {
        --tw-ring-offset-color: #8b5cf6
    }

    .xl\:focus-within\:ring-offset-purple-600:focus-within {
        --tw-ring-offset-color: #7c3aed
    }

    .xl\:focus-within\:ring-offset-purple-700:focus-within {
        --tw-ring-offset-color: #6d28d9
    }

    .xl\:focus-within\:ring-offset-purple-800:focus-within {
        --tw-ring-offset-color: #5b21b6
    }

    .xl\:focus-within\:ring-offset-purple-900:focus-within {
        --tw-ring-offset-color: #4c1d95
    }

    .xl\:focus-within\:ring-offset-pink-50:focus-within {
        --tw-ring-offset-color: #fdf2f8
    }

    .xl\:focus-within\:ring-offset-pink-100:focus-within {
        --tw-ring-offset-color: #fce7f3
    }

    .xl\:focus-within\:ring-offset-pink-200:focus-within {
        --tw-ring-offset-color: #fbcfe8
    }

    .xl\:focus-within\:ring-offset-pink-300:focus-within {
        --tw-ring-offset-color: #f9a8d4
    }

    .xl\:focus-within\:ring-offset-pink-400:focus-within {
        --tw-ring-offset-color: #f472b6
    }

    .xl\:focus-within\:ring-offset-pink-500:focus-within {
        --tw-ring-offset-color: #ec4899
    }

    .xl\:focus-within\:ring-offset-pink-600:focus-within {
        --tw-ring-offset-color: #db2777
    }

    .xl\:focus-within\:ring-offset-pink-700:focus-within {
        --tw-ring-offset-color: #be185d
    }

    .xl\:focus-within\:ring-offset-pink-800:focus-within {
        --tw-ring-offset-color: #9d174d
    }

    .xl\:focus-within\:ring-offset-pink-900:focus-within {
        --tw-ring-offset-color: #831843
    }

    .xl\:focus-within\:ring-offset-primary:focus-within {
        --tw-ring-offset-color: #1ab938
    }

    .xl\:focus-within\:ring-offset-orange:focus-within {
        --tw-ring-offset-color: #fdab5a
    }

    .xl\:focus-within\:ring-offset-danger:focus-within {
        --tw-ring-offset-color: #c75d5d
    }

    .xl\:focus\:ring-offset-transparent:focus {
        --tw-ring-offset-color: transparent
    }

    .xl\:focus\:ring-offset-current:focus {
        --tw-ring-offset-color: currentColor
    }

    .xl\:focus\:ring-offset-black:focus {
        --tw-ring-offset-color: #000
    }

    .xl\:focus\:ring-offset-white:focus {
        --tw-ring-offset-color: #fff
    }

    .xl\:focus\:ring-offset-gray-50:focus {
        --tw-ring-offset-color: #f9fafb
    }

    .xl\:focus\:ring-offset-gray-100:focus {
        --tw-ring-offset-color: #f3f4f6
    }

    .xl\:focus\:ring-offset-gray-200:focus {
        --tw-ring-offset-color: #e5e7eb
    }

    .xl\:focus\:ring-offset-gray-300:focus {
        --tw-ring-offset-color: #d1d5db
    }

    .xl\:focus\:ring-offset-gray-400:focus {
        --tw-ring-offset-color: #9ca3af
    }

    .xl\:focus\:ring-offset-gray-500:focus {
        --tw-ring-offset-color: #6b7280
    }

    .xl\:focus\:ring-offset-gray-600:focus {
        --tw-ring-offset-color: #4b5563
    }

    .xl\:focus\:ring-offset-gray-700:focus {
        --tw-ring-offset-color: #374151
    }

    .xl\:focus\:ring-offset-gray-800:focus {
        --tw-ring-offset-color: #1f2937
    }

    .xl\:focus\:ring-offset-gray-900:focus {
        --tw-ring-offset-color: #111827
    }

    .xl\:focus\:ring-offset-red-50:focus {
        --tw-ring-offset-color: #fef2f2
    }

    .xl\:focus\:ring-offset-red-100:focus {
        --tw-ring-offset-color: #fee2e2
    }

    .xl\:focus\:ring-offset-red-200:focus {
        --tw-ring-offset-color: #fecaca
    }

    .xl\:focus\:ring-offset-red-300:focus {
        --tw-ring-offset-color: #fca5a5
    }

    .xl\:focus\:ring-offset-red-400:focus {
        --tw-ring-offset-color: #f87171
    }

    .xl\:focus\:ring-offset-red-500:focus {
        --tw-ring-offset-color: #ef4444
    }

    .xl\:focus\:ring-offset-red-600:focus {
        --tw-ring-offset-color: #dc2626
    }

    .xl\:focus\:ring-offset-red-700:focus {
        --tw-ring-offset-color: #b91c1c
    }

    .xl\:focus\:ring-offset-red-800:focus {
        --tw-ring-offset-color: #991b1b
    }

    .xl\:focus\:ring-offset-red-900:focus {
        --tw-ring-offset-color: #7f1d1d
    }

    .xl\:focus\:ring-offset-yellow-50:focus {
        --tw-ring-offset-color: #fffbeb
    }

    .xl\:focus\:ring-offset-yellow-100:focus {
        --tw-ring-offset-color: #fef3c7
    }

    .xl\:focus\:ring-offset-yellow-200:focus {
        --tw-ring-offset-color: #fde68a
    }

    .xl\:focus\:ring-offset-yellow-300:focus {
        --tw-ring-offset-color: #fcd34d
    }

    .xl\:focus\:ring-offset-yellow-400:focus {
        --tw-ring-offset-color: #fbbf24
    }

    .xl\:focus\:ring-offset-yellow-500:focus {
        --tw-ring-offset-color: #f59e0b
    }

    .xl\:focus\:ring-offset-yellow-600:focus {
        --tw-ring-offset-color: #d97706
    }

    .xl\:focus\:ring-offset-yellow-700:focus {
        --tw-ring-offset-color: #b45309
    }

    .xl\:focus\:ring-offset-yellow-800:focus {
        --tw-ring-offset-color: #92400e
    }

    .xl\:focus\:ring-offset-yellow-900:focus {
        --tw-ring-offset-color: #78350f
    }

    .xl\:focus\:ring-offset-green-50:focus {
        --tw-ring-offset-color: #ecfdf5
    }

    .xl\:focus\:ring-offset-green-100:focus {
        --tw-ring-offset-color: #d1fae5
    }

    .xl\:focus\:ring-offset-green-200:focus {
        --tw-ring-offset-color: #a7f3d0
    }

    .xl\:focus\:ring-offset-green-300:focus {
        --tw-ring-offset-color: #6ee7b7
    }

    .xl\:focus\:ring-offset-green-400:focus {
        --tw-ring-offset-color: #34d399
    }

    .xl\:focus\:ring-offset-green-500:focus {
        --tw-ring-offset-color: #10b981
    }

    .xl\:focus\:ring-offset-green-600:focus {
        --tw-ring-offset-color: #059669
    }

    .xl\:focus\:ring-offset-green-700:focus {
        --tw-ring-offset-color: #047857
    }

    .xl\:focus\:ring-offset-green-800:focus {
        --tw-ring-offset-color: #065f46
    }

    .xl\:focus\:ring-offset-green-900:focus {
        --tw-ring-offset-color: #064e3b
    }

    .xl\:focus\:ring-offset-blue-50:focus {
        --tw-ring-offset-color: #eff6ff
    }

    .xl\:focus\:ring-offset-blue-100:focus {
        --tw-ring-offset-color: #dbeafe
    }

    .xl\:focus\:ring-offset-blue-200:focus {
        --tw-ring-offset-color: #bfdbfe
    }

    .xl\:focus\:ring-offset-blue-300:focus {
        --tw-ring-offset-color: #93c5fd
    }

    .xl\:focus\:ring-offset-blue-400:focus {
        --tw-ring-offset-color: #60a5fa
    }

    .xl\:focus\:ring-offset-blue-500:focus {
        --tw-ring-offset-color: #3b82f6
    }

    .xl\:focus\:ring-offset-blue-600:focus {
        --tw-ring-offset-color: #2563eb
    }

    .xl\:focus\:ring-offset-blue-700:focus {
        --tw-ring-offset-color: #1d4ed8
    }

    .xl\:focus\:ring-offset-blue-800:focus {
        --tw-ring-offset-color: #1e40af
    }

    .xl\:focus\:ring-offset-blue-900:focus {
        --tw-ring-offset-color: #1e3a8a
    }

    .xl\:focus\:ring-offset-indigo-50:focus {
        --tw-ring-offset-color: #eef2ff
    }

    .xl\:focus\:ring-offset-indigo-100:focus {
        --tw-ring-offset-color: #e0e7ff
    }

    .xl\:focus\:ring-offset-indigo-200:focus {
        --tw-ring-offset-color: #c7d2fe
    }

    .xl\:focus\:ring-offset-indigo-300:focus {
        --tw-ring-offset-color: #a5b4fc
    }

    .xl\:focus\:ring-offset-indigo-400:focus {
        --tw-ring-offset-color: #818cf8
    }

    .xl\:focus\:ring-offset-indigo-500:focus {
        --tw-ring-offset-color: #6366f1
    }

    .xl\:focus\:ring-offset-indigo-600:focus {
        --tw-ring-offset-color: #4f46e5
    }

    .xl\:focus\:ring-offset-indigo-700:focus {
        --tw-ring-offset-color: #4338ca
    }

    .xl\:focus\:ring-offset-indigo-800:focus {
        --tw-ring-offset-color: #3730a3
    }

    .xl\:focus\:ring-offset-indigo-900:focus {
        --tw-ring-offset-color: #312e81
    }

    .xl\:focus\:ring-offset-purple-50:focus {
        --tw-ring-offset-color: #f5f3ff
    }

    .xl\:focus\:ring-offset-purple-100:focus {
        --tw-ring-offset-color: #ede9fe
    }

    .xl\:focus\:ring-offset-purple-200:focus {
        --tw-ring-offset-color: #ddd6fe
    }

    .xl\:focus\:ring-offset-purple-300:focus {
        --tw-ring-offset-color: #c4b5fd
    }

    .xl\:focus\:ring-offset-purple-400:focus {
        --tw-ring-offset-color: #a78bfa
    }

    .xl\:focus\:ring-offset-purple-500:focus {
        --tw-ring-offset-color: #8b5cf6
    }

    .xl\:focus\:ring-offset-purple-600:focus {
        --tw-ring-offset-color: #7c3aed
    }

    .xl\:focus\:ring-offset-purple-700:focus {
        --tw-ring-offset-color: #6d28d9
    }

    .xl\:focus\:ring-offset-purple-800:focus {
        --tw-ring-offset-color: #5b21b6
    }

    .xl\:focus\:ring-offset-purple-900:focus {
        --tw-ring-offset-color: #4c1d95
    }

    .xl\:focus\:ring-offset-pink-50:focus {
        --tw-ring-offset-color: #fdf2f8
    }

    .xl\:focus\:ring-offset-pink-100:focus {
        --tw-ring-offset-color: #fce7f3
    }

    .xl\:focus\:ring-offset-pink-200:focus {
        --tw-ring-offset-color: #fbcfe8
    }

    .xl\:focus\:ring-offset-pink-300:focus {
        --tw-ring-offset-color: #f9a8d4
    }

    .xl\:focus\:ring-offset-pink-400:focus {
        --tw-ring-offset-color: #f472b6
    }

    .xl\:focus\:ring-offset-pink-500:focus {
        --tw-ring-offset-color: #ec4899
    }

    .xl\:focus\:ring-offset-pink-600:focus {
        --tw-ring-offset-color: #db2777
    }

    .xl\:focus\:ring-offset-pink-700:focus {
        --tw-ring-offset-color: #be185d
    }

    .xl\:focus\:ring-offset-pink-800:focus {
        --tw-ring-offset-color: #9d174d
    }

    .xl\:focus\:ring-offset-pink-900:focus {
        --tw-ring-offset-color: #831843
    }

    .xl\:focus\:ring-offset-primary:focus {
        --tw-ring-offset-color: #1ab938
    }

    .xl\:focus\:ring-offset-orange:focus {
        --tw-ring-offset-color: #fdab5a
    }

    .xl\:focus\:ring-offset-danger:focus {
        --tw-ring-offset-color: #c75d5d
    }
}

@media (min-width:1536px) {
    .\32xl\:focus-within\:sr-only:focus-within {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    .\32xl\:focus-within\:not-sr-only:focus-within {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .\32xl\:focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    .\32xl\:focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .\32xl\:focus-within\:z-0:focus-within {
        z-index: 0
    }

    .\32xl\:focus-within\:z-10:focus-within {
        z-index: 10
    }

    .\32xl\:focus-within\:z-20:focus-within {
        z-index: 20
    }

    .\32xl\:focus-within\:z-30:focus-within {
        z-index: 30
    }

    .\32xl\:focus-within\:z-40:focus-within {
        z-index: 40
    }

    .\32xl\:focus-within\:z-50:focus-within {
        z-index: 50
    }

    .\32xl\:focus-within\:z-auto:focus-within {
        z-index: auto
    }

    .\32xl\:focus\:z-0:focus {
        z-index: 0
    }

    .\32xl\:focus\:z-10:focus {
        z-index: 10
    }

    .\32xl\:focus\:z-20:focus {
        z-index: 20
    }

    .\32xl\:focus\:z-30:focus {
        z-index: 30
    }

    .\32xl\:focus\:z-40:focus {
        z-index: 40
    }

    .\32xl\:focus\:z-50:focus {
        z-index: 50
    }

    .\32xl\:focus\:z-auto:focus {
        z-index: auto
    }

    .\32xl\:hover\:translate-x-0:hover {
        --tw-translate-x: 0px
    }

    .\32xl\:hover\:translate-x-1:hover {
        --tw-translate-x: 0.25rem
    }

    .\32xl\:hover\:translate-x-2:hover {
        --tw-translate-x: 0.5rem
    }

    .\32xl\:hover\:translate-x-3:hover {
        --tw-translate-x: 0.75rem
    }

    .\32xl\:hover\:translate-x-4:hover {
        --tw-translate-x: 1rem
    }

    .\32xl\:hover\:translate-x-5:hover {
        --tw-translate-x: 1.25rem
    }

    .\32xl\:hover\:translate-x-6:hover {
        --tw-translate-x: 1.5rem
    }

    .\32xl\:hover\:translate-x-7:hover {
        --tw-translate-x: 1.75rem
    }

    .\32xl\:hover\:translate-x-8:hover {
        --tw-translate-x: 2rem
    }

    .\32xl\:hover\:translate-x-9:hover {
        --tw-translate-x: 2.25rem
    }

    .\32xl\:hover\:translate-x-10:hover {
        --tw-translate-x: 2.5rem
    }

    .\32xl\:hover\:translate-x-11:hover {
        --tw-translate-x: 2.75rem
    }

    .\32xl\:hover\:translate-x-12:hover {
        --tw-translate-x: 3rem
    }

    .\32xl\:hover\:translate-x-14:hover {
        --tw-translate-x: 3.5rem
    }

    .\32xl\:hover\:translate-x-16:hover {
        --tw-translate-x: 4rem
    }

    .\32xl\:hover\:translate-x-20:hover {
        --tw-translate-x: 5rem
    }

    .\32xl\:hover\:translate-x-24:hover {
        --tw-translate-x: 6rem
    }

    .\32xl\:hover\:translate-x-28:hover {
        --tw-translate-x: 7rem
    }

    .\32xl\:hover\:translate-x-32:hover {
        --tw-translate-x: 8rem
    }

    .\32xl\:hover\:translate-x-36:hover {
        --tw-translate-x: 9rem
    }

    .\32xl\:hover\:translate-x-40:hover {
        --tw-translate-x: 10rem
    }

    .\32xl\:hover\:translate-x-44:hover {
        --tw-translate-x: 11rem
    }

    .\32xl\:hover\:translate-x-48:hover {
        --tw-translate-x: 12rem
    }

    .\32xl\:hover\:translate-x-52:hover {
        --tw-translate-x: 13rem
    }

    .\32xl\:hover\:translate-x-56:hover {
        --tw-translate-x: 14rem
    }

    .\32xl\:hover\:translate-x-60:hover {
        --tw-translate-x: 15rem
    }

    .\32xl\:hover\:translate-x-64:hover {
        --tw-translate-x: 16rem
    }

    .\32xl\:hover\:translate-x-72:hover {
        --tw-translate-x: 18rem
    }

    .\32xl\:hover\:translate-x-80:hover {
        --tw-translate-x: 20rem
    }

    .\32xl\:hover\:translate-x-96:hover {
        --tw-translate-x: 24rem
    }

    .\32xl\:hover\:translate-x-px:hover {
        --tw-translate-x: 1px
    }

    .\32xl\:hover\:translate-x-0\.5:hover {
        --tw-translate-x: 0.125rem
    }

    .\32xl\:hover\:translate-x-1\.5:hover {
        --tw-translate-x: 0.375rem
    }

    .\32xl\:hover\:translate-x-2\.5:hover {
        --tw-translate-x: 0.625rem
    }

    .\32xl\:hover\:translate-x-3\.5:hover {
        --tw-translate-x: 0.875rem
    }

    .\32xl\:hover\:-translate-x-0:hover {
        --tw-translate-x: 0px
    }

    .\32xl\:hover\:-translate-x-1:hover {
        --tw-translate-x: -0.25rem
    }

    .\32xl\:hover\:-translate-x-2:hover {
        --tw-translate-x: -0.5rem
    }

    .\32xl\:hover\:-translate-x-3:hover {
        --tw-translate-x: -0.75rem
    }

    .\32xl\:hover\:-translate-x-4:hover {
        --tw-translate-x: -1rem
    }

    .\32xl\:hover\:-translate-x-5:hover {
        --tw-translate-x: -1.25rem
    }

    .\32xl\:hover\:-translate-x-6:hover {
        --tw-translate-x: -1.5rem
    }

    .\32xl\:hover\:-translate-x-7:hover {
        --tw-translate-x: -1.75rem
    }

    .\32xl\:hover\:-translate-x-8:hover {
        --tw-translate-x: -2rem
    }

    .\32xl\:hover\:-translate-x-9:hover {
        --tw-translate-x: -2.25rem
    }

    .\32xl\:hover\:-translate-x-10:hover {
        --tw-translate-x: -2.5rem
    }

    .\32xl\:hover\:-translate-x-11:hover {
        --tw-translate-x: -2.75rem
    }

    .\32xl\:hover\:-translate-x-12:hover {
        --tw-translate-x: -3rem
    }

    .\32xl\:hover\:-translate-x-14:hover {
        --tw-translate-x: -3.5rem
    }

    .\32xl\:hover\:-translate-x-16:hover {
        --tw-translate-x: -4rem
    }

    .\32xl\:hover\:-translate-x-20:hover {
        --tw-translate-x: -5rem
    }

    .\32xl\:hover\:-translate-x-24:hover {
        --tw-translate-x: -6rem
    }

    .\32xl\:hover\:-translate-x-28:hover {
        --tw-translate-x: -7rem
    }

    .\32xl\:hover\:-translate-x-32:hover {
        --tw-translate-x: -8rem
    }

    .\32xl\:hover\:-translate-x-36:hover {
        --tw-translate-x: -9rem
    }

    .\32xl\:hover\:-translate-x-40:hover {
        --tw-translate-x: -10rem
    }

    .\32xl\:hover\:-translate-x-44:hover {
        --tw-translate-x: -11rem
    }

    .\32xl\:hover\:-translate-x-48:hover {
        --tw-translate-x: -12rem
    }

    .\32xl\:hover\:-translate-x-52:hover {
        --tw-translate-x: -13rem
    }

    .\32xl\:hover\:-translate-x-56:hover {
        --tw-translate-x: -14rem
    }

    .\32xl\:hover\:-translate-x-60:hover {
        --tw-translate-x: -15rem
    }

    .\32xl\:hover\:-translate-x-64:hover {
        --tw-translate-x: -16rem
    }

    .\32xl\:hover\:-translate-x-72:hover {
        --tw-translate-x: -18rem
    }

    .\32xl\:hover\:-translate-x-80:hover {
        --tw-translate-x: -20rem
    }

    .\32xl\:hover\:-translate-x-96:hover {
        --tw-translate-x: -24rem
    }

    .\32xl\:hover\:-translate-x-px:hover {
        --tw-translate-x: -1px
    }

    .\32xl\:hover\:-translate-x-0\.5:hover {
        --tw-translate-x: -0.125rem
    }

    .\32xl\:hover\:-translate-x-1\.5:hover {
        --tw-translate-x: -0.375rem
    }

    .\32xl\:hover\:-translate-x-2\.5:hover {
        --tw-translate-x: -0.625rem
    }

    .\32xl\:hover\:-translate-x-3\.5:hover {
        --tw-translate-x: -0.875rem
    }

    .\32xl\:hover\:translate-x-1\/2:hover {
        --tw-translate-x: 50%
    }

    .\32xl\:hover\:translate-x-1\/3:hover {
        --tw-translate-x: 33.333333%
    }

    .\32xl\:hover\:translate-x-2\/3:hover {
        --tw-translate-x: 66.666667%
    }

    .\32xl\:hover\:translate-x-1\/4:hover {
        --tw-translate-x: 25%
    }

    .\32xl\:hover\:translate-x-2\/4:hover {
        --tw-translate-x: 50%
    }

    .\32xl\:hover\:translate-x-3\/4:hover {
        --tw-translate-x: 75%
    }

    .\32xl\:hover\:translate-x-full:hover {
        --tw-translate-x: 100%
    }

    .\32xl\:hover\:-translate-x-1\/2:hover {
        --tw-translate-x: -50%
    }

    .\32xl\:hover\:-translate-x-1\/3:hover {
        --tw-translate-x: -33.333333%
    }

    .\32xl\:hover\:-translate-x-2\/3:hover {
        --tw-translate-x: -66.666667%
    }

    .\32xl\:hover\:-translate-x-1\/4:hover {
        --tw-translate-x: -25%
    }

    .\32xl\:hover\:-translate-x-2\/4:hover {
        --tw-translate-x: -50%
    }

    .\32xl\:hover\:-translate-x-3\/4:hover {
        --tw-translate-x: -75%
    }

    .\32xl\:hover\:-translate-x-full:hover {
        --tw-translate-x: -100%
    }

    .\32xl\:hover\:translate-y-0:hover {
        --tw-translate-y: 0px
    }

    .\32xl\:hover\:translate-y-1:hover {
        --tw-translate-y: 0.25rem
    }

    .\32xl\:hover\:translate-y-2:hover {
        --tw-translate-y: 0.5rem
    }

    .\32xl\:hover\:translate-y-3:hover {
        --tw-translate-y: 0.75rem
    }

    .\32xl\:hover\:translate-y-4:hover {
        --tw-translate-y: 1rem
    }

    .\32xl\:hover\:translate-y-5:hover {
        --tw-translate-y: 1.25rem
    }

    .\32xl\:hover\:translate-y-6:hover {
        --tw-translate-y: 1.5rem
    }

    .\32xl\:hover\:translate-y-7:hover {
        --tw-translate-y: 1.75rem
    }

    .\32xl\:hover\:translate-y-8:hover {
        --tw-translate-y: 2rem
    }

    .\32xl\:hover\:translate-y-9:hover {
        --tw-translate-y: 2.25rem
    }

    .\32xl\:hover\:translate-y-10:hover {
        --tw-translate-y: 2.5rem
    }

    .\32xl\:hover\:translate-y-11:hover {
        --tw-translate-y: 2.75rem
    }

    .\32xl\:hover\:translate-y-12:hover {
        --tw-translate-y: 3rem
    }

    .\32xl\:hover\:translate-y-14:hover {
        --tw-translate-y: 3.5rem
    }

    .\32xl\:hover\:translate-y-16:hover {
        --tw-translate-y: 4rem
    }

    .\32xl\:hover\:translate-y-20:hover {
        --tw-translate-y: 5rem
    }

    .\32xl\:hover\:translate-y-24:hover {
        --tw-translate-y: 6rem
    }

    .\32xl\:hover\:translate-y-28:hover {
        --tw-translate-y: 7rem
    }

    .\32xl\:hover\:translate-y-32:hover {
        --tw-translate-y: 8rem
    }

    .\32xl\:hover\:translate-y-36:hover {
        --tw-translate-y: 9rem
    }

    .\32xl\:hover\:translate-y-40:hover {
        --tw-translate-y: 10rem
    }

    .\32xl\:hover\:translate-y-44:hover {
        --tw-translate-y: 11rem
    }

    .\32xl\:hover\:translate-y-48:hover {
        --tw-translate-y: 12rem
    }

    .\32xl\:hover\:translate-y-52:hover {
        --tw-translate-y: 13rem
    }

    .\32xl\:hover\:translate-y-56:hover {
        --tw-translate-y: 14rem
    }

    .\32xl\:hover\:translate-y-60:hover {
        --tw-translate-y: 15rem
    }

    .\32xl\:hover\:translate-y-64:hover {
        --tw-translate-y: 16rem
    }

    .\32xl\:hover\:translate-y-72:hover {
        --tw-translate-y: 18rem
    }

    .\32xl\:hover\:translate-y-80:hover {
        --tw-translate-y: 20rem
    }

    .\32xl\:hover\:translate-y-96:hover {
        --tw-translate-y: 24rem
    }

    .\32xl\:hover\:translate-y-px:hover {
        --tw-translate-y: 1px
    }

    .\32xl\:hover\:translate-y-0\.5:hover {
        --tw-translate-y: 0.125rem
    }

    .\32xl\:hover\:translate-y-1\.5:hover {
        --tw-translate-y: 0.375rem
    }

    .\32xl\:hover\:translate-y-2\.5:hover {
        --tw-translate-y: 0.625rem
    }

    .\32xl\:hover\:translate-y-3\.5:hover {
        --tw-translate-y: 0.875rem
    }

    .\32xl\:hover\:-translate-y-0:hover {
        --tw-translate-y: 0px
    }

    .\32xl\:hover\:-translate-y-1:hover {
        --tw-translate-y: -0.25rem
    }

    .\32xl\:hover\:-translate-y-2:hover {
        --tw-translate-y: -0.5rem
    }

    .\32xl\:hover\:-translate-y-3:hover {
        --tw-translate-y: -0.75rem
    }

    .\32xl\:hover\:-translate-y-4:hover {
        --tw-translate-y: -1rem
    }

    .\32xl\:hover\:-translate-y-5:hover {
        --tw-translate-y: -1.25rem
    }

    .\32xl\:hover\:-translate-y-6:hover {
        --tw-translate-y: -1.5rem
    }

    .\32xl\:hover\:-translate-y-7:hover {
        --tw-translate-y: -1.75rem
    }

    .\32xl\:hover\:-translate-y-8:hover {
        --tw-translate-y: -2rem
    }

    .\32xl\:hover\:-translate-y-9:hover {
        --tw-translate-y: -2.25rem
    }

    .\32xl\:hover\:-translate-y-10:hover {
        --tw-translate-y: -2.5rem
    }

    .\32xl\:hover\:-translate-y-11:hover {
        --tw-translate-y: -2.75rem
    }

    .\32xl\:hover\:-translate-y-12:hover {
        --tw-translate-y: -3rem
    }

    .\32xl\:hover\:-translate-y-14:hover {
        --tw-translate-y: -3.5rem
    }

    .\32xl\:hover\:-translate-y-16:hover {
        --tw-translate-y: -4rem
    }

    .\32xl\:hover\:-translate-y-20:hover {
        --tw-translate-y: -5rem
    }

    .\32xl\:hover\:-translate-y-24:hover {
        --tw-translate-y: -6rem
    }

    .\32xl\:hover\:-translate-y-28:hover {
        --tw-translate-y: -7rem
    }

    .\32xl\:hover\:-translate-y-32:hover {
        --tw-translate-y: -8rem
    }

    .\32xl\:hover\:-translate-y-36:hover {
        --tw-translate-y: -9rem
    }

    .\32xl\:hover\:-translate-y-40:hover {
        --tw-translate-y: -10rem
    }

    .\32xl\:hover\:-translate-y-44:hover {
        --tw-translate-y: -11rem
    }

    .\32xl\:hover\:-translate-y-48:hover {
        --tw-translate-y: -12rem
    }

    .\32xl\:hover\:-translate-y-52:hover {
        --tw-translate-y: -13rem
    }

    .\32xl\:hover\:-translate-y-56:hover {
        --tw-translate-y: -14rem
    }

    .\32xl\:hover\:-translate-y-60:hover {
        --tw-translate-y: -15rem
    }

    .\32xl\:hover\:-translate-y-64:hover {
        --tw-translate-y: -16rem
    }

    .\32xl\:hover\:-translate-y-72:hover {
        --tw-translate-y: -18rem
    }

    .\32xl\:hover\:-translate-y-80:hover {
        --tw-translate-y: -20rem
    }

    .\32xl\:hover\:-translate-y-96:hover {
        --tw-translate-y: -24rem
    }

    .\32xl\:hover\:-translate-y-px:hover {
        --tw-translate-y: -1px
    }

    .\32xl\:hover\:-translate-y-0\.5:hover {
        --tw-translate-y: -0.125rem
    }

    .\32xl\:hover\:-translate-y-1\.5:hover {
        --tw-translate-y: -0.375rem
    }

    .\32xl\:hover\:-translate-y-2\.5:hover {
        --tw-translate-y: -0.625rem
    }

    .\32xl\:hover\:-translate-y-3\.5:hover {
        --tw-translate-y: -0.875rem
    }

    .\32xl\:hover\:translate-y-1\/2:hover {
        --tw-translate-y: 50%
    }

    .\32xl\:hover\:translate-y-1\/3:hover {
        --tw-translate-y: 33.333333%
    }

    .\32xl\:hover\:translate-y-2\/3:hover {
        --tw-translate-y: 66.666667%
    }

    .\32xl\:hover\:translate-y-1\/4:hover {
        --tw-translate-y: 25%
    }

    .\32xl\:hover\:translate-y-2\/4:hover {
        --tw-translate-y: 50%
    }

    .\32xl\:hover\:translate-y-3\/4:hover {
        --tw-translate-y: 75%
    }

    .\32xl\:hover\:translate-y-full:hover {
        --tw-translate-y: 100%
    }

    .\32xl\:hover\:-translate-y-1\/2:hover {
        --tw-translate-y: -50%
    }

    .\32xl\:hover\:-translate-y-1\/3:hover {
        --tw-translate-y: -33.333333%
    }

    .\32xl\:hover\:-translate-y-2\/3:hover {
        --tw-translate-y: -66.666667%
    }

    .\32xl\:hover\:-translate-y-1\/4:hover {
        --tw-translate-y: -25%
    }

    .\32xl\:hover\:-translate-y-2\/4:hover {
        --tw-translate-y: -50%
    }

    .\32xl\:hover\:-translate-y-3\/4:hover {
        --tw-translate-y: -75%
    }

    .\32xl\:hover\:-translate-y-full:hover {
        --tw-translate-y: -100%
    }

    .\32xl\:focus\:translate-x-0:focus {
        --tw-translate-x: 0px
    }

    .\32xl\:focus\:translate-x-1:focus {
        --tw-translate-x: 0.25rem
    }

    .\32xl\:focus\:translate-x-2:focus {
        --tw-translate-x: 0.5rem
    }

    .\32xl\:focus\:translate-x-3:focus {
        --tw-translate-x: 0.75rem
    }

    .\32xl\:focus\:translate-x-4:focus {
        --tw-translate-x: 1rem
    }

    .\32xl\:focus\:translate-x-5:focus {
        --tw-translate-x: 1.25rem
    }

    .\32xl\:focus\:translate-x-6:focus {
        --tw-translate-x: 1.5rem
    }

    .\32xl\:focus\:translate-x-7:focus {
        --tw-translate-x: 1.75rem
    }

    .\32xl\:focus\:translate-x-8:focus {
        --tw-translate-x: 2rem
    }

    .\32xl\:focus\:translate-x-9:focus {
        --tw-translate-x: 2.25rem
    }

    .\32xl\:focus\:translate-x-10:focus {
        --tw-translate-x: 2.5rem
    }

    .\32xl\:focus\:translate-x-11:focus {
        --tw-translate-x: 2.75rem
    }

    .\32xl\:focus\:translate-x-12:focus {
        --tw-translate-x: 3rem
    }

    .\32xl\:focus\:translate-x-14:focus {
        --tw-translate-x: 3.5rem
    }

    .\32xl\:focus\:translate-x-16:focus {
        --tw-translate-x: 4rem
    }

    .\32xl\:focus\:translate-x-20:focus {
        --tw-translate-x: 5rem
    }

    .\32xl\:focus\:translate-x-24:focus {
        --tw-translate-x: 6rem
    }

    .\32xl\:focus\:translate-x-28:focus {
        --tw-translate-x: 7rem
    }

    .\32xl\:focus\:translate-x-32:focus {
        --tw-translate-x: 8rem
    }

    .\32xl\:focus\:translate-x-36:focus {
        --tw-translate-x: 9rem
    }

    .\32xl\:focus\:translate-x-40:focus {
        --tw-translate-x: 10rem
    }

    .\32xl\:focus\:translate-x-44:focus {
        --tw-translate-x: 11rem
    }

    .\32xl\:focus\:translate-x-48:focus {
        --tw-translate-x: 12rem
    }

    .\32xl\:focus\:translate-x-52:focus {
        --tw-translate-x: 13rem
    }

    .\32xl\:focus\:translate-x-56:focus {
        --tw-translate-x: 14rem
    }

    .\32xl\:focus\:translate-x-60:focus {
        --tw-translate-x: 15rem
    }

    .\32xl\:focus\:translate-x-64:focus {
        --tw-translate-x: 16rem
    }

    .\32xl\:focus\:translate-x-72:focus {
        --tw-translate-x: 18rem
    }

    .\32xl\:focus\:translate-x-80:focus {
        --tw-translate-x: 20rem
    }

    .\32xl\:focus\:translate-x-96:focus {
        --tw-translate-x: 24rem
    }

    .\32xl\:focus\:translate-x-px:focus {
        --tw-translate-x: 1px
    }

    .\32xl\:focus\:translate-x-0\.5:focus {
        --tw-translate-x: 0.125rem
    }

    .\32xl\:focus\:translate-x-1\.5:focus {
        --tw-translate-x: 0.375rem
    }

    .\32xl\:focus\:translate-x-2\.5:focus {
        --tw-translate-x: 0.625rem
    }

    .\32xl\:focus\:translate-x-3\.5:focus {
        --tw-translate-x: 0.875rem
    }

    .\32xl\:focus\:-translate-x-0:focus {
        --tw-translate-x: 0px
    }

    .\32xl\:focus\:-translate-x-1:focus {
        --tw-translate-x: -0.25rem
    }

    .\32xl\:focus\:-translate-x-2:focus {
        --tw-translate-x: -0.5rem
    }

    .\32xl\:focus\:-translate-x-3:focus {
        --tw-translate-x: -0.75rem
    }

    .\32xl\:focus\:-translate-x-4:focus {
        --tw-translate-x: -1rem
    }

    .\32xl\:focus\:-translate-x-5:focus {
        --tw-translate-x: -1.25rem
    }

    .\32xl\:focus\:-translate-x-6:focus {
        --tw-translate-x: -1.5rem
    }

    .\32xl\:focus\:-translate-x-7:focus {
        --tw-translate-x: -1.75rem
    }

    .\32xl\:focus\:-translate-x-8:focus {
        --tw-translate-x: -2rem
    }

    .\32xl\:focus\:-translate-x-9:focus {
        --tw-translate-x: -2.25rem
    }

    .\32xl\:focus\:-translate-x-10:focus {
        --tw-translate-x: -2.5rem
    }

    .\32xl\:focus\:-translate-x-11:focus {
        --tw-translate-x: -2.75rem
    }

    .\32xl\:focus\:-translate-x-12:focus {
        --tw-translate-x: -3rem
    }

    .\32xl\:focus\:-translate-x-14:focus {
        --tw-translate-x: -3.5rem
    }

    .\32xl\:focus\:-translate-x-16:focus {
        --tw-translate-x: -4rem
    }

    .\32xl\:focus\:-translate-x-20:focus {
        --tw-translate-x: -5rem
    }

    .\32xl\:focus\:-translate-x-24:focus {
        --tw-translate-x: -6rem
    }

    .\32xl\:focus\:-translate-x-28:focus {
        --tw-translate-x: -7rem
    }

    .\32xl\:focus\:-translate-x-32:focus {
        --tw-translate-x: -8rem
    }

    .\32xl\:focus\:-translate-x-36:focus {
        --tw-translate-x: -9rem
    }

    .\32xl\:focus\:-translate-x-40:focus {
        --tw-translate-x: -10rem
    }

    .\32xl\:focus\:-translate-x-44:focus {
        --tw-translate-x: -11rem
    }

    .\32xl\:focus\:-translate-x-48:focus {
        --tw-translate-x: -12rem
    }

    .\32xl\:focus\:-translate-x-52:focus {
        --tw-translate-x: -13rem
    }

    .\32xl\:focus\:-translate-x-56:focus {
        --tw-translate-x: -14rem
    }

    .\32xl\:focus\:-translate-x-60:focus {
        --tw-translate-x: -15rem
    }

    .\32xl\:focus\:-translate-x-64:focus {
        --tw-translate-x: -16rem
    }

    .\32xl\:focus\:-translate-x-72:focus {
        --tw-translate-x: -18rem
    }

    .\32xl\:focus\:-translate-x-80:focus {
        --tw-translate-x: -20rem
    }

    .\32xl\:focus\:-translate-x-96:focus {
        --tw-translate-x: -24rem
    }

    .\32xl\:focus\:-translate-x-px:focus {
        --tw-translate-x: -1px
    }

    .\32xl\:focus\:-translate-x-0\.5:focus {
        --tw-translate-x: -0.125rem
    }

    .\32xl\:focus\:-translate-x-1\.5:focus {
        --tw-translate-x: -0.375rem
    }

    .\32xl\:focus\:-translate-x-2\.5:focus {
        --tw-translate-x: -0.625rem
    }

    .\32xl\:focus\:-translate-x-3\.5:focus {
        --tw-translate-x: -0.875rem
    }

    .\32xl\:focus\:translate-x-1\/2:focus {
        --tw-translate-x: 50%
    }

    .\32xl\:focus\:translate-x-1\/3:focus {
        --tw-translate-x: 33.333333%
    }

    .\32xl\:focus\:translate-x-2\/3:focus {
        --tw-translate-x: 66.666667%
    }

    .\32xl\:focus\:translate-x-1\/4:focus {
        --tw-translate-x: 25%
    }

    .\32xl\:focus\:translate-x-2\/4:focus {
        --tw-translate-x: 50%
    }

    .\32xl\:focus\:translate-x-3\/4:focus {
        --tw-translate-x: 75%
    }

    .\32xl\:focus\:translate-x-full:focus {
        --tw-translate-x: 100%
    }

    .\32xl\:focus\:-translate-x-1\/2:focus {
        --tw-translate-x: -50%
    }

    .\32xl\:focus\:-translate-x-1\/3:focus {
        --tw-translate-x: -33.333333%
    }

    .\32xl\:focus\:-translate-x-2\/3:focus {
        --tw-translate-x: -66.666667%
    }

    .\32xl\:focus\:-translate-x-1\/4:focus {
        --tw-translate-x: -25%
    }

    .\32xl\:focus\:-translate-x-2\/4:focus {
        --tw-translate-x: -50%
    }

    .\32xl\:focus\:-translate-x-3\/4:focus {
        --tw-translate-x: -75%
    }

    .\32xl\:focus\:-translate-x-full:focus {
        --tw-translate-x: -100%
    }

    .\32xl\:focus\:translate-y-0:focus {
        --tw-translate-y: 0px
    }

    .\32xl\:focus\:translate-y-1:focus {
        --tw-translate-y: 0.25rem
    }

    .\32xl\:focus\:translate-y-2:focus {
        --tw-translate-y: 0.5rem
    }

    .\32xl\:focus\:translate-y-3:focus {
        --tw-translate-y: 0.75rem
    }

    .\32xl\:focus\:translate-y-4:focus {
        --tw-translate-y: 1rem
    }

    .\32xl\:focus\:translate-y-5:focus {
        --tw-translate-y: 1.25rem
    }

    .\32xl\:focus\:translate-y-6:focus {
        --tw-translate-y: 1.5rem
    }

    .\32xl\:focus\:translate-y-7:focus {
        --tw-translate-y: 1.75rem
    }

    .\32xl\:focus\:translate-y-8:focus {
        --tw-translate-y: 2rem
    }

    .\32xl\:focus\:translate-y-9:focus {
        --tw-translate-y: 2.25rem
    }

    .\32xl\:focus\:translate-y-10:focus {
        --tw-translate-y: 2.5rem
    }

    .\32xl\:focus\:translate-y-11:focus {
        --tw-translate-y: 2.75rem
    }

    .\32xl\:focus\:translate-y-12:focus {
        --tw-translate-y: 3rem
    }

    .\32xl\:focus\:translate-y-14:focus {
        --tw-translate-y: 3.5rem
    }

    .\32xl\:focus\:translate-y-16:focus {
        --tw-translate-y: 4rem
    }

    .\32xl\:focus\:translate-y-20:focus {
        --tw-translate-y: 5rem
    }

    .\32xl\:focus\:translate-y-24:focus {
        --tw-translate-y: 6rem
    }

    .\32xl\:focus\:translate-y-28:focus {
        --tw-translate-y: 7rem
    }

    .\32xl\:focus\:translate-y-32:focus {
        --tw-translate-y: 8rem
    }

    .\32xl\:focus\:translate-y-36:focus {
        --tw-translate-y: 9rem
    }

    .\32xl\:focus\:translate-y-40:focus {
        --tw-translate-y: 10rem
    }

    .\32xl\:focus\:translate-y-44:focus {
        --tw-translate-y: 11rem
    }

    .\32xl\:focus\:translate-y-48:focus {
        --tw-translate-y: 12rem
    }

    .\32xl\:focus\:translate-y-52:focus {
        --tw-translate-y: 13rem
    }

    .\32xl\:focus\:translate-y-56:focus {
        --tw-translate-y: 14rem
    }

    .\32xl\:focus\:translate-y-60:focus {
        --tw-translate-y: 15rem
    }

    .\32xl\:focus\:translate-y-64:focus {
        --tw-translate-y: 16rem
    }

    .\32xl\:focus\:translate-y-72:focus {
        --tw-translate-y: 18rem
    }

    .\32xl\:focus\:translate-y-80:focus {
        --tw-translate-y: 20rem
    }

    .\32xl\:focus\:translate-y-96:focus {
        --tw-translate-y: 24rem
    }

    .\32xl\:focus\:translate-y-px:focus {
        --tw-translate-y: 1px
    }

    .\32xl\:focus\:translate-y-0\.5:focus {
        --tw-translate-y: 0.125rem
    }

    .\32xl\:focus\:translate-y-1\.5:focus {
        --tw-translate-y: 0.375rem
    }

    .\32xl\:focus\:translate-y-2\.5:focus {
        --tw-translate-y: 0.625rem
    }

    .\32xl\:focus\:translate-y-3\.5:focus {
        --tw-translate-y: 0.875rem
    }

    .\32xl\:focus\:-translate-y-0:focus {
        --tw-translate-y: 0px
    }

    .\32xl\:focus\:-translate-y-1:focus {
        --tw-translate-y: -0.25rem
    }

    .\32xl\:focus\:-translate-y-2:focus {
        --tw-translate-y: -0.5rem
    }

    .\32xl\:focus\:-translate-y-3:focus {
        --tw-translate-y: -0.75rem
    }

    .\32xl\:focus\:-translate-y-4:focus {
        --tw-translate-y: -1rem
    }

    .\32xl\:focus\:-translate-y-5:focus {
        --tw-translate-y: -1.25rem
    }

    .\32xl\:focus\:-translate-y-6:focus {
        --tw-translate-y: -1.5rem
    }

    .\32xl\:focus\:-translate-y-7:focus {
        --tw-translate-y: -1.75rem
    }

    .\32xl\:focus\:-translate-y-8:focus {
        --tw-translate-y: -2rem
    }

    .\32xl\:focus\:-translate-y-9:focus {
        --tw-translate-y: -2.25rem
    }

    .\32xl\:focus\:-translate-y-10:focus {
        --tw-translate-y: -2.5rem
    }

    .\32xl\:focus\:-translate-y-11:focus {
        --tw-translate-y: -2.75rem
    }

    .\32xl\:focus\:-translate-y-12:focus {
        --tw-translate-y: -3rem
    }

    .\32xl\:focus\:-translate-y-14:focus {
        --tw-translate-y: -3.5rem
    }

    .\32xl\:focus\:-translate-y-16:focus {
        --tw-translate-y: -4rem
    }

    .\32xl\:focus\:-translate-y-20:focus {
        --tw-translate-y: -5rem
    }

    .\32xl\:focus\:-translate-y-24:focus {
        --tw-translate-y: -6rem
    }

    .\32xl\:focus\:-translate-y-28:focus {
        --tw-translate-y: -7rem
    }

    .\32xl\:focus\:-translate-y-32:focus {
        --tw-translate-y: -8rem
    }

    .\32xl\:focus\:-translate-y-36:focus {
        --tw-translate-y: -9rem
    }

    .\32xl\:focus\:-translate-y-40:focus {
        --tw-translate-y: -10rem
    }

    .\32xl\:focus\:-translate-y-44:focus {
        --tw-translate-y: -11rem
    }

    .\32xl\:focus\:-translate-y-48:focus {
        --tw-translate-y: -12rem
    }

    .\32xl\:focus\:-translate-y-52:focus {
        --tw-translate-y: -13rem
    }

    .\32xl\:focus\:-translate-y-56:focus {
        --tw-translate-y: -14rem
    }

    .\32xl\:focus\:-translate-y-60:focus {
        --tw-translate-y: -15rem
    }

    .\32xl\:focus\:-translate-y-64:focus {
        --tw-translate-y: -16rem
    }

    .\32xl\:focus\:-translate-y-72:focus {
        --tw-translate-y: -18rem
    }

    .\32xl\:focus\:-translate-y-80:focus {
        --tw-translate-y: -20rem
    }

    .\32xl\:focus\:-translate-y-96:focus {
        --tw-translate-y: -24rem
    }

    .\32xl\:focus\:-translate-y-px:focus {
        --tw-translate-y: -1px
    }

    .\32xl\:focus\:-translate-y-0\.5:focus {
        --tw-translate-y: -0.125rem
    }

    .\32xl\:focus\:-translate-y-1\.5:focus {
        --tw-translate-y: -0.375rem
    }

    .\32xl\:focus\:-translate-y-2\.5:focus {
        --tw-translate-y: -0.625rem
    }

    .\32xl\:focus\:-translate-y-3\.5:focus {
        --tw-translate-y: -0.875rem
    }

    .\32xl\:focus\:translate-y-1\/2:focus {
        --tw-translate-y: 50%
    }

    .\32xl\:focus\:translate-y-1\/3:focus {
        --tw-translate-y: 33.333333%
    }

    .\32xl\:focus\:translate-y-2\/3:focus {
        --tw-translate-y: 66.666667%
    }

    .\32xl\:focus\:translate-y-1\/4:focus {
        --tw-translate-y: 25%
    }

    .\32xl\:focus\:translate-y-2\/4:focus {
        --tw-translate-y: 50%
    }

    .\32xl\:focus\:translate-y-3\/4:focus {
        --tw-translate-y: 75%
    }

    .\32xl\:focus\:translate-y-full:focus {
        --tw-translate-y: 100%
    }

    .\32xl\:focus\:-translate-y-1\/2:focus {
        --tw-translate-y: -50%
    }

    .\32xl\:focus\:-translate-y-1\/3:focus {
        --tw-translate-y: -33.333333%
    }

    .\32xl\:focus\:-translate-y-2\/3:focus {
        --tw-translate-y: -66.666667%
    }

    .\32xl\:focus\:-translate-y-1\/4:focus {
        --tw-translate-y: -25%
    }

    .\32xl\:focus\:-translate-y-2\/4:focus {
        --tw-translate-y: -50%
    }

    .\32xl\:focus\:-translate-y-3\/4:focus {
        --tw-translate-y: -75%
    }

    .\32xl\:focus\:-translate-y-full:focus {
        --tw-translate-y: -100%
    }

    .\32xl\:hover\:rotate-0:hover {
        --tw-rotate: 0deg
    }

    .\32xl\:hover\:rotate-1:hover {
        --tw-rotate: 1deg
    }

    .\32xl\:hover\:rotate-2:hover {
        --tw-rotate: 2deg
    }

    .\32xl\:hover\:rotate-3:hover {
        --tw-rotate: 3deg
    }

    .\32xl\:hover\:rotate-6:hover {
        --tw-rotate: 6deg
    }

    .\32xl\:hover\:rotate-12:hover {
        --tw-rotate: 12deg
    }

    .\32xl\:hover\:rotate-45:hover {
        --tw-rotate: 45deg
    }

    .\32xl\:hover\:rotate-90:hover {
        --tw-rotate: 90deg
    }

    .\32xl\:hover\:rotate-180:hover {
        --tw-rotate: 180deg
    }

    .\32xl\:hover\:-rotate-180:hover {
        --tw-rotate: -180deg
    }

    .\32xl\:hover\:-rotate-90:hover {
        --tw-rotate: -90deg
    }

    .\32xl\:hover\:-rotate-45:hover {
        --tw-rotate: -45deg
    }

    .\32xl\:hover\:-rotate-12:hover {
        --tw-rotate: -12deg
    }

    .\32xl\:hover\:-rotate-6:hover {
        --tw-rotate: -6deg
    }

    .\32xl\:hover\:-rotate-3:hover {
        --tw-rotate: -3deg
    }

    .\32xl\:hover\:-rotate-2:hover {
        --tw-rotate: -2deg
    }

    .\32xl\:hover\:-rotate-1:hover {
        --tw-rotate: -1deg
    }

    .\32xl\:focus\:rotate-0:focus {
        --tw-rotate: 0deg
    }

    .\32xl\:focus\:rotate-1:focus {
        --tw-rotate: 1deg
    }

    .\32xl\:focus\:rotate-2:focus {
        --tw-rotate: 2deg
    }

    .\32xl\:focus\:rotate-3:focus {
        --tw-rotate: 3deg
    }

    .\32xl\:focus\:rotate-6:focus {
        --tw-rotate: 6deg
    }

    .\32xl\:focus\:rotate-12:focus {
        --tw-rotate: 12deg
    }

    .\32xl\:focus\:rotate-45:focus {
        --tw-rotate: 45deg
    }

    .\32xl\:focus\:rotate-90:focus {
        --tw-rotate: 90deg
    }

    .\32xl\:focus\:rotate-180:focus {
        --tw-rotate: 180deg
    }

    .\32xl\:focus\:-rotate-180:focus {
        --tw-rotate: -180deg
    }

    .\32xl\:focus\:-rotate-90:focus {
        --tw-rotate: -90deg
    }

    .\32xl\:focus\:-rotate-45:focus {
        --tw-rotate: -45deg
    }

    .\32xl\:focus\:-rotate-12:focus {
        --tw-rotate: -12deg
    }

    .\32xl\:focus\:-rotate-6:focus {
        --tw-rotate: -6deg
    }

    .\32xl\:focus\:-rotate-3:focus {
        --tw-rotate: -3deg
    }

    .\32xl\:focus\:-rotate-2:focus {
        --tw-rotate: -2deg
    }

    .\32xl\:focus\:-rotate-1:focus {
        --tw-rotate: -1deg
    }

    .\32xl\:hover\:skew-x-0:hover {
        --tw-skew-x: 0deg
    }

    .\32xl\:hover\:skew-x-1:hover {
        --tw-skew-x: 1deg
    }

    .\32xl\:hover\:skew-x-2:hover {
        --tw-skew-x: 2deg
    }

    .\32xl\:hover\:skew-x-3:hover {
        --tw-skew-x: 3deg
    }

    .\32xl\:hover\:skew-x-6:hover {
        --tw-skew-x: 6deg
    }

    .\32xl\:hover\:skew-x-12:hover {
        --tw-skew-x: 12deg
    }

    .\32xl\:hover\:-skew-x-12:hover {
        --tw-skew-x: -12deg
    }

    .\32xl\:hover\:-skew-x-6:hover {
        --tw-skew-x: -6deg
    }

    .\32xl\:hover\:-skew-x-3:hover {
        --tw-skew-x: -3deg
    }

    .\32xl\:hover\:-skew-x-2:hover {
        --tw-skew-x: -2deg
    }

    .\32xl\:hover\:-skew-x-1:hover {
        --tw-skew-x: -1deg
    }

    .\32xl\:hover\:skew-y-0:hover {
        --tw-skew-y: 0deg
    }

    .\32xl\:hover\:skew-y-1:hover {
        --tw-skew-y: 1deg
    }

    .\32xl\:hover\:skew-y-2:hover {
        --tw-skew-y: 2deg
    }

    .\32xl\:hover\:skew-y-3:hover {
        --tw-skew-y: 3deg
    }

    .\32xl\:hover\:skew-y-6:hover {
        --tw-skew-y: 6deg
    }

    .\32xl\:hover\:skew-y-12:hover {
        --tw-skew-y: 12deg
    }

    .\32xl\:hover\:-skew-y-12:hover {
        --tw-skew-y: -12deg
    }

    .\32xl\:hover\:-skew-y-6:hover {
        --tw-skew-y: -6deg
    }

    .\32xl\:hover\:-skew-y-3:hover {
        --tw-skew-y: -3deg
    }

    .\32xl\:hover\:-skew-y-2:hover {
        --tw-skew-y: -2deg
    }

    .\32xl\:hover\:-skew-y-1:hover {
        --tw-skew-y: -1deg
    }

    .\32xl\:focus\:skew-x-0:focus {
        --tw-skew-x: 0deg
    }

    .\32xl\:focus\:skew-x-1:focus {
        --tw-skew-x: 1deg
    }

    .\32xl\:focus\:skew-x-2:focus {
        --tw-skew-x: 2deg
    }

    .\32xl\:focus\:skew-x-3:focus {
        --tw-skew-x: 3deg
    }

    .\32xl\:focus\:skew-x-6:focus {
        --tw-skew-x: 6deg
    }

    .\32xl\:focus\:skew-x-12:focus {
        --tw-skew-x: 12deg
    }

    .\32xl\:focus\:-skew-x-12:focus {
        --tw-skew-x: -12deg
    }

    .\32xl\:focus\:-skew-x-6:focus {
        --tw-skew-x: -6deg
    }

    .\32xl\:focus\:-skew-x-3:focus {
        --tw-skew-x: -3deg
    }

    .\32xl\:focus\:-skew-x-2:focus {
        --tw-skew-x: -2deg
    }

    .\32xl\:focus\:-skew-x-1:focus {
        --tw-skew-x: -1deg
    }

    .\32xl\:focus\:skew-y-0:focus {
        --tw-skew-y: 0deg
    }

    .\32xl\:focus\:skew-y-1:focus {
        --tw-skew-y: 1deg
    }

    .\32xl\:focus\:skew-y-2:focus {
        --tw-skew-y: 2deg
    }

    .\32xl\:focus\:skew-y-3:focus {
        --tw-skew-y: 3deg
    }

    .\32xl\:focus\:skew-y-6:focus {
        --tw-skew-y: 6deg
    }

    .\32xl\:focus\:skew-y-12:focus {
        --tw-skew-y: 12deg
    }

    .\32xl\:focus\:-skew-y-12:focus {
        --tw-skew-y: -12deg
    }

    .\32xl\:focus\:-skew-y-6:focus {
        --tw-skew-y: -6deg
    }

    .\32xl\:focus\:-skew-y-3:focus {
        --tw-skew-y: -3deg
    }

    .\32xl\:focus\:-skew-y-2:focus {
        --tw-skew-y: -2deg
    }

    .\32xl\:focus\:-skew-y-1:focus {
        --tw-skew-y: -1deg
    }

    .\32xl\:hover\:scale-0:hover {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }

    .\32xl\:hover\:scale-50:hover {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }

    .\32xl\:hover\:scale-75:hover {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }

    .\32xl\:hover\:scale-90:hover {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }

    .\32xl\:hover\:scale-95:hover {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }

    .\32xl\:hover\:scale-100:hover {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .\32xl\:hover\:scale-105:hover {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }

    .\32xl\:hover\:scale-110:hover {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }

    .\32xl\:hover\:scale-125:hover {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }

    .\32xl\:hover\:scale-150:hover {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }

    .\32xl\:focus\:scale-0:focus {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }

    .\32xl\:focus\:scale-50:focus {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }

    .\32xl\:focus\:scale-75:focus {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }

    .\32xl\:focus\:scale-90:focus {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }

    .\32xl\:focus\:scale-95:focus {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }

    .\32xl\:focus\:scale-100:focus {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .\32xl\:focus\:scale-105:focus {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }

    .\32xl\:focus\:scale-110:focus {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }

    .\32xl\:focus\:scale-125:focus {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }

    .\32xl\:focus\:scale-150:focus {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }

    .\32xl\:hover\:scale-x-0:hover {
        --tw-scale-x: 0
    }

    .\32xl\:hover\:scale-x-50:hover {
        --tw-scale-x: .5
    }

    .\32xl\:hover\:scale-x-75:hover {
        --tw-scale-x: .75
    }

    .\32xl\:hover\:scale-x-90:hover {
        --tw-scale-x: .9
    }

    .\32xl\:hover\:scale-x-95:hover {
        --tw-scale-x: .95
    }

    .\32xl\:hover\:scale-x-100:hover {
        --tw-scale-x: 1
    }

    .\32xl\:hover\:scale-x-105:hover {
        --tw-scale-x: 1.05
    }

    .\32xl\:hover\:scale-x-110:hover {
        --tw-scale-x: 1.1
    }

    .\32xl\:hover\:scale-x-125:hover {
        --tw-scale-x: 1.25
    }

    .\32xl\:hover\:scale-x-150:hover {
        --tw-scale-x: 1.5
    }

    .\32xl\:hover\:scale-y-0:hover {
        --tw-scale-y: 0
    }

    .\32xl\:hover\:scale-y-50:hover {
        --tw-scale-y: .5
    }

    .\32xl\:hover\:scale-y-75:hover {
        --tw-scale-y: .75
    }

    .\32xl\:hover\:scale-y-90:hover {
        --tw-scale-y: .9
    }

    .\32xl\:hover\:scale-y-95:hover {
        --tw-scale-y: .95
    }

    .\32xl\:hover\:scale-y-100:hover {
        --tw-scale-y: 1
    }

    .\32xl\:hover\:scale-y-105:hover {
        --tw-scale-y: 1.05
    }

    .\32xl\:hover\:scale-y-110:hover {
        --tw-scale-y: 1.1
    }

    .\32xl\:hover\:scale-y-125:hover {
        --tw-scale-y: 1.25
    }

    .\32xl\:hover\:scale-y-150:hover {
        --tw-scale-y: 1.5
    }

    .\32xl\:focus\:scale-x-0:focus {
        --tw-scale-x: 0
    }

    .\32xl\:focus\:scale-x-50:focus {
        --tw-scale-x: .5
    }

    .\32xl\:focus\:scale-x-75:focus {
        --tw-scale-x: .75
    }

    .\32xl\:focus\:scale-x-90:focus {
        --tw-scale-x: .9
    }

    .\32xl\:focus\:scale-x-95:focus {
        --tw-scale-x: .95
    }

    .\32xl\:focus\:scale-x-100:focus {
        --tw-scale-x: 1
    }

    .\32xl\:focus\:scale-x-105:focus {
        --tw-scale-x: 1.05
    }

    .\32xl\:focus\:scale-x-110:focus {
        --tw-scale-x: 1.1
    }

    .\32xl\:focus\:scale-x-125:focus {
        --tw-scale-x: 1.25
    }

    .\32xl\:focus\:scale-x-150:focus {
        --tw-scale-x: 1.5
    }

    .\32xl\:focus\:scale-y-0:focus {
        --tw-scale-y: 0
    }

    .\32xl\:focus\:scale-y-50:focus {
        --tw-scale-y: .5
    }

    .\32xl\:focus\:scale-y-75:focus {
        --tw-scale-y: .75
    }

    .\32xl\:focus\:scale-y-90:focus {
        --tw-scale-y: .9
    }

    .\32xl\:focus\:scale-y-95:focus {
        --tw-scale-y: .95
    }

    .\32xl\:focus\:scale-y-100:focus {
        --tw-scale-y: 1
    }

    .\32xl\:focus\:scale-y-105:focus {
        --tw-scale-y: 1.05
    }

    .\32xl\:focus\:scale-y-110:focus {
        --tw-scale-y: 1.1
    }

    .\32xl\:focus\:scale-y-125:focus {
        --tw-scale-y: 1.25
    }

    .\32xl\:focus\:scale-y-150:focus {
        --tw-scale-y: 1.5
    }

    .group:hover .\32xl\:group-hover\:border-transparent {
        border-color: transparent
    }

    .group:hover .\32xl\:group-hover\:border-current {
        border-color: currentColor
    }

    .group:hover .\32xl\:group-hover\:border-black {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-white {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-gray-50 {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-gray-100 {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-gray-300 {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-gray-400 {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-gray-500 {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-gray-600 {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-gray-700 {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-gray-800 {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-gray-900 {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-red-50 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-red-100 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-red-200 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-red-300 {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-red-400 {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-red-500 {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-red-600 {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-red-700 {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-red-800 {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-red-900 {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-yellow-50 {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-yellow-100 {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-yellow-200 {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-yellow-300 {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-yellow-400 {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-yellow-500 {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-yellow-600 {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-yellow-700 {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-yellow-800 {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-yellow-900 {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-green-50 {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-green-100 {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-green-200 {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-green-300 {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-green-400 {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-green-500 {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-green-600 {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-green-700 {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-green-800 {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-green-900 {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-blue-50 {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-blue-100 {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-blue-200 {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-blue-300 {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-blue-400 {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-blue-500 {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-blue-600 {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-blue-700 {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-blue-800 {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-blue-900 {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-indigo-50 {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-indigo-100 {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-indigo-200 {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-indigo-300 {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-indigo-400 {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-indigo-500 {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-indigo-600 {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-indigo-700 {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-indigo-800 {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-indigo-900 {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-purple-50 {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-purple-100 {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-purple-200 {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-purple-300 {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-purple-400 {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-purple-500 {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-purple-600 {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-purple-700 {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-purple-800 {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-purple-900 {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-pink-50 {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-pink-100 {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-pink-200 {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-pink-300 {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-pink-400 {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-pink-500 {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-pink-600 {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-pink-700 {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-pink-800 {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-pink-900 {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-primary {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-orange {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .group:hover .\32xl\:group-hover\:border-danger {
        border-color: #c75d5d
    }

    .\32xl\:focus-within\:border-transparent:focus-within {
        border-color: transparent
    }

    .\32xl\:focus-within\:border-current:focus-within {
        border-color: currentColor
    }

    .\32xl\:focus-within\:border-black:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-white:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-gray-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-gray-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-gray-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-gray-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-gray-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-gray-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-gray-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-gray-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-gray-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-gray-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-red-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-red-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-red-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-red-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-red-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-red-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-red-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-red-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-red-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-red-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-yellow-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-yellow-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-yellow-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-yellow-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-yellow-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-yellow-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-yellow-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-yellow-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-yellow-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-yellow-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-green-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-green-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-green-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-green-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-green-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-green-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-green-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-green-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-green-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-green-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-blue-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-blue-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-blue-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-blue-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-blue-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-blue-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-blue-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-blue-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-blue-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-blue-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-indigo-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-indigo-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-indigo-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-indigo-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-indigo-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-indigo-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-indigo-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-indigo-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-indigo-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-indigo-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-purple-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-purple-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-purple-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-purple-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-purple-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-purple-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-purple-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-purple-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-purple-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-purple-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-pink-50:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-pink-100:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-pink-200:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-pink-300:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-pink-400:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-pink-500:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-pink-600:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-pink-700:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-pink-800:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-pink-900:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-primary:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-orange:focus-within {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .\32xl\:focus-within\:border-danger:focus-within {
        border-color: #c75d5d
    }

    .\32xl\:hover\:border-transparent:hover {
        border-color: transparent
    }

    .\32xl\:hover\:border-current:hover {
        border-color: currentColor
    }

    .\32xl\:hover\:border-black:hover {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-white:hover {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-gray-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-gray-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-gray-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-gray-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-gray-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-gray-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-gray-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-gray-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-gray-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-gray-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-red-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-red-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-red-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-red-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-red-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-red-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-red-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-red-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-red-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-red-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-yellow-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-yellow-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-yellow-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-yellow-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-yellow-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-yellow-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-yellow-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-yellow-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-yellow-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-yellow-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-green-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-green-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-green-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-green-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-green-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-green-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-green-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-green-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-green-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-green-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-blue-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-blue-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-blue-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-blue-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-blue-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-blue-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-blue-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-blue-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-blue-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-blue-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-indigo-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-indigo-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-indigo-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-indigo-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-indigo-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-indigo-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-indigo-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-indigo-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-indigo-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-indigo-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-purple-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-purple-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-purple-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-purple-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-purple-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-purple-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-purple-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-purple-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-purple-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-purple-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-pink-50:hover {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-pink-100:hover {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-pink-200:hover {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-pink-300:hover {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-pink-400:hover {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-pink-500:hover {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-pink-600:hover {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-pink-700:hover {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-pink-800:hover {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-pink-900:hover {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-primary:hover {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-orange:hover {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .\32xl\:hover\:border-danger:hover {
        border-color: #c75d5d
    }

    .\32xl\:focus\:border-transparent:focus {
        border-color: transparent
    }

    .\32xl\:focus\:border-current:focus {
        border-color: currentColor
    }

    .\32xl\:focus\:border-black:focus {
        --tw-border-opacity: 1;
        border-color: rgba(0, 0, 0, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-white:focus {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-gray-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-gray-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-gray-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-gray-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-gray-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(156, 163, 175, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-gray-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(107, 114, 128, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-gray-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-gray-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(55, 65, 81, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-gray-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(31, 41, 55, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-gray-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-red-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 242, 242, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-red-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 226, 226, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-red-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 202, 202, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-red-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(252, 165, 165, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-red-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(248, 113, 113, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-red-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-red-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(220, 38, 38, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-red-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(185, 28, 28, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-red-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(153, 27, 27, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-red-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(127, 29, 29, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-yellow-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(255, 251, 235, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-yellow-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(254, 243, 199, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-yellow-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(253, 230, 138, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-yellow-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(252, 211, 77, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-yellow-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(251, 191, 36, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-yellow-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(245, 158, 11, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-yellow-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(217, 119, 6, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-yellow-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(180, 83, 9, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-yellow-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(146, 64, 14, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-yellow-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(120, 53, 15, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-green-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(236, 253, 245, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-green-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(209, 250, 229, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-green-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(167, 243, 208, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-green-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(110, 231, 183, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-green-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(52, 211, 153, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-green-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(16, 185, 129, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-green-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(5, 150, 105, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-green-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(4, 120, 87, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-green-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(6, 95, 70, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-green-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(6, 78, 59, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-blue-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(239, 246, 255, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-blue-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(219, 234, 254, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-blue-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(191, 219, 254, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-blue-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(147, 197, 253, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-blue-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(96, 165, 250, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-blue-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-blue-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(37, 99, 235, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-blue-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(29, 78, 216, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-blue-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(30, 64, 175, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-blue-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(30, 58, 138, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-indigo-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(238, 242, 255, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-indigo-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(224, 231, 255, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-indigo-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(199, 210, 254, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-indigo-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(165, 180, 252, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-indigo-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(129, 140, 248, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-indigo-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(99, 102, 241, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-indigo-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(79, 70, 229, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-indigo-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(67, 56, 202, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-indigo-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(55, 48, 163, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-indigo-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(49, 46, 129, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-purple-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(245, 243, 255, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-purple-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-purple-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(221, 214, 254, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-purple-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(196, 181, 253, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-purple-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(167, 139, 250, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-purple-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(139, 92, 246, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-purple-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(124, 58, 237, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-purple-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(109, 40, 217, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-purple-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(91, 33, 182, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-purple-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(76, 29, 149, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-pink-50:focus {
        --tw-border-opacity: 1;
        border-color: rgba(253, 242, 248, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-pink-100:focus {
        --tw-border-opacity: 1;
        border-color: rgba(252, 231, 243, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-pink-200:focus {
        --tw-border-opacity: 1;
        border-color: rgba(251, 207, 232, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-pink-300:focus {
        --tw-border-opacity: 1;
        border-color: rgba(249, 168, 212, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-pink-400:focus {
        --tw-border-opacity: 1;
        border-color: rgba(244, 114, 182, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-pink-500:focus {
        --tw-border-opacity: 1;
        border-color: rgba(236, 72, 153, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-pink-600:focus {
        --tw-border-opacity: 1;
        border-color: rgba(219, 39, 119, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-pink-700:focus {
        --tw-border-opacity: 1;
        border-color: rgba(190, 24, 93, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-pink-800:focus {
        --tw-border-opacity: 1;
        border-color: rgba(157, 23, 77, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-pink-900:focus {
        --tw-border-opacity: 1;
        border-color: rgba(131, 24, 67, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-primary:focus {
        --tw-border-opacity: 1;
        border-color: rgba(26, 185, 56, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-orange:focus {
        --tw-border-opacity: 1;
        border-color: rgba(253, 171, 90, var(--tw-border-opacity))
    }

    .\32xl\:focus\:border-danger:focus {
        border-color: #c75d5d
    }

    .group:hover .\32xl\:group-hover\:border-opacity-0 {
        --tw-border-opacity: 0
    }

    .group:hover .\32xl\:group-hover\:border-opacity-5 {
        --tw-border-opacity: 0.05
    }

    .group:hover .\32xl\:group-hover\:border-opacity-10 {
        --tw-border-opacity: 0.1
    }

    .group:hover .\32xl\:group-hover\:border-opacity-20 {
        --tw-border-opacity: 0.2
    }

    .group:hover .\32xl\:group-hover\:border-opacity-25 {
        --tw-border-opacity: 0.25
    }

    .group:hover .\32xl\:group-hover\:border-opacity-30 {
        --tw-border-opacity: 0.3
    }

    .group:hover .\32xl\:group-hover\:border-opacity-40 {
        --tw-border-opacity: 0.4
    }

    .group:hover .\32xl\:group-hover\:border-opacity-50 {
        --tw-border-opacity: 0.5
    }

    .group:hover .\32xl\:group-hover\:border-opacity-60 {
        --tw-border-opacity: 0.6
    }

    .group:hover .\32xl\:group-hover\:border-opacity-70 {
        --tw-border-opacity: 0.7
    }

    .group:hover .\32xl\:group-hover\:border-opacity-75 {
        --tw-border-opacity: 0.75
    }

    .group:hover .\32xl\:group-hover\:border-opacity-80 {
        --tw-border-opacity: 0.8
    }

    .group:hover .\32xl\:group-hover\:border-opacity-90 {
        --tw-border-opacity: 0.9
    }

    .group:hover .\32xl\:group-hover\:border-opacity-95 {
        --tw-border-opacity: 0.95
    }

    .group:hover .\32xl\:group-hover\:border-opacity-100 {
        --tw-border-opacity: 1
    }

    .\32xl\:focus-within\:border-opacity-0:focus-within {
        --tw-border-opacity: 0
    }

    .\32xl\:focus-within\:border-opacity-5:focus-within {
        --tw-border-opacity: 0.05
    }

    .\32xl\:focus-within\:border-opacity-10:focus-within {
        --tw-border-opacity: 0.1
    }

    .\32xl\:focus-within\:border-opacity-20:focus-within {
        --tw-border-opacity: 0.2
    }

    .\32xl\:focus-within\:border-opacity-25:focus-within {
        --tw-border-opacity: 0.25
    }

    .\32xl\:focus-within\:border-opacity-30:focus-within {
        --tw-border-opacity: 0.3
    }

    .\32xl\:focus-within\:border-opacity-40:focus-within {
        --tw-border-opacity: 0.4
    }

    .\32xl\:focus-within\:border-opacity-50:focus-within {
        --tw-border-opacity: 0.5
    }

    .\32xl\:focus-within\:border-opacity-60:focus-within {
        --tw-border-opacity: 0.6
    }

    .\32xl\:focus-within\:border-opacity-70:focus-within {
        --tw-border-opacity: 0.7
    }

    .\32xl\:focus-within\:border-opacity-75:focus-within {
        --tw-border-opacity: 0.75
    }

    .\32xl\:focus-within\:border-opacity-80:focus-within {
        --tw-border-opacity: 0.8
    }

    .\32xl\:focus-within\:border-opacity-90:focus-within {
        --tw-border-opacity: 0.9
    }

    .\32xl\:focus-within\:border-opacity-95:focus-within {
        --tw-border-opacity: 0.95
    }

    .\32xl\:focus-within\:border-opacity-100:focus-within {
        --tw-border-opacity: 1
    }

    .\32xl\:hover\:border-opacity-0:hover {
        --tw-border-opacity: 0
    }

    .\32xl\:hover\:border-opacity-5:hover {
        --tw-border-opacity: 0.05
    }

    .\32xl\:hover\:border-opacity-10:hover {
        --tw-border-opacity: 0.1
    }

    .\32xl\:hover\:border-opacity-20:hover {
        --tw-border-opacity: 0.2
    }

    .\32xl\:hover\:border-opacity-25:hover {
        --tw-border-opacity: 0.25
    }

    .\32xl\:hover\:border-opacity-30:hover {
        --tw-border-opacity: 0.3
    }

    .\32xl\:hover\:border-opacity-40:hover {
        --tw-border-opacity: 0.4
    }

    .\32xl\:hover\:border-opacity-50:hover {
        --tw-border-opacity: 0.5
    }

    .\32xl\:hover\:border-opacity-60:hover {
        --tw-border-opacity: 0.6
    }

    .\32xl\:hover\:border-opacity-70:hover {
        --tw-border-opacity: 0.7
    }

    .\32xl\:hover\:border-opacity-75:hover {
        --tw-border-opacity: 0.75
    }

    .\32xl\:hover\:border-opacity-80:hover {
        --tw-border-opacity: 0.8
    }

    .\32xl\:hover\:border-opacity-90:hover {
        --tw-border-opacity: 0.9
    }

    .\32xl\:hover\:border-opacity-95:hover {
        --tw-border-opacity: 0.95
    }

    .\32xl\:hover\:border-opacity-100:hover {
        --tw-border-opacity: 1
    }

    .\32xl\:focus\:border-opacity-0:focus {
        --tw-border-opacity: 0
    }

    .\32xl\:focus\:border-opacity-5:focus {
        --tw-border-opacity: 0.05
    }

    .\32xl\:focus\:border-opacity-10:focus {
        --tw-border-opacity: 0.1
    }

    .\32xl\:focus\:border-opacity-20:focus {
        --tw-border-opacity: 0.2
    }

    .\32xl\:focus\:border-opacity-25:focus {
        --tw-border-opacity: 0.25
    }

    .\32xl\:focus\:border-opacity-30:focus {
        --tw-border-opacity: 0.3
    }

    .\32xl\:focus\:border-opacity-40:focus {
        --tw-border-opacity: 0.4
    }

    .\32xl\:focus\:border-opacity-50:focus {
        --tw-border-opacity: 0.5
    }

    .\32xl\:focus\:border-opacity-60:focus {
        --tw-border-opacity: 0.6
    }

    .\32xl\:focus\:border-opacity-70:focus {
        --tw-border-opacity: 0.7
    }

    .\32xl\:focus\:border-opacity-75:focus {
        --tw-border-opacity: 0.75
    }

    .\32xl\:focus\:border-opacity-80:focus {
        --tw-border-opacity: 0.8
    }

    .\32xl\:focus\:border-opacity-90:focus {
        --tw-border-opacity: 0.9
    }

    .\32xl\:focus\:border-opacity-95:focus {
        --tw-border-opacity: 0.95
    }

    .\32xl\:focus\:border-opacity-100:focus {
        --tw-border-opacity: 1
    }

    .group:hover .\32xl\:group-hover\:bg-transparent {
        background-color: transparent
    }

    .group:hover .\32xl\:group-hover\:bg-current {
        background-color: currentColor
    }

    .group:hover .\32xl\:group-hover\:bg-black {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-gray-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-gray-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-gray-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-gray-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-gray-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-gray-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-gray-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-gray-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-gray-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-gray-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-red-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-red-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-red-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-red-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-red-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-red-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-red-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-red-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-red-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-red-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-green-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-green-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-green-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-green-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-green-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-green-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-green-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-green-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-green-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-green-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-blue-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-blue-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-blue-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-blue-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-blue-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-blue-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-blue-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-blue-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-blue-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-blue-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-purple-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-purple-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-purple-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-purple-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-purple-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-purple-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-purple-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-purple-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-purple-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-purple-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-pink-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-pink-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-pink-200 {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-pink-300 {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-pink-400 {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-pink-500 {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-pink-600 {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-pink-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-pink-800 {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-pink-900 {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-primary {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-orange {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .group:hover .\32xl\:group-hover\:bg-danger {
        background-color: #c75d5d
    }

    .\32xl\:focus-within\:bg-transparent:focus-within {
        background-color: transparent
    }

    .\32xl\:focus-within\:bg-current:focus-within {
        background-color: currentColor
    }

    .\32xl\:focus-within\:bg-black:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-white:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-gray-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-gray-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-gray-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-gray-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-gray-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-gray-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-gray-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-gray-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-gray-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-gray-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-red-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-red-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-red-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-red-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-red-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-red-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-red-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-red-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-red-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-red-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-yellow-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-yellow-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-yellow-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-yellow-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-yellow-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-yellow-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-yellow-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-yellow-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-yellow-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-yellow-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-green-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-green-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-green-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-green-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-green-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-green-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-green-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-green-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-green-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-green-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-blue-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-blue-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-blue-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-blue-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-blue-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-blue-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-blue-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-blue-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-blue-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-blue-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-indigo-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-indigo-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-indigo-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-indigo-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-indigo-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-indigo-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-indigo-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-indigo-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-indigo-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-indigo-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-purple-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-purple-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-purple-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-purple-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-purple-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-purple-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-purple-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-purple-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-purple-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-purple-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-pink-50:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-pink-100:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-pink-200:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-pink-300:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-pink-400:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-pink-500:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-pink-600:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-pink-700:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-pink-800:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-pink-900:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-primary:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-orange:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .\32xl\:focus-within\:bg-danger:focus-within {
        background-color: #c75d5d
    }

    .\32xl\:hover\:bg-transparent:hover {
        background-color: transparent
    }

    .\32xl\:hover\:bg-current:hover {
        background-color: currentColor
    }

    .\32xl\:hover\:bg-black:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-white:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-gray-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-gray-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-gray-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-gray-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-gray-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-gray-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-gray-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-gray-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-gray-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-gray-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-red-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-red-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-red-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-red-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-red-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-red-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-red-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-red-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-red-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-red-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-yellow-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-yellow-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-yellow-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-yellow-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-yellow-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-yellow-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-yellow-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-yellow-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-yellow-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-yellow-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-green-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-green-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-green-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-green-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-green-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-green-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-green-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-green-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-green-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-green-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-blue-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-blue-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-blue-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-blue-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-blue-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-blue-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-blue-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-blue-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-blue-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-blue-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-indigo-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-indigo-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-indigo-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-indigo-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-indigo-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-indigo-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-indigo-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-indigo-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-indigo-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-indigo-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-purple-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-purple-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-purple-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-purple-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-purple-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-purple-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-purple-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-purple-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-purple-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-purple-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-pink-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-pink-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-pink-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-pink-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-pink-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-pink-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-pink-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-pink-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-pink-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-pink-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-primary:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-orange:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .\32xl\:hover\:bg-danger:hover {
        background-color: #c75d5d
    }

    .\32xl\:focus\:bg-transparent:focus {
        background-color: transparent
    }

    .\32xl\:focus\:bg-current:focus {
        background-color: currentColor
    }

    .\32xl\:focus\:bg-black:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-white:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-gray-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-gray-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-gray-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-gray-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-gray-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-gray-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-gray-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-gray-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-gray-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-gray-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-red-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-red-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-red-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-red-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-red-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-red-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-red-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-red-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-red-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-red-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-yellow-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-yellow-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-yellow-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-yellow-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-yellow-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-yellow-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-yellow-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-yellow-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-yellow-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-yellow-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-green-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-green-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-green-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-green-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-green-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-green-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-green-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-green-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-green-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-green-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-blue-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-blue-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-blue-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-blue-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-blue-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-blue-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-blue-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-blue-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-blue-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-blue-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-indigo-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-indigo-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-indigo-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-indigo-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-indigo-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-indigo-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-indigo-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-indigo-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-indigo-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-indigo-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-purple-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-purple-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-purple-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-purple-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-purple-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-purple-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-purple-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-purple-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-purple-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-purple-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-pink-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-pink-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-pink-200:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-pink-300:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-pink-400:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-pink-500:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-pink-600:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-pink-700:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-pink-800:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-pink-900:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-primary:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 185, 56, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-orange:focus {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 171, 90, var(--tw-bg-opacity))
    }

    .\32xl\:focus\:bg-danger:focus {
        background-color: #c75d5d
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-5 {
        --tw-bg-opacity: 0.05
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-10 {
        --tw-bg-opacity: 0.1
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-20 {
        --tw-bg-opacity: 0.2
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-25 {
        --tw-bg-opacity: 0.25
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-30 {
        --tw-bg-opacity: 0.3
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-40 {
        --tw-bg-opacity: 0.4
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-50 {
        --tw-bg-opacity: 0.5
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-60 {
        --tw-bg-opacity: 0.6
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-70 {
        --tw-bg-opacity: 0.7
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-75 {
        --tw-bg-opacity: 0.75
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-80 {
        --tw-bg-opacity: 0.8
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-90 {
        --tw-bg-opacity: 0.9
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-95 {
        --tw-bg-opacity: 0.95
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-100 {
        --tw-bg-opacity: 1
    }

    .\32xl\:focus-within\:bg-opacity-0:focus-within {
        --tw-bg-opacity: 0
    }

    .\32xl\:focus-within\:bg-opacity-5:focus-within {
        --tw-bg-opacity: 0.05
    }

    .\32xl\:focus-within\:bg-opacity-10:focus-within {
        --tw-bg-opacity: 0.1
    }

    .\32xl\:focus-within\:bg-opacity-20:focus-within {
        --tw-bg-opacity: 0.2
    }

    .\32xl\:focus-within\:bg-opacity-25:focus-within {
        --tw-bg-opacity: 0.25
    }

    .\32xl\:focus-within\:bg-opacity-30:focus-within {
        --tw-bg-opacity: 0.3
    }

    .\32xl\:focus-within\:bg-opacity-40:focus-within {
        --tw-bg-opacity: 0.4
    }

    .\32xl\:focus-within\:bg-opacity-50:focus-within {
        --tw-bg-opacity: 0.5
    }

    .\32xl\:focus-within\:bg-opacity-60:focus-within {
        --tw-bg-opacity: 0.6
    }

    .\32xl\:focus-within\:bg-opacity-70:focus-within {
        --tw-bg-opacity: 0.7
    }

    .\32xl\:focus-within\:bg-opacity-75:focus-within {
        --tw-bg-opacity: 0.75
    }

    .\32xl\:focus-within\:bg-opacity-80:focus-within {
        --tw-bg-opacity: 0.8
    }

    .\32xl\:focus-within\:bg-opacity-90:focus-within {
        --tw-bg-opacity: 0.9
    }

    .\32xl\:focus-within\:bg-opacity-95:focus-within {
        --tw-bg-opacity: 0.95
    }

    .\32xl\:focus-within\:bg-opacity-100:focus-within {
        --tw-bg-opacity: 1
    }

    .\32xl\:hover\:bg-opacity-0:hover {
        --tw-bg-opacity: 0
    }

    .\32xl\:hover\:bg-opacity-5:hover {
        --tw-bg-opacity: 0.05
    }

    .\32xl\:hover\:bg-opacity-10:hover {
        --tw-bg-opacity: 0.1
    }

    .\32xl\:hover\:bg-opacity-20:hover {
        --tw-bg-opacity: 0.2
    }

    .\32xl\:hover\:bg-opacity-25:hover {
        --tw-bg-opacity: 0.25
    }

    .\32xl\:hover\:bg-opacity-30:hover {
        --tw-bg-opacity: 0.3
    }

    .\32xl\:hover\:bg-opacity-40:hover {
        --tw-bg-opacity: 0.4
    }

    .\32xl\:hover\:bg-opacity-50:hover {
        --tw-bg-opacity: 0.5
    }

    .\32xl\:hover\:bg-opacity-60:hover {
        --tw-bg-opacity: 0.6
    }

    .\32xl\:hover\:bg-opacity-70:hover {
        --tw-bg-opacity: 0.7
    }

    .\32xl\:hover\:bg-opacity-75:hover {
        --tw-bg-opacity: 0.75
    }

    .\32xl\:hover\:bg-opacity-80:hover {
        --tw-bg-opacity: 0.8
    }

    .\32xl\:hover\:bg-opacity-90:hover {
        --tw-bg-opacity: 0.9
    }

    .\32xl\:hover\:bg-opacity-95:hover {
        --tw-bg-opacity: 0.95
    }

    .\32xl\:hover\:bg-opacity-100:hover {
        --tw-bg-opacity: 1
    }

    .\32xl\:focus\:bg-opacity-0:focus {
        --tw-bg-opacity: 0
    }

    .\32xl\:focus\:bg-opacity-5:focus {
        --tw-bg-opacity: 0.05
    }

    .\32xl\:focus\:bg-opacity-10:focus {
        --tw-bg-opacity: 0.1
    }

    .\32xl\:focus\:bg-opacity-20:focus {
        --tw-bg-opacity: 0.2
    }

    .\32xl\:focus\:bg-opacity-25:focus {
        --tw-bg-opacity: 0.25
    }

    .\32xl\:focus\:bg-opacity-30:focus {
        --tw-bg-opacity: 0.3
    }

    .\32xl\:focus\:bg-opacity-40:focus {
        --tw-bg-opacity: 0.4
    }

    .\32xl\:focus\:bg-opacity-50:focus {
        --tw-bg-opacity: 0.5
    }

    .\32xl\:focus\:bg-opacity-60:focus {
        --tw-bg-opacity: 0.6
    }

    .\32xl\:focus\:bg-opacity-70:focus {
        --tw-bg-opacity: 0.7
    }

    .\32xl\:focus\:bg-opacity-75:focus {
        --tw-bg-opacity: 0.75
    }

    .\32xl\:focus\:bg-opacity-80:focus {
        --tw-bg-opacity: 0.8
    }

    .\32xl\:focus\:bg-opacity-90:focus {
        --tw-bg-opacity: 0.9
    }

    .\32xl\:focus\:bg-opacity-95:focus {
        --tw-bg-opacity: 0.95
    }

    .\32xl\:focus\:bg-opacity-100:focus {
        --tw-bg-opacity: 1
    }

    .\32xl\:hover\:from-transparent:hover {
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .\32xl\:hover\:from-current:hover {
        --tw-gradient-from: currentColor;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .\32xl\:hover\:from-black:hover {
        --tw-gradient-from: #000;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .\32xl\:hover\:from-white:hover {
        --tw-gradient-from: #fff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .\32xl\:hover\:from-gray-50:hover {
        --tw-gradient-from: #f9fafb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .\32xl\:hover\:from-gray-100:hover {
        --tw-gradient-from: #f3f4f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .\32xl\:hover\:from-gray-200:hover {
        --tw-gradient-from: #e5e7eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .\32xl\:hover\:from-gray-300:hover {
        --tw-gradient-from: #d1d5db;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .\32xl\:hover\:from-gray-400:hover {
        --tw-gradient-from: #9ca3af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .\32xl\:hover\:from-gray-500:hover {
        --tw-gradient-from: #6b7280;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .\32xl\:hover\:from-gray-600:hover {
        --tw-gradient-from: #4b5563;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .\32xl\:hover\:from-gray-700:hover {
        --tw-gradient-from: #374151;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .\32xl\:hover\:from-gray-800:hover {
        --tw-gradient-from: #1f2937;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .\32xl\:hover\:from-gray-900:hover {
        --tw-gradient-from: #111827;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .\32xl\:hover\:from-red-50:hover {
        --tw-gradient-from: #fef2f2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .\32xl\:hover\:from-red-100:hover {
        --tw-gradient-from: #fee2e2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .\32xl\:hover\:from-red-200:hover {
        --tw-gradient-from: #fecaca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .\32xl\:hover\:from-red-300:hover {
        --tw-gradient-from: #fca5a5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .\32xl\:hover\:from-red-400:hover {
        --tw-gradient-from: #f87171;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .\32xl\:hover\:from-red-500:hover {
        --tw-gradient-from: #ef4444;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .\32xl\:hover\:from-red-600:hover {
        --tw-gradient-from: #dc2626;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .\32xl\:hover\:from-red-700:hover {
        --tw-gradient-from: #b91c1c;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .\32xl\:hover\:from-red-800:hover {
        --tw-gradient-from: #991b1b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .\32xl\:hover\:from-red-900:hover {
        --tw-gradient-from: #7f1d1d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .\32xl\:hover\:from-yellow-50:hover {
        --tw-gradient-from: #fffbeb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .\32xl\:hover\:from-yellow-100:hover {
        --tw-gradient-from: #fef3c7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .\32xl\:hover\:from-yellow-200:hover {
        --tw-gradient-from: #fde68a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .\32xl\:hover\:from-yellow-300:hover {
        --tw-gradient-from: #fcd34d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .\32xl\:hover\:from-yellow-400:hover {
        --tw-gradient-from: #fbbf24;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .\32xl\:hover\:from-yellow-500:hover {
        --tw-gradient-from: #f59e0b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .\32xl\:hover\:from-yellow-600:hover {
        --tw-gradient-from: #d97706;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .\32xl\:hover\:from-yellow-700:hover {
        --tw-gradient-from: #b45309;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .\32xl\:hover\:from-yellow-800:hover {
        --tw-gradient-from: #92400e;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .\32xl\:hover\:from-yellow-900:hover {
        --tw-gradient-from: #78350f;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .\32xl\:hover\:from-green-50:hover {
        --tw-gradient-from: #ecfdf5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .\32xl\:hover\:from-green-100:hover {
        --tw-gradient-from: #d1fae5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .\32xl\:hover\:from-green-200:hover {
        --tw-gradient-from: #a7f3d0;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .\32xl\:hover\:from-green-300:hover {
        --tw-gradient-from: #6ee7b7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .\32xl\:hover\:from-green-400:hover {
        --tw-gradient-from: #34d399;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .\32xl\:hover\:from-green-500:hover {
        --tw-gradient-from: #10b981;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .\32xl\:hover\:from-green-600:hover {
        --tw-gradient-from: #059669;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .\32xl\:hover\:from-green-700:hover {
        --tw-gradient-from: #047857;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .\32xl\:hover\:from-green-800:hover {
        --tw-gradient-from: #065f46;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .\32xl\:hover\:from-green-900:hover {
        --tw-gradient-from: #064e3b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .\32xl\:hover\:from-blue-50:hover {
        --tw-gradient-from: #eff6ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .\32xl\:hover\:from-blue-100:hover {
        --tw-gradient-from: #dbeafe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .\32xl\:hover\:from-blue-200:hover {
        --tw-gradient-from: #bfdbfe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .\32xl\:hover\:from-blue-300:hover {
        --tw-gradient-from: #93c5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .\32xl\:hover\:from-blue-400:hover {
        --tw-gradient-from: #60a5fa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .\32xl\:hover\:from-blue-500:hover {
        --tw-gradient-from: #3b82f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .\32xl\:hover\:from-blue-600:hover {
        --tw-gradient-from: #2563eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .\32xl\:hover\:from-blue-700:hover {
        --tw-gradient-from: #1d4ed8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .\32xl\:hover\:from-blue-800:hover {
        --tw-gradient-from: #1e40af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .\32xl\:hover\:from-blue-900:hover {
        --tw-gradient-from: #1e3a8a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .\32xl\:hover\:from-indigo-50:hover {
        --tw-gradient-from: #eef2ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .\32xl\:hover\:from-indigo-100:hover {
        --tw-gradient-from: #e0e7ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .\32xl\:hover\:from-indigo-200:hover {
        --tw-gradient-from: #c7d2fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .\32xl\:hover\:from-indigo-300:hover {
        --tw-gradient-from: #a5b4fc;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .\32xl\:hover\:from-indigo-400:hover {
        --tw-gradient-from: #818cf8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .\32xl\:hover\:from-indigo-500:hover {
        --tw-gradient-from: #6366f1;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .\32xl\:hover\:from-indigo-600:hover {
        --tw-gradient-from: #4f46e5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .\32xl\:hover\:from-indigo-700:hover {
        --tw-gradient-from: #4338ca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .\32xl\:hover\:from-indigo-800:hover {
        --tw-gradient-from: #3730a3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .\32xl\:hover\:from-indigo-900:hover {
        --tw-gradient-from: #312e81;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .\32xl\:hover\:from-purple-50:hover {
        --tw-gradient-from: #f5f3ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .\32xl\:hover\:from-purple-100:hover {
        --tw-gradient-from: #ede9fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .\32xl\:hover\:from-purple-200:hover {
        --tw-gradient-from: #ddd6fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .\32xl\:hover\:from-purple-300:hover {
        --tw-gradient-from: #c4b5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .\32xl\:hover\:from-purple-400:hover {
        --tw-gradient-from: #a78bfa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .\32xl\:hover\:from-purple-500:hover {
        --tw-gradient-from: #8b5cf6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .\32xl\:hover\:from-purple-600:hover {
        --tw-gradient-from: #7c3aed;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .\32xl\:hover\:from-purple-700:hover {
        --tw-gradient-from: #6d28d9;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .\32xl\:hover\:from-purple-800:hover {
        --tw-gradient-from: #5b21b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .\32xl\:hover\:from-purple-900:hover {
        --tw-gradient-from: #4c1d95;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .\32xl\:hover\:from-pink-50:hover {
        --tw-gradient-from: #fdf2f8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .\32xl\:hover\:from-pink-100:hover {
        --tw-gradient-from: #fce7f3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .\32xl\:hover\:from-pink-200:hover {
        --tw-gradient-from: #fbcfe8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .\32xl\:hover\:from-pink-300:hover {
        --tw-gradient-from: #f9a8d4;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .\32xl\:hover\:from-pink-400:hover {
        --tw-gradient-from: #f472b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .\32xl\:hover\:from-pink-500:hover {
        --tw-gradient-from: #ec4899;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .\32xl\:hover\:from-pink-600:hover {
        --tw-gradient-from: #db2777;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .\32xl\:hover\:from-pink-700:hover {
        --tw-gradient-from: #be185d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .\32xl\:hover\:from-pink-800:hover {
        --tw-gradient-from: #9d174d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .\32xl\:hover\:from-pink-900:hover {
        --tw-gradient-from: #831843;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .\32xl\:hover\:from-primary:hover {
        --tw-gradient-from: #1ab938;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .\32xl\:hover\:from-orange:hover {
        --tw-gradient-from: #fdab5a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .\32xl\:hover\:from-danger:hover {
        --tw-gradient-from: #c75d5d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .\32xl\:focus\:from-transparent:focus {
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .\32xl\:focus\:from-current:focus {
        --tw-gradient-from: currentColor;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .\32xl\:focus\:from-black:focus {
        --tw-gradient-from: #000;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)
    }

    .\32xl\:focus\:from-white:focus {
        --tw-gradient-from: #fff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .\32xl\:focus\:from-gray-50:focus {
        --tw-gradient-from: #f9fafb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .\32xl\:focus\:from-gray-100:focus {
        --tw-gradient-from: #f3f4f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .\32xl\:focus\:from-gray-200:focus {
        --tw-gradient-from: #e5e7eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .\32xl\:focus\:from-gray-300:focus {
        --tw-gradient-from: #d1d5db;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .\32xl\:focus\:from-gray-400:focus {
        --tw-gradient-from: #9ca3af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .\32xl\:focus\:from-gray-500:focus {
        --tw-gradient-from: #6b7280;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .\32xl\:focus\:from-gray-600:focus {
        --tw-gradient-from: #4b5563;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .\32xl\:focus\:from-gray-700:focus {
        --tw-gradient-from: #374151;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .\32xl\:focus\:from-gray-800:focus {
        --tw-gradient-from: #1f2937;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .\32xl\:focus\:from-gray-900:focus {
        --tw-gradient-from: #111827;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .\32xl\:focus\:from-red-50:focus {
        --tw-gradient-from: #fef2f2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .\32xl\:focus\:from-red-100:focus {
        --tw-gradient-from: #fee2e2;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .\32xl\:focus\:from-red-200:focus {
        --tw-gradient-from: #fecaca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .\32xl\:focus\:from-red-300:focus {
        --tw-gradient-from: #fca5a5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .\32xl\:focus\:from-red-400:focus {
        --tw-gradient-from: #f87171;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .\32xl\:focus\:from-red-500:focus {
        --tw-gradient-from: #ef4444;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .\32xl\:focus\:from-red-600:focus {
        --tw-gradient-from: #dc2626;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .\32xl\:focus\:from-red-700:focus {
        --tw-gradient-from: #b91c1c;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .\32xl\:focus\:from-red-800:focus {
        --tw-gradient-from: #991b1b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .\32xl\:focus\:from-red-900:focus {
        --tw-gradient-from: #7f1d1d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .\32xl\:focus\:from-yellow-50:focus {
        --tw-gradient-from: #fffbeb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .\32xl\:focus\:from-yellow-100:focus {
        --tw-gradient-from: #fef3c7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .\32xl\:focus\:from-yellow-200:focus {
        --tw-gradient-from: #fde68a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .\32xl\:focus\:from-yellow-300:focus {
        --tw-gradient-from: #fcd34d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .\32xl\:focus\:from-yellow-400:focus {
        --tw-gradient-from: #fbbf24;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .\32xl\:focus\:from-yellow-500:focus {
        --tw-gradient-from: #f59e0b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .\32xl\:focus\:from-yellow-600:focus {
        --tw-gradient-from: #d97706;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .\32xl\:focus\:from-yellow-700:focus {
        --tw-gradient-from: #b45309;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .\32xl\:focus\:from-yellow-800:focus {
        --tw-gradient-from: #92400e;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .\32xl\:focus\:from-yellow-900:focus {
        --tw-gradient-from: #78350f;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .\32xl\:focus\:from-green-50:focus {
        --tw-gradient-from: #ecfdf5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .\32xl\:focus\:from-green-100:focus {
        --tw-gradient-from: #d1fae5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .\32xl\:focus\:from-green-200:focus {
        --tw-gradient-from: #a7f3d0;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .\32xl\:focus\:from-green-300:focus {
        --tw-gradient-from: #6ee7b7;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .\32xl\:focus\:from-green-400:focus {
        --tw-gradient-from: #34d399;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .\32xl\:focus\:from-green-500:focus {
        --tw-gradient-from: #10b981;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .\32xl\:focus\:from-green-600:focus {
        --tw-gradient-from: #059669;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .\32xl\:focus\:from-green-700:focus {
        --tw-gradient-from: #047857;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .\32xl\:focus\:from-green-800:focus {
        --tw-gradient-from: #065f46;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .\32xl\:focus\:from-green-900:focus {
        --tw-gradient-from: #064e3b;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .\32xl\:focus\:from-blue-50:focus {
        --tw-gradient-from: #eff6ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .\32xl\:focus\:from-blue-100:focus {
        --tw-gradient-from: #dbeafe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .\32xl\:focus\:from-blue-200:focus {
        --tw-gradient-from: #bfdbfe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .\32xl\:focus\:from-blue-300:focus {
        --tw-gradient-from: #93c5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .\32xl\:focus\:from-blue-400:focus {
        --tw-gradient-from: #60a5fa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .\32xl\:focus\:from-blue-500:focus {
        --tw-gradient-from: #3b82f6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .\32xl\:focus\:from-blue-600:focus {
        --tw-gradient-from: #2563eb;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .\32xl\:focus\:from-blue-700:focus {
        --tw-gradient-from: #1d4ed8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .\32xl\:focus\:from-blue-800:focus {
        --tw-gradient-from: #1e40af;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .\32xl\:focus\:from-blue-900:focus {
        --tw-gradient-from: #1e3a8a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .\32xl\:focus\:from-indigo-50:focus {
        --tw-gradient-from: #eef2ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .\32xl\:focus\:from-indigo-100:focus {
        --tw-gradient-from: #e0e7ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .\32xl\:focus\:from-indigo-200:focus {
        --tw-gradient-from: #c7d2fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .\32xl\:focus\:from-indigo-300:focus {
        --tw-gradient-from: #a5b4fc;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .\32xl\:focus\:from-indigo-400:focus {
        --tw-gradient-from: #818cf8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .\32xl\:focus\:from-indigo-500:focus {
        --tw-gradient-from: #6366f1;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .\32xl\:focus\:from-indigo-600:focus {
        --tw-gradient-from: #4f46e5;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .\32xl\:focus\:from-indigo-700:focus {
        --tw-gradient-from: #4338ca;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .\32xl\:focus\:from-indigo-800:focus {
        --tw-gradient-from: #3730a3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .\32xl\:focus\:from-indigo-900:focus {
        --tw-gradient-from: #312e81;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .\32xl\:focus\:from-purple-50:focus {
        --tw-gradient-from: #f5f3ff;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .\32xl\:focus\:from-purple-100:focus {
        --tw-gradient-from: #ede9fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .\32xl\:focus\:from-purple-200:focus {
        --tw-gradient-from: #ddd6fe;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .\32xl\:focus\:from-purple-300:focus {
        --tw-gradient-from: #c4b5fd;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .\32xl\:focus\:from-purple-400:focus {
        --tw-gradient-from: #a78bfa;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .\32xl\:focus\:from-purple-500:focus {
        --tw-gradient-from: #8b5cf6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .\32xl\:focus\:from-purple-600:focus {
        --tw-gradient-from: #7c3aed;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .\32xl\:focus\:from-purple-700:focus {
        --tw-gradient-from: #6d28d9;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .\32xl\:focus\:from-purple-800:focus {
        --tw-gradient-from: #5b21b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .\32xl\:focus\:from-purple-900:focus {
        --tw-gradient-from: #4c1d95;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .\32xl\:focus\:from-pink-50:focus {
        --tw-gradient-from: #fdf2f8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .\32xl\:focus\:from-pink-100:focus {
        --tw-gradient-from: #fce7f3;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .\32xl\:focus\:from-pink-200:focus {
        --tw-gradient-from: #fbcfe8;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .\32xl\:focus\:from-pink-300:focus {
        --tw-gradient-from: #f9a8d4;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .\32xl\:focus\:from-pink-400:focus {
        --tw-gradient-from: #f472b6;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .\32xl\:focus\:from-pink-500:focus {
        --tw-gradient-from: #ec4899;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .\32xl\:focus\:from-pink-600:focus {
        --tw-gradient-from: #db2777;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .\32xl\:focus\:from-pink-700:focus {
        --tw-gradient-from: #be185d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .\32xl\:focus\:from-pink-800:focus {
        --tw-gradient-from: #9d174d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .\32xl\:focus\:from-pink-900:focus {
        --tw-gradient-from: #831843;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .\32xl\:focus\:from-primary:focus {
        --tw-gradient-from: #1ab938;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .\32xl\:focus\:from-orange:focus {
        --tw-gradient-from: #fdab5a;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .\32xl\:focus\:from-danger:focus {
        --tw-gradient-from: #c75d5d;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .\32xl\:hover\:via-transparent:hover {
        --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, transparent)
    }

    .\32xl\:hover\:via-current:hover {
        --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .\32xl\:hover\:via-black:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, transparent)
    }

    .\32xl\:hover\:via-white:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .\32xl\:hover\:via-gray-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .\32xl\:hover\:via-gray-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .\32xl\:hover\:via-gray-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .\32xl\:hover\:via-gray-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .\32xl\:hover\:via-gray-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .\32xl\:hover\:via-gray-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .\32xl\:hover\:via-gray-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .\32xl\:hover\:via-gray-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .\32xl\:hover\:via-gray-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .\32xl\:hover\:via-gray-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .\32xl\:hover\:via-red-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .\32xl\:hover\:via-red-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .\32xl\:hover\:via-red-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .\32xl\:hover\:via-red-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .\32xl\:hover\:via-red-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .\32xl\:hover\:via-red-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .\32xl\:hover\:via-red-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .\32xl\:hover\:via-red-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .\32xl\:hover\:via-red-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .\32xl\:hover\:via-red-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .\32xl\:hover\:via-yellow-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .\32xl\:hover\:via-yellow-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .\32xl\:hover\:via-yellow-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .\32xl\:hover\:via-yellow-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .\32xl\:hover\:via-yellow-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .\32xl\:hover\:via-yellow-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .\32xl\:hover\:via-yellow-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .\32xl\:hover\:via-yellow-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .\32xl\:hover\:via-yellow-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .\32xl\:hover\:via-yellow-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .\32xl\:hover\:via-green-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .\32xl\:hover\:via-green-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .\32xl\:hover\:via-green-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .\32xl\:hover\:via-green-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .\32xl\:hover\:via-green-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .\32xl\:hover\:via-green-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .\32xl\:hover\:via-green-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .\32xl\:hover\:via-green-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .\32xl\:hover\:via-green-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .\32xl\:hover\:via-green-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .\32xl\:hover\:via-blue-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .\32xl\:hover\:via-blue-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .\32xl\:hover\:via-blue-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .\32xl\:hover\:via-blue-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .\32xl\:hover\:via-blue-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .\32xl\:hover\:via-blue-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .\32xl\:hover\:via-blue-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .\32xl\:hover\:via-blue-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .\32xl\:hover\:via-blue-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .\32xl\:hover\:via-blue-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .\32xl\:hover\:via-indigo-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .\32xl\:hover\:via-indigo-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .\32xl\:hover\:via-indigo-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .\32xl\:hover\:via-indigo-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .\32xl\:hover\:via-indigo-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .\32xl\:hover\:via-indigo-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .\32xl\:hover\:via-indigo-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .\32xl\:hover\:via-indigo-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .\32xl\:hover\:via-indigo-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .\32xl\:hover\:via-indigo-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .\32xl\:hover\:via-purple-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .\32xl\:hover\:via-purple-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .\32xl\:hover\:via-purple-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .\32xl\:hover\:via-purple-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .\32xl\:hover\:via-purple-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .\32xl\:hover\:via-purple-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .\32xl\:hover\:via-purple-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .\32xl\:hover\:via-purple-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .\32xl\:hover\:via-purple-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .\32xl\:hover\:via-purple-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .\32xl\:hover\:via-pink-50:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .\32xl\:hover\:via-pink-100:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .\32xl\:hover\:via-pink-200:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .\32xl\:hover\:via-pink-300:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .\32xl\:hover\:via-pink-400:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .\32xl\:hover\:via-pink-500:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .\32xl\:hover\:via-pink-600:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .\32xl\:hover\:via-pink-700:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .\32xl\:hover\:via-pink-800:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .\32xl\:hover\:via-pink-900:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .\32xl\:hover\:via-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #1ab938, var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .\32xl\:hover\:via-orange:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #fdab5a, var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .\32xl\:hover\:via-danger:hover {
        --tw-gradient-stops: var(--tw-gradient-from), #c75d5d, var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .\32xl\:focus\:via-transparent:focus {
        --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, transparent)
    }

    .\32xl\:focus\:via-current:focus {
        --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .\32xl\:focus\:via-black:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, transparent)
    }

    .\32xl\:focus\:via-white:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .\32xl\:focus\:via-gray-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0))
    }

    .\32xl\:focus\:via-gray-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0))
    }

    .\32xl\:focus\:via-gray-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0))
    }

    .\32xl\:focus\:via-gray-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0))
    }

    .\32xl\:focus\:via-gray-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0))
    }

    .\32xl\:focus\:via-gray-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0))
    }

    .\32xl\:focus\:via-gray-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0))
    }

    .\32xl\:focus\:via-gray-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0))
    }

    .\32xl\:focus\:via-gray-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0))
    }

    .\32xl\:focus\:via-gray-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0))
    }

    .\32xl\:focus\:via-red-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0))
    }

    .\32xl\:focus\:via-red-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0))
    }

    .\32xl\:focus\:via-red-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0))
    }

    .\32xl\:focus\:via-red-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0))
    }

    .\32xl\:focus\:via-red-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0))
    }

    .\32xl\:focus\:via-red-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0))
    }

    .\32xl\:focus\:via-red-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0))
    }

    .\32xl\:focus\:via-red-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0))
    }

    .\32xl\:focus\:via-red-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0))
    }

    .\32xl\:focus\:via-red-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0))
    }

    .\32xl\:focus\:via-yellow-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0))
    }

    .\32xl\:focus\:via-yellow-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0))
    }

    .\32xl\:focus\:via-yellow-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0))
    }

    .\32xl\:focus\:via-yellow-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0))
    }

    .\32xl\:focus\:via-yellow-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0))
    }

    .\32xl\:focus\:via-yellow-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0))
    }

    .\32xl\:focus\:via-yellow-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0))
    }

    .\32xl\:focus\:via-yellow-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0))
    }

    .\32xl\:focus\:via-yellow-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0))
    }

    .\32xl\:focus\:via-yellow-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0))
    }

    .\32xl\:focus\:via-green-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0))
    }

    .\32xl\:focus\:via-green-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0))
    }

    .\32xl\:focus\:via-green-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0))
    }

    .\32xl\:focus\:via-green-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0))
    }

    .\32xl\:focus\:via-green-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0))
    }

    .\32xl\:focus\:via-green-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0))
    }

    .\32xl\:focus\:via-green-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0))
    }

    .\32xl\:focus\:via-green-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0))
    }

    .\32xl\:focus\:via-green-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0))
    }

    .\32xl\:focus\:via-green-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0))
    }

    .\32xl\:focus\:via-blue-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0))
    }

    .\32xl\:focus\:via-blue-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0))
    }

    .\32xl\:focus\:via-blue-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0))
    }

    .\32xl\:focus\:via-blue-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0))
    }

    .\32xl\:focus\:via-blue-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0))
    }

    .\32xl\:focus\:via-blue-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0))
    }

    .\32xl\:focus\:via-blue-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0))
    }

    .\32xl\:focus\:via-blue-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0))
    }

    .\32xl\:focus\:via-blue-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0))
    }

    .\32xl\:focus\:via-blue-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0))
    }

    .\32xl\:focus\:via-indigo-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0))
    }

    .\32xl\:focus\:via-indigo-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0))
    }

    .\32xl\:focus\:via-indigo-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0))
    }

    .\32xl\:focus\:via-indigo-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0))
    }

    .\32xl\:focus\:via-indigo-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0))
    }

    .\32xl\:focus\:via-indigo-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0))
    }

    .\32xl\:focus\:via-indigo-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0))
    }

    .\32xl\:focus\:via-indigo-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0))
    }

    .\32xl\:focus\:via-indigo-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0))
    }

    .\32xl\:focus\:via-indigo-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0))
    }

    .\32xl\:focus\:via-purple-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0))
    }

    .\32xl\:focus\:via-purple-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0))
    }

    .\32xl\:focus\:via-purple-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0))
    }

    .\32xl\:focus\:via-purple-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0))
    }

    .\32xl\:focus\:via-purple-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0))
    }

    .\32xl\:focus\:via-purple-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0))
    }

    .\32xl\:focus\:via-purple-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0))
    }

    .\32xl\:focus\:via-purple-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0))
    }

    .\32xl\:focus\:via-purple-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0))
    }

    .\32xl\:focus\:via-purple-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0))
    }

    .\32xl\:focus\:via-pink-50:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0))
    }

    .\32xl\:focus\:via-pink-100:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0))
    }

    .\32xl\:focus\:via-pink-200:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0))
    }

    .\32xl\:focus\:via-pink-300:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0))
    }

    .\32xl\:focus\:via-pink-400:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0))
    }

    .\32xl\:focus\:via-pink-500:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0))
    }

    .\32xl\:focus\:via-pink-600:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0))
    }

    .\32xl\:focus\:via-pink-700:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0))
    }

    .\32xl\:focus\:via-pink-800:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0))
    }

    .\32xl\:focus\:via-pink-900:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0))
    }

    .\32xl\:focus\:via-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #1ab938, var(--tw-gradient-to, rgba(26, 185, 56, 0))
    }

    .\32xl\:focus\:via-orange:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #fdab5a, var(--tw-gradient-to, rgba(253, 171, 90, 0))
    }

    .\32xl\:focus\:via-danger:focus {
        --tw-gradient-stops: var(--tw-gradient-from), #c75d5d, var(--tw-gradient-to, rgba(199, 93, 93, 0))
    }

    .\32xl\:hover\:to-transparent:hover {
        --tw-gradient-to: transparent
    }

    .\32xl\:hover\:to-current:hover {
        --tw-gradient-to: currentColor
    }

    .\32xl\:hover\:to-black:hover {
        --tw-gradient-to: #000
    }

    .\32xl\:hover\:to-white:hover {
        --tw-gradient-to: #fff
    }

    .\32xl\:hover\:to-gray-50:hover {
        --tw-gradient-to: #f9fafb
    }

    .\32xl\:hover\:to-gray-100:hover {
        --tw-gradient-to: #f3f4f6
    }

    .\32xl\:hover\:to-gray-200:hover {
        --tw-gradient-to: #e5e7eb
    }

    .\32xl\:hover\:to-gray-300:hover {
        --tw-gradient-to: #d1d5db
    }

    .\32xl\:hover\:to-gray-400:hover {
        --tw-gradient-to: #9ca3af
    }

    .\32xl\:hover\:to-gray-500:hover {
        --tw-gradient-to: #6b7280
    }

    .\32xl\:hover\:to-gray-600:hover {
        --tw-gradient-to: #4b5563
    }

    .\32xl\:hover\:to-gray-700:hover {
        --tw-gradient-to: #374151
    }

    .\32xl\:hover\:to-gray-800:hover {
        --tw-gradient-to: #1f2937
    }

    .\32xl\:hover\:to-gray-900:hover {
        --tw-gradient-to: #111827
    }

    .\32xl\:hover\:to-red-50:hover {
        --tw-gradient-to: #fef2f2
    }

    .\32xl\:hover\:to-red-100:hover {
        --tw-gradient-to: #fee2e2
    }

    .\32xl\:hover\:to-red-200:hover {
        --tw-gradient-to: #fecaca
    }

    .\32xl\:hover\:to-red-300:hover {
        --tw-gradient-to: #fca5a5
    }

    .\32xl\:hover\:to-red-400:hover {
        --tw-gradient-to: #f87171
    }

    .\32xl\:hover\:to-red-500:hover {
        --tw-gradient-to: #ef4444
    }

    .\32xl\:hover\:to-red-600:hover {
        --tw-gradient-to: #dc2626
    }

    .\32xl\:hover\:to-red-700:hover {
        --tw-gradient-to: #b91c1c
    }

    .\32xl\:hover\:to-red-800:hover {
        --tw-gradient-to: #991b1b
    }

    .\32xl\:hover\:to-red-900:hover {
        --tw-gradient-to: #7f1d1d
    }

    .\32xl\:hover\:to-yellow-50:hover {
        --tw-gradient-to: #fffbeb
    }

    .\32xl\:hover\:to-yellow-100:hover {
        --tw-gradient-to: #fef3c7
    }

    .\32xl\:hover\:to-yellow-200:hover {
        --tw-gradient-to: #fde68a
    }

    .\32xl\:hover\:to-yellow-300:hover {
        --tw-gradient-to: #fcd34d
    }

    .\32xl\:hover\:to-yellow-400:hover {
        --tw-gradient-to: #fbbf24
    }

    .\32xl\:hover\:to-yellow-500:hover {
        --tw-gradient-to: #f59e0b
    }

    .\32xl\:hover\:to-yellow-600:hover {
        --tw-gradient-to: #d97706
    }

    .\32xl\:hover\:to-yellow-700:hover {
        --tw-gradient-to: #b45309
    }

    .\32xl\:hover\:to-yellow-800:hover {
        --tw-gradient-to: #92400e
    }

    .\32xl\:hover\:to-yellow-900:hover {
        --tw-gradient-to: #78350f
    }

    .\32xl\:hover\:to-green-50:hover {
        --tw-gradient-to: #ecfdf5
    }

    .\32xl\:hover\:to-green-100:hover {
        --tw-gradient-to: #d1fae5
    }

    .\32xl\:hover\:to-green-200:hover {
        --tw-gradient-to: #a7f3d0
    }

    .\32xl\:hover\:to-green-300:hover {
        --tw-gradient-to: #6ee7b7
    }

    .\32xl\:hover\:to-green-400:hover {
        --tw-gradient-to: #34d399
    }

    .\32xl\:hover\:to-green-500:hover {
        --tw-gradient-to: #10b981
    }

    .\32xl\:hover\:to-green-600:hover {
        --tw-gradient-to: #059669
    }

    .\32xl\:hover\:to-green-700:hover {
        --tw-gradient-to: #047857
    }

    .\32xl\:hover\:to-green-800:hover {
        --tw-gradient-to: #065f46
    }

    .\32xl\:hover\:to-green-900:hover {
        --tw-gradient-to: #064e3b
    }

    .\32xl\:hover\:to-blue-50:hover {
        --tw-gradient-to: #eff6ff
    }

    .\32xl\:hover\:to-blue-100:hover {
        --tw-gradient-to: #dbeafe
    }

    .\32xl\:hover\:to-blue-200:hover {
        --tw-gradient-to: #bfdbfe
    }

    .\32xl\:hover\:to-blue-300:hover {
        --tw-gradient-to: #93c5fd
    }

    .\32xl\:hover\:to-blue-400:hover {
        --tw-gradient-to: #60a5fa
    }

    .\32xl\:hover\:to-blue-500:hover {
        --tw-gradient-to: #3b82f6
    }

    .\32xl\:hover\:to-blue-600:hover {
        --tw-gradient-to: #2563eb
    }

    .\32xl\:hover\:to-blue-700:hover {
        --tw-gradient-to: #1d4ed8
    }

    .\32xl\:hover\:to-blue-800:hover {
        --tw-gradient-to: #1e40af
    }

    .\32xl\:hover\:to-blue-900:hover {
        --tw-gradient-to: #1e3a8a
    }

    .\32xl\:hover\:to-indigo-50:hover {
        --tw-gradient-to: #eef2ff
    }

    .\32xl\:hover\:to-indigo-100:hover {
        --tw-gradient-to: #e0e7ff
    }

    .\32xl\:hover\:to-indigo-200:hover {
        --tw-gradient-to: #c7d2fe
    }

    .\32xl\:hover\:to-indigo-300:hover {
        --tw-gradient-to: #a5b4fc
    }

    .\32xl\:hover\:to-indigo-400:hover {
        --tw-gradient-to: #818cf8
    }

    .\32xl\:hover\:to-indigo-500:hover {
        --tw-gradient-to: #6366f1
    }

    .\32xl\:hover\:to-indigo-600:hover {
        --tw-gradient-to: #4f46e5
    }

    .\32xl\:hover\:to-indigo-700:hover {
        --tw-gradient-to: #4338ca
    }

    .\32xl\:hover\:to-indigo-800:hover {
        --tw-gradient-to: #3730a3
    }

    .\32xl\:hover\:to-indigo-900:hover {
        --tw-gradient-to: #312e81
    }

    .\32xl\:hover\:to-purple-50:hover {
        --tw-gradient-to: #f5f3ff
    }

    .\32xl\:hover\:to-purple-100:hover {
        --tw-gradient-to: #ede9fe
    }

    .\32xl\:hover\:to-purple-200:hover {
        --tw-gradient-to: #ddd6fe
    }

    .\32xl\:hover\:to-purple-300:hover {
        --tw-gradient-to: #c4b5fd
    }

    .\32xl\:hover\:to-purple-400:hover {
        --tw-gradient-to: #a78bfa
    }

    .\32xl\:hover\:to-purple-500:hover {
        --tw-gradient-to: #8b5cf6
    }

    .\32xl\:hover\:to-purple-600:hover {
        --tw-gradient-to: #7c3aed
    }

    .\32xl\:hover\:to-purple-700:hover {
        --tw-gradient-to: #6d28d9
    }

    .\32xl\:hover\:to-purple-800:hover {
        --tw-gradient-to: #5b21b6
    }

    .\32xl\:hover\:to-purple-900:hover {
        --tw-gradient-to: #4c1d95
    }

    .\32xl\:hover\:to-pink-50:hover {
        --tw-gradient-to: #fdf2f8
    }

    .\32xl\:hover\:to-pink-100:hover {
        --tw-gradient-to: #fce7f3
    }

    .\32xl\:hover\:to-pink-200:hover {
        --tw-gradient-to: #fbcfe8
    }

    .\32xl\:hover\:to-pink-300:hover {
        --tw-gradient-to: #f9a8d4
    }

    .\32xl\:hover\:to-pink-400:hover {
        --tw-gradient-to: #f472b6
    }

    .\32xl\:hover\:to-pink-500:hover {
        --tw-gradient-to: #ec4899
    }

    .\32xl\:hover\:to-pink-600:hover {
        --tw-gradient-to: #db2777
    }

    .\32xl\:hover\:to-pink-700:hover {
        --tw-gradient-to: #be185d
    }

    .\32xl\:hover\:to-pink-800:hover {
        --tw-gradient-to: #9d174d
    }

    .\32xl\:hover\:to-pink-900:hover {
        --tw-gradient-to: #831843
    }

    .\32xl\:hover\:to-primary:hover {
        --tw-gradient-to: #1ab938
    }

    .\32xl\:hover\:to-orange:hover {
        --tw-gradient-to: #fdab5a
    }

    .\32xl\:hover\:to-danger:hover {
        --tw-gradient-to: #c75d5d
    }

    .\32xl\:focus\:to-transparent:focus {
        --tw-gradient-to: transparent
    }

    .\32xl\:focus\:to-current:focus {
        --tw-gradient-to: currentColor
    }

    .\32xl\:focus\:to-black:focus {
        --tw-gradient-to: #000
    }

    .\32xl\:focus\:to-white:focus {
        --tw-gradient-to: #fff
    }

    .\32xl\:focus\:to-gray-50:focus {
        --tw-gradient-to: #f9fafb
    }

    .\32xl\:focus\:to-gray-100:focus {
        --tw-gradient-to: #f3f4f6
    }

    .\32xl\:focus\:to-gray-200:focus {
        --tw-gradient-to: #e5e7eb
    }

    .\32xl\:focus\:to-gray-300:focus {
        --tw-gradient-to: #d1d5db
    }

    .\32xl\:focus\:to-gray-400:focus {
        --tw-gradient-to: #9ca3af
    }

    .\32xl\:focus\:to-gray-500:focus {
        --tw-gradient-to: #6b7280
    }

    .\32xl\:focus\:to-gray-600:focus {
        --tw-gradient-to: #4b5563
    }

    .\32xl\:focus\:to-gray-700:focus {
        --tw-gradient-to: #374151
    }

    .\32xl\:focus\:to-gray-800:focus {
        --tw-gradient-to: #1f2937
    }

    .\32xl\:focus\:to-gray-900:focus {
        --tw-gradient-to: #111827
    }

    .\32xl\:focus\:to-red-50:focus {
        --tw-gradient-to: #fef2f2
    }

    .\32xl\:focus\:to-red-100:focus {
        --tw-gradient-to: #fee2e2
    }

    .\32xl\:focus\:to-red-200:focus {
        --tw-gradient-to: #fecaca
    }

    .\32xl\:focus\:to-red-300:focus {
        --tw-gradient-to: #fca5a5
    }

    .\32xl\:focus\:to-red-400:focus {
        --tw-gradient-to: #f87171
    }

    .\32xl\:focus\:to-red-500:focus {
        --tw-gradient-to: #ef4444
    }

    .\32xl\:focus\:to-red-600:focus {
        --tw-gradient-to: #dc2626
    }

    .\32xl\:focus\:to-red-700:focus {
        --tw-gradient-to: #b91c1c
    }

    .\32xl\:focus\:to-red-800:focus {
        --tw-gradient-to: #991b1b
    }

    .\32xl\:focus\:to-red-900:focus {
        --tw-gradient-to: #7f1d1d
    }

    .\32xl\:focus\:to-yellow-50:focus {
        --tw-gradient-to: #fffbeb
    }

    .\32xl\:focus\:to-yellow-100:focus {
        --tw-gradient-to: #fef3c7
    }

    .\32xl\:focus\:to-yellow-200:focus {
        --tw-gradient-to: #fde68a
    }

    .\32xl\:focus\:to-yellow-300:focus {
        --tw-gradient-to: #fcd34d
    }

    .\32xl\:focus\:to-yellow-400:focus {
        --tw-gradient-to: #fbbf24
    }

    .\32xl\:focus\:to-yellow-500:focus {
        --tw-gradient-to: #f59e0b
    }

    .\32xl\:focus\:to-yellow-600:focus {
        --tw-gradient-to: #d97706
    }

    .\32xl\:focus\:to-yellow-700:focus {
        --tw-gradient-to: #b45309
    }

    .\32xl\:focus\:to-yellow-800:focus {
        --tw-gradient-to: #92400e
    }

    .\32xl\:focus\:to-yellow-900:focus {
        --tw-gradient-to: #78350f
    }

    .\32xl\:focus\:to-green-50:focus {
        --tw-gradient-to: #ecfdf5
    }

    .\32xl\:focus\:to-green-100:focus {
        --tw-gradient-to: #d1fae5
    }

    .\32xl\:focus\:to-green-200:focus {
        --tw-gradient-to: #a7f3d0
    }

    .\32xl\:focus\:to-green-300:focus {
        --tw-gradient-to: #6ee7b7
    }

    .\32xl\:focus\:to-green-400:focus {
        --tw-gradient-to: #34d399
    }

    .\32xl\:focus\:to-green-500:focus {
        --tw-gradient-to: #10b981
    }

    .\32xl\:focus\:to-green-600:focus {
        --tw-gradient-to: #059669
    }

    .\32xl\:focus\:to-green-700:focus {
        --tw-gradient-to: #047857
    }

    .\32xl\:focus\:to-green-800:focus {
        --tw-gradient-to: #065f46
    }

    .\32xl\:focus\:to-green-900:focus {
        --tw-gradient-to: #064e3b
    }

    .\32xl\:focus\:to-blue-50:focus {
        --tw-gradient-to: #eff6ff
    }

    .\32xl\:focus\:to-blue-100:focus {
        --tw-gradient-to: #dbeafe
    }

    .\32xl\:focus\:to-blue-200:focus {
        --tw-gradient-to: #bfdbfe
    }

    .\32xl\:focus\:to-blue-300:focus {
        --tw-gradient-to: #93c5fd
    }

    .\32xl\:focus\:to-blue-400:focus {
        --tw-gradient-to: #60a5fa
    }

    .\32xl\:focus\:to-blue-500:focus {
        --tw-gradient-to: #3b82f6
    }

    .\32xl\:focus\:to-blue-600:focus {
        --tw-gradient-to: #2563eb
    }

    .\32xl\:focus\:to-blue-700:focus {
        --tw-gradient-to: #1d4ed8
    }

    .\32xl\:focus\:to-blue-800:focus {
        --tw-gradient-to: #1e40af
    }

    .\32xl\:focus\:to-blue-900:focus {
        --tw-gradient-to: #1e3a8a
    }

    .\32xl\:focus\:to-indigo-50:focus {
        --tw-gradient-to: #eef2ff
    }

    .\32xl\:focus\:to-indigo-100:focus {
        --tw-gradient-to: #e0e7ff
    }

    .\32xl\:focus\:to-indigo-200:focus {
        --tw-gradient-to: #c7d2fe
    }

    .\32xl\:focus\:to-indigo-300:focus {
        --tw-gradient-to: #a5b4fc
    }

    .\32xl\:focus\:to-indigo-400:focus {
        --tw-gradient-to: #818cf8
    }

    .\32xl\:focus\:to-indigo-500:focus {
        --tw-gradient-to: #6366f1
    }

    .\32xl\:focus\:to-indigo-600:focus {
        --tw-gradient-to: #4f46e5
    }

    .\32xl\:focus\:to-indigo-700:focus {
        --tw-gradient-to: #4338ca
    }

    .\32xl\:focus\:to-indigo-800:focus {
        --tw-gradient-to: #3730a3
    }

    .\32xl\:focus\:to-indigo-900:focus {
        --tw-gradient-to: #312e81
    }

    .\32xl\:focus\:to-purple-50:focus {
        --tw-gradient-to: #f5f3ff
    }

    .\32xl\:focus\:to-purple-100:focus {
        --tw-gradient-to: #ede9fe
    }

    .\32xl\:focus\:to-purple-200:focus {
        --tw-gradient-to: #ddd6fe
    }

    .\32xl\:focus\:to-purple-300:focus {
        --tw-gradient-to: #c4b5fd
    }

    .\32xl\:focus\:to-purple-400:focus {
        --tw-gradient-to: #a78bfa
    }

    .\32xl\:focus\:to-purple-500:focus {
        --tw-gradient-to: #8b5cf6
    }

    .\32xl\:focus\:to-purple-600:focus {
        --tw-gradient-to: #7c3aed
    }

    .\32xl\:focus\:to-purple-700:focus {
        --tw-gradient-to: #6d28d9
    }

    .\32xl\:focus\:to-purple-800:focus {
        --tw-gradient-to: #5b21b6
    }

    .\32xl\:focus\:to-purple-900:focus {
        --tw-gradient-to: #4c1d95
    }

    .\32xl\:focus\:to-pink-50:focus {
        --tw-gradient-to: #fdf2f8
    }

    .\32xl\:focus\:to-pink-100:focus {
        --tw-gradient-to: #fce7f3
    }

    .\32xl\:focus\:to-pink-200:focus {
        --tw-gradient-to: #fbcfe8
    }

    .\32xl\:focus\:to-pink-300:focus {
        --tw-gradient-to: #f9a8d4
    }

    .\32xl\:focus\:to-pink-400:focus {
        --tw-gradient-to: #f472b6
    }

    .\32xl\:focus\:to-pink-500:focus {
        --tw-gradient-to: #ec4899
    }

    .\32xl\:focus\:to-pink-600:focus {
        --tw-gradient-to: #db2777
    }

    .\32xl\:focus\:to-pink-700:focus {
        --tw-gradient-to: #be185d
    }

    .\32xl\:focus\:to-pink-800:focus {
        --tw-gradient-to: #9d174d
    }

    .\32xl\:focus\:to-pink-900:focus {
        --tw-gradient-to: #831843
    }

    .\32xl\:focus\:to-primary:focus {
        --tw-gradient-to: #1ab938
    }

    .\32xl\:focus\:to-orange:focus {
        --tw-gradient-to: #fdab5a
    }

    .\32xl\:focus\:to-danger:focus {
        --tw-gradient-to: #c75d5d
    }

    .group:hover .\32xl\:group-hover\:text-transparent {
        color: transparent
    }

    .group:hover .\32xl\:group-hover\:text-current {
        color: currentColor
    }

    .group:hover .\32xl\:group-hover\:text-black {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-white {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-gray-50 {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-gray-100 {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-gray-200 {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-gray-300 {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-gray-400 {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-gray-500 {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-gray-600 {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-gray-700 {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-gray-800 {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-gray-900 {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-red-50 {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-red-100 {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-red-200 {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-red-300 {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-red-400 {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-red-500 {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-red-600 {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-red-700 {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-red-800 {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-red-900 {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-yellow-50 {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-yellow-100 {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-yellow-200 {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-yellow-300 {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-yellow-400 {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-yellow-500 {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-yellow-600 {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-yellow-700 {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-yellow-800 {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-yellow-900 {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-green-50 {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-green-100 {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-green-200 {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-green-300 {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-green-400 {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-green-500 {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-green-600 {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-green-700 {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-green-800 {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-green-900 {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-blue-50 {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-blue-100 {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-blue-200 {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-blue-300 {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-blue-400 {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-blue-500 {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-blue-600 {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-blue-700 {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-blue-800 {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-blue-900 {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-indigo-50 {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-indigo-100 {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-indigo-200 {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-indigo-300 {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-indigo-400 {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-indigo-500 {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-indigo-600 {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-indigo-700 {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-indigo-800 {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-indigo-900 {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-purple-50 {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-purple-100 {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-purple-200 {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-purple-300 {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-purple-400 {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-purple-500 {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-purple-600 {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-purple-700 {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-purple-800 {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-purple-900 {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-pink-50 {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-pink-100 {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-pink-200 {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-pink-300 {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-pink-400 {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-pink-500 {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-pink-600 {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-pink-700 {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-pink-800 {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-pink-900 {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-primary {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-orange {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .group:hover .\32xl\:group-hover\:text-danger {
        color: #c75d5d
    }

    .\32xl\:focus-within\:text-transparent:focus-within {
        color: transparent
    }

    .\32xl\:focus-within\:text-current:focus-within {
        color: currentColor
    }

    .\32xl\:focus-within\:text-black:focus-within {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-white:focus-within {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-gray-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-gray-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-gray-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-gray-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-gray-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-gray-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-gray-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-gray-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-gray-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-gray-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-red-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-red-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-red-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-red-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-red-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-red-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-red-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-red-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-red-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-red-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-yellow-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-yellow-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-yellow-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-yellow-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-yellow-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-yellow-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-yellow-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-yellow-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-yellow-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-yellow-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-green-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-green-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-green-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-green-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-green-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-green-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-green-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-green-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-green-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-green-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-blue-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-blue-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-blue-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-blue-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-blue-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-blue-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-blue-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-blue-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-blue-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-blue-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-indigo-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-indigo-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-indigo-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-indigo-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-indigo-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-indigo-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-indigo-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-indigo-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-indigo-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-indigo-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-purple-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-purple-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-purple-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-purple-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-purple-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-purple-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-purple-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-purple-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-purple-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-purple-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-pink-50:focus-within {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-pink-100:focus-within {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-pink-200:focus-within {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-pink-300:focus-within {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-pink-400:focus-within {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-pink-500:focus-within {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-pink-600:focus-within {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-pink-700:focus-within {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-pink-800:focus-within {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-pink-900:focus-within {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-primary:focus-within {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-orange:focus-within {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .\32xl\:focus-within\:text-danger:focus-within {
        color: #c75d5d
    }

    .\32xl\:hover\:text-transparent:hover {
        color: transparent
    }

    .\32xl\:hover\:text-current:hover {
        color: currentColor
    }

    .\32xl\:hover\:text-black:hover {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-white:hover {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-gray-50:hover {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-gray-100:hover {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-gray-200:hover {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-gray-300:hover {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-gray-400:hover {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-gray-500:hover {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-gray-600:hover {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-gray-700:hover {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-gray-800:hover {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-gray-900:hover {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-red-50:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-red-100:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-red-200:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-red-300:hover {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-red-400:hover {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-red-500:hover {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-red-600:hover {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-red-700:hover {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-red-800:hover {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-red-900:hover {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-yellow-50:hover {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-yellow-100:hover {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-yellow-200:hover {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-yellow-300:hover {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-yellow-400:hover {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-yellow-500:hover {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-yellow-600:hover {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-yellow-700:hover {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-yellow-800:hover {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-yellow-900:hover {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-green-50:hover {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-green-100:hover {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-green-200:hover {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-green-300:hover {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-green-400:hover {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-green-500:hover {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-green-600:hover {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-green-700:hover {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-green-800:hover {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-green-900:hover {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-blue-50:hover {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-blue-100:hover {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-blue-200:hover {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-blue-300:hover {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-blue-400:hover {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-blue-500:hover {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-blue-600:hover {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-blue-700:hover {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-blue-800:hover {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-blue-900:hover {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-indigo-50:hover {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-indigo-100:hover {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-indigo-200:hover {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-indigo-300:hover {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-indigo-400:hover {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-indigo-500:hover {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-indigo-600:hover {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-indigo-700:hover {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-indigo-800:hover {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-indigo-900:hover {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-purple-50:hover {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-purple-100:hover {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-purple-200:hover {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-purple-300:hover {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-purple-400:hover {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-purple-500:hover {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-purple-600:hover {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-purple-700:hover {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-purple-800:hover {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-purple-900:hover {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-pink-50:hover {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-pink-100:hover {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-pink-200:hover {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-pink-300:hover {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-pink-400:hover {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-pink-500:hover {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-pink-600:hover {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-pink-700:hover {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-pink-800:hover {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-pink-900:hover {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-primary:hover {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-orange:hover {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .\32xl\:hover\:text-danger:hover {
        color: #c75d5d
    }

    .\32xl\:focus\:text-transparent:focus {
        color: transparent
    }

    .\32xl\:focus\:text-current:focus {
        color: currentColor
    }

    .\32xl\:focus\:text-black:focus {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-white:focus {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-gray-50:focus {
        --tw-text-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-gray-100:focus {
        --tw-text-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-gray-200:focus {
        --tw-text-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-gray-300:focus {
        --tw-text-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-gray-400:focus {
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-gray-500:focus {
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-gray-600:focus {
        --tw-text-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-gray-700:focus {
        --tw-text-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-gray-800:focus {
        --tw-text-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-gray-900:focus {
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-red-50:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-red-100:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-red-200:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-red-300:focus {
        --tw-text-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-red-400:focus {
        --tw-text-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-red-500:focus {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-red-600:focus {
        --tw-text-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-red-700:focus {
        --tw-text-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-red-800:focus {
        --tw-text-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-red-900:focus {
        --tw-text-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-yellow-50:focus {
        --tw-text-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-yellow-100:focus {
        --tw-text-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-yellow-200:focus {
        --tw-text-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-yellow-300:focus {
        --tw-text-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-yellow-400:focus {
        --tw-text-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-yellow-500:focus {
        --tw-text-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-yellow-600:focus {
        --tw-text-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-yellow-700:focus {
        --tw-text-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-yellow-800:focus {
        --tw-text-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-yellow-900:focus {
        --tw-text-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-green-50:focus {
        --tw-text-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-green-100:focus {
        --tw-text-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-green-200:focus {
        --tw-text-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-green-300:focus {
        --tw-text-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-green-400:focus {
        --tw-text-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-green-500:focus {
        --tw-text-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-green-600:focus {
        --tw-text-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-green-700:focus {
        --tw-text-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-green-800:focus {
        --tw-text-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-green-900:focus {
        --tw-text-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-blue-50:focus {
        --tw-text-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-blue-100:focus {
        --tw-text-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-blue-200:focus {
        --tw-text-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-blue-300:focus {
        --tw-text-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-blue-400:focus {
        --tw-text-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-blue-500:focus {
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-blue-600:focus {
        --tw-text-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-blue-700:focus {
        --tw-text-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-blue-800:focus {
        --tw-text-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-blue-900:focus {
        --tw-text-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-indigo-50:focus {
        --tw-text-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-indigo-100:focus {
        --tw-text-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-indigo-200:focus {
        --tw-text-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-indigo-300:focus {
        --tw-text-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-indigo-400:focus {
        --tw-text-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-indigo-500:focus {
        --tw-text-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-indigo-600:focus {
        --tw-text-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-indigo-700:focus {
        --tw-text-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-indigo-800:focus {
        --tw-text-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-indigo-900:focus {
        --tw-text-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-purple-50:focus {
        --tw-text-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-purple-100:focus {
        --tw-text-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-purple-200:focus {
        --tw-text-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-purple-300:focus {
        --tw-text-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-purple-400:focus {
        --tw-text-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-purple-500:focus {
        --tw-text-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-purple-600:focus {
        --tw-text-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-purple-700:focus {
        --tw-text-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-purple-800:focus {
        --tw-text-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-purple-900:focus {
        --tw-text-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-pink-50:focus {
        --tw-text-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-pink-100:focus {
        --tw-text-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-pink-200:focus {
        --tw-text-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-pink-300:focus {
        --tw-text-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-pink-400:focus {
        --tw-text-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-pink-500:focus {
        --tw-text-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-pink-600:focus {
        --tw-text-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-pink-700:focus {
        --tw-text-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-pink-800:focus {
        --tw-text-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-pink-900:focus {
        --tw-text-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-primary:focus {
        --tw-text-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-orange:focus {
        --tw-text-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-text-opacity))
    }

    .\32xl\:focus\:text-danger:focus {
        color: #c75d5d
    }

    .group:hover .\32xl\:group-hover\:text-opacity-0 {
        --tw-text-opacity: 0
    }

    .group:hover .\32xl\:group-hover\:text-opacity-5 {
        --tw-text-opacity: 0.05
    }

    .group:hover .\32xl\:group-hover\:text-opacity-10 {
        --tw-text-opacity: 0.1
    }

    .group:hover .\32xl\:group-hover\:text-opacity-20 {
        --tw-text-opacity: 0.2
    }

    .group:hover .\32xl\:group-hover\:text-opacity-25 {
        --tw-text-opacity: 0.25
    }

    .group:hover .\32xl\:group-hover\:text-opacity-30 {
        --tw-text-opacity: 0.3
    }

    .group:hover .\32xl\:group-hover\:text-opacity-40 {
        --tw-text-opacity: 0.4
    }

    .group:hover .\32xl\:group-hover\:text-opacity-50 {
        --tw-text-opacity: 0.5
    }

    .group:hover .\32xl\:group-hover\:text-opacity-60 {
        --tw-text-opacity: 0.6
    }

    .group:hover .\32xl\:group-hover\:text-opacity-70 {
        --tw-text-opacity: 0.7
    }

    .group:hover .\32xl\:group-hover\:text-opacity-75 {
        --tw-text-opacity: 0.75
    }

    .group:hover .\32xl\:group-hover\:text-opacity-80 {
        --tw-text-opacity: 0.8
    }

    .group:hover .\32xl\:group-hover\:text-opacity-90 {
        --tw-text-opacity: 0.9
    }

    .group:hover .\32xl\:group-hover\:text-opacity-95 {
        --tw-text-opacity: 0.95
    }

    .group:hover .\32xl\:group-hover\:text-opacity-100 {
        --tw-text-opacity: 1
    }

    .\32xl\:focus-within\:text-opacity-0:focus-within {
        --tw-text-opacity: 0
    }

    .\32xl\:focus-within\:text-opacity-5:focus-within {
        --tw-text-opacity: 0.05
    }

    .\32xl\:focus-within\:text-opacity-10:focus-within {
        --tw-text-opacity: 0.1
    }

    .\32xl\:focus-within\:text-opacity-20:focus-within {
        --tw-text-opacity: 0.2
    }

    .\32xl\:focus-within\:text-opacity-25:focus-within {
        --tw-text-opacity: 0.25
    }

    .\32xl\:focus-within\:text-opacity-30:focus-within {
        --tw-text-opacity: 0.3
    }

    .\32xl\:focus-within\:text-opacity-40:focus-within {
        --tw-text-opacity: 0.4
    }

    .\32xl\:focus-within\:text-opacity-50:focus-within {
        --tw-text-opacity: 0.5
    }

    .\32xl\:focus-within\:text-opacity-60:focus-within {
        --tw-text-opacity: 0.6
    }

    .\32xl\:focus-within\:text-opacity-70:focus-within {
        --tw-text-opacity: 0.7
    }

    .\32xl\:focus-within\:text-opacity-75:focus-within {
        --tw-text-opacity: 0.75
    }

    .\32xl\:focus-within\:text-opacity-80:focus-within {
        --tw-text-opacity: 0.8
    }

    .\32xl\:focus-within\:text-opacity-90:focus-within {
        --tw-text-opacity: 0.9
    }

    .\32xl\:focus-within\:text-opacity-95:focus-within {
        --tw-text-opacity: 0.95
    }

    .\32xl\:focus-within\:text-opacity-100:focus-within {
        --tw-text-opacity: 1
    }

    .\32xl\:hover\:text-opacity-0:hover {
        --tw-text-opacity: 0
    }

    .\32xl\:hover\:text-opacity-5:hover {
        --tw-text-opacity: 0.05
    }

    .\32xl\:hover\:text-opacity-10:hover {
        --tw-text-opacity: 0.1
    }

    .\32xl\:hover\:text-opacity-20:hover {
        --tw-text-opacity: 0.2
    }

    .\32xl\:hover\:text-opacity-25:hover {
        --tw-text-opacity: 0.25
    }

    .\32xl\:hover\:text-opacity-30:hover {
        --tw-text-opacity: 0.3
    }

    .\32xl\:hover\:text-opacity-40:hover {
        --tw-text-opacity: 0.4
    }

    .\32xl\:hover\:text-opacity-50:hover {
        --tw-text-opacity: 0.5
    }

    .\32xl\:hover\:text-opacity-60:hover {
        --tw-text-opacity: 0.6
    }

    .\32xl\:hover\:text-opacity-70:hover {
        --tw-text-opacity: 0.7
    }

    .\32xl\:hover\:text-opacity-75:hover {
        --tw-text-opacity: 0.75
    }

    .\32xl\:hover\:text-opacity-80:hover {
        --tw-text-opacity: 0.8
    }

    .\32xl\:hover\:text-opacity-90:hover {
        --tw-text-opacity: 0.9
    }

    .\32xl\:hover\:text-opacity-95:hover {
        --tw-text-opacity: 0.95
    }

    .\32xl\:hover\:text-opacity-100:hover {
        --tw-text-opacity: 1
    }

    .\32xl\:focus\:text-opacity-0:focus {
        --tw-text-opacity: 0
    }

    .\32xl\:focus\:text-opacity-5:focus {
        --tw-text-opacity: 0.05
    }

    .\32xl\:focus\:text-opacity-10:focus {
        --tw-text-opacity: 0.1
    }

    .\32xl\:focus\:text-opacity-20:focus {
        --tw-text-opacity: 0.2
    }

    .\32xl\:focus\:text-opacity-25:focus {
        --tw-text-opacity: 0.25
    }

    .\32xl\:focus\:text-opacity-30:focus {
        --tw-text-opacity: 0.3
    }

    .\32xl\:focus\:text-opacity-40:focus {
        --tw-text-opacity: 0.4
    }

    .\32xl\:focus\:text-opacity-50:focus {
        --tw-text-opacity: 0.5
    }

    .\32xl\:focus\:text-opacity-60:focus {
        --tw-text-opacity: 0.6
    }

    .\32xl\:focus\:text-opacity-70:focus {
        --tw-text-opacity: 0.7
    }

    .\32xl\:focus\:text-opacity-75:focus {
        --tw-text-opacity: 0.75
    }

    .\32xl\:focus\:text-opacity-80:focus {
        --tw-text-opacity: 0.8
    }

    .\32xl\:focus\:text-opacity-90:focus {
        --tw-text-opacity: 0.9
    }

    .\32xl\:focus\:text-opacity-95:focus {
        --tw-text-opacity: 0.95
    }

    .\32xl\:focus\:text-opacity-100:focus {
        --tw-text-opacity: 1
    }

    .group:hover .\32xl\:group-hover\:underline {
        text-decoration: underline
    }

    .group:hover .\32xl\:group-hover\:line-through {
        text-decoration: line-through
    }

    .group:hover .\32xl\:group-hover\:no-underline {
        text-decoration: none
    }

    .\32xl\:focus-within\:underline:focus-within {
        text-decoration: underline
    }

    .\32xl\:focus-within\:line-through:focus-within {
        text-decoration: line-through
    }

    .\32xl\:focus-within\:no-underline:focus-within {
        text-decoration: none
    }

    .\32xl\:hover\:underline:hover {
        text-decoration: underline
    }

    .\32xl\:hover\:line-through:hover {
        text-decoration: line-through
    }

    .\32xl\:hover\:no-underline:hover {
        text-decoration: none
    }

    .\32xl\:focus\:underline:focus {
        text-decoration: underline
    }

    .\32xl\:focus\:line-through:focus {
        text-decoration: line-through
    }

    .\32xl\:focus\:no-underline:focus {
        text-decoration: none
    }

    .\32xl\:placeholder-transparent::-webkit-input-placeholder {
        color: transparent
    }

    .\32xl\:placeholder-transparent::-moz-placeholder {
        color: transparent
    }

    .\32xl\:placeholder-transparent::-ms-input-placeholder {
        color: transparent
    }

    .\32xl\:placeholder-transparent::placeholder {
        color: transparent
    }

    .\32xl\:placeholder-current::-webkit-input-placeholder {
        color: currentColor
    }

    .\32xl\:placeholder-current::-moz-placeholder {
        color: currentColor
    }

    .\32xl\:placeholder-current::-ms-input-placeholder {
        color: currentColor
    }

    .\32xl\:placeholder-current::placeholder {
        color: currentColor
    }

    .\32xl\:placeholder-black::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-black::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-black::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-black::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-white::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-white::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-white::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-white::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-gray-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-red-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-yellow-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-green-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-blue-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-indigo-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-purple-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-50::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-50::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-100::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-100::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-200::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-200::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-300::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-300::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-300::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-300::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-400::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-400::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-500::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-500::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-500::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-500::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-600::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-600::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-600::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-600::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-700::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-700::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-700::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-700::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-800::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-800::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-800::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-800::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-900::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-900::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-900::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-pink-900::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-primary::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-primary::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-primary::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-primary::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-orange::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-orange::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-orange::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-orange::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .\32xl\:placeholder-danger::-webkit-input-placeholder {
        color: #c75d5d
    }

    .\32xl\:placeholder-danger::-moz-placeholder {
        color: #c75d5d
    }

    .\32xl\:placeholder-danger::-ms-input-placeholder {
        color: #c75d5d
    }

    .\32xl\:placeholder-danger::placeholder {
        color: #c75d5d
    }

    .\32xl\:focus\:placeholder-transparent:focus::-webkit-input-placeholder {
        color: transparent
    }

    .\32xl\:focus\:placeholder-transparent:focus::-moz-placeholder {
        color: transparent
    }

    .\32xl\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
        color: transparent
    }

    .\32xl\:focus\:placeholder-transparent:focus::placeholder {
        color: transparent
    }

    .\32xl\:focus\:placeholder-current:focus::-webkit-input-placeholder {
        color: currentColor
    }

    .\32xl\:focus\:placeholder-current:focus::-moz-placeholder {
        color: currentColor
    }

    .\32xl\:focus\:placeholder-current:focus::-ms-input-placeholder {
        color: currentColor
    }

    .\32xl\:focus\:placeholder-current:focus::placeholder {
        color: currentColor
    }

    .\32xl\:focus\:placeholder-black:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-black:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-black:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-black:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-white:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-white:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-white:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-white:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 250, 251, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(243, 244, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(229, 231, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 213, 219, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(107, 114, 128, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 65, 81, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(31, 41, 55, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-gray-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(17, 24, 39, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 242, 242, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 226, 226, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 202, 202, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 165, 165, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(248, 113, 113, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(220, 38, 38, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(185, 28, 28, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(153, 27, 27, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-red-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(127, 29, 29, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(255, 251, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(254, 243, 199, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 230, 138, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 211, 77, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 191, 36, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 158, 11, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(217, 119, 6, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(180, 83, 9, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(146, 64, 14, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-yellow-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(120, 53, 15, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 253, 245, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(209, 250, 229, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 243, 208, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(110, 231, 183, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(52, 211, 153, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(16, 185, 129, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(5, 150, 105, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(4, 120, 87, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 95, 70, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-green-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(6, 78, 59, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(239, 246, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 234, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(191, 219, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(147, 197, 253, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(96, 165, 250, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(37, 99, 235, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(29, 78, 216, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 64, 175, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-blue-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(30, 58, 138, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(238, 242, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(224, 231, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(199, 210, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(165, 180, 252, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(129, 140, 248, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(99, 102, 241, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(79, 70, 229, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(67, 56, 202, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(55, 48, 163, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-indigo-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(49, 46, 129, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(245, 243, 255, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(237, 233, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(221, 214, 254, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(196, 181, 253, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(167, 139, 250, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(139, 92, 246, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(124, 58, 237, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(109, 40, 217, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(91, 33, 182, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-purple-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(76, 29, 149, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-50:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 242, 248, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-100:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(252, 231, 243, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-200:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-200:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(251, 207, 232, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-300:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-300:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(249, 168, 212, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-400:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-400:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(244, 114, 182, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-500:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-500:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(236, 72, 153, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-600:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-600:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(219, 39, 119, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-700:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-700:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(190, 24, 93, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-800:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-800:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(157, 23, 77, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-900:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-pink-900:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(131, 24, 67, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-primary:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-primary:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-primary:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-primary:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(26, 185, 56, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-orange:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-orange:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-orange:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-orange:focus::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgba(253, 171, 90, var(--tw-placeholder-opacity))
    }

    .\32xl\:focus\:placeholder-danger:focus::-webkit-input-placeholder {
        color: #c75d5d
    }

    .\32xl\:focus\:placeholder-danger:focus::-moz-placeholder {
        color: #c75d5d
    }

    .\32xl\:focus\:placeholder-danger:focus::-ms-input-placeholder {
        color: #c75d5d
    }

    .\32xl\:focus\:placeholder-danger:focus::placeholder {
        color: #c75d5d
    }

    .\32xl\:placeholder-opacity-0::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .\32xl\:placeholder-opacity-0::-moz-placeholder {
        --tw-placeholder-opacity: 0
    }

    .\32xl\:placeholder-opacity-0::-ms-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .\32xl\:placeholder-opacity-0::placeholder {
        --tw-placeholder-opacity: 0
    }

    .\32xl\:placeholder-opacity-5::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .\32xl\:placeholder-opacity-5::-moz-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .\32xl\:placeholder-opacity-5::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .\32xl\:placeholder-opacity-5::placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .\32xl\:placeholder-opacity-10::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .\32xl\:placeholder-opacity-10::-moz-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .\32xl\:placeholder-opacity-10::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .\32xl\:placeholder-opacity-10::placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .\32xl\:placeholder-opacity-20::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .\32xl\:placeholder-opacity-20::-moz-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .\32xl\:placeholder-opacity-20::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .\32xl\:placeholder-opacity-20::placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .\32xl\:placeholder-opacity-25::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .\32xl\:placeholder-opacity-25::-moz-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .\32xl\:placeholder-opacity-25::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .\32xl\:placeholder-opacity-25::placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .\32xl\:placeholder-opacity-30::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .\32xl\:placeholder-opacity-30::-moz-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .\32xl\:placeholder-opacity-30::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .\32xl\:placeholder-opacity-30::placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .\32xl\:placeholder-opacity-40::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .\32xl\:placeholder-opacity-40::-moz-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .\32xl\:placeholder-opacity-40::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .\32xl\:placeholder-opacity-40::placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .\32xl\:placeholder-opacity-50::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .\32xl\:placeholder-opacity-50::-moz-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .\32xl\:placeholder-opacity-50::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .\32xl\:placeholder-opacity-50::placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .\32xl\:placeholder-opacity-60::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .\32xl\:placeholder-opacity-60::-moz-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .\32xl\:placeholder-opacity-60::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .\32xl\:placeholder-opacity-60::placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .\32xl\:placeholder-opacity-70::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .\32xl\:placeholder-opacity-70::-moz-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .\32xl\:placeholder-opacity-70::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .\32xl\:placeholder-opacity-70::placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .\32xl\:placeholder-opacity-75::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .\32xl\:placeholder-opacity-75::-moz-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .\32xl\:placeholder-opacity-75::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .\32xl\:placeholder-opacity-75::placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .\32xl\:placeholder-opacity-80::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .\32xl\:placeholder-opacity-80::-moz-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .\32xl\:placeholder-opacity-80::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .\32xl\:placeholder-opacity-80::placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .\32xl\:placeholder-opacity-90::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .\32xl\:placeholder-opacity-90::-moz-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .\32xl\:placeholder-opacity-90::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .\32xl\:placeholder-opacity-90::placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .\32xl\:placeholder-opacity-95::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .\32xl\:placeholder-opacity-95::-moz-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .\32xl\:placeholder-opacity-95::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .\32xl\:placeholder-opacity-95::placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .\32xl\:placeholder-opacity-100::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .\32xl\:placeholder-opacity-100::-moz-placeholder {
        --tw-placeholder-opacity: 1
    }

    .\32xl\:placeholder-opacity-100::-ms-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .\32xl\:placeholder-opacity-100::placeholder {
        --tw-placeholder-opacity: 1
    }

    .\32xl\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .\32xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0
    }

    .\32xl\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0
    }

    .\32xl\:focus\:placeholder-opacity-0:focus::placeholder {
        --tw-placeholder-opacity: 0
    }

    .\32xl\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .\32xl\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .\32xl\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .\32xl\:focus\:placeholder-opacity-5:focus::placeholder {
        --tw-placeholder-opacity: 0.05
    }

    .\32xl\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .\32xl\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .\32xl\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .\32xl\:focus\:placeholder-opacity-10:focus::placeholder {
        --tw-placeholder-opacity: 0.1
    }

    .\32xl\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .\32xl\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .\32xl\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .\32xl\:focus\:placeholder-opacity-20:focus::placeholder {
        --tw-placeholder-opacity: 0.2
    }

    .\32xl\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .\32xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .\32xl\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .\32xl\:focus\:placeholder-opacity-25:focus::placeholder {
        --tw-placeholder-opacity: 0.25
    }

    .\32xl\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .\32xl\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .\32xl\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .\32xl\:focus\:placeholder-opacity-30:focus::placeholder {
        --tw-placeholder-opacity: 0.3
    }

    .\32xl\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .\32xl\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .\32xl\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .\32xl\:focus\:placeholder-opacity-40:focus::placeholder {
        --tw-placeholder-opacity: 0.4
    }

    .\32xl\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .\32xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .\32xl\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .\32xl\:focus\:placeholder-opacity-50:focus::placeholder {
        --tw-placeholder-opacity: 0.5
    }

    .\32xl\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .\32xl\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .\32xl\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .\32xl\:focus\:placeholder-opacity-60:focus::placeholder {
        --tw-placeholder-opacity: 0.6
    }

    .\32xl\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .\32xl\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .\32xl\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .\32xl\:focus\:placeholder-opacity-70:focus::placeholder {
        --tw-placeholder-opacity: 0.7
    }

    .\32xl\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .\32xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .\32xl\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .\32xl\:focus\:placeholder-opacity-75:focus::placeholder {
        --tw-placeholder-opacity: 0.75
    }

    .\32xl\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .\32xl\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .\32xl\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .\32xl\:focus\:placeholder-opacity-80:focus::placeholder {
        --tw-placeholder-opacity: 0.8
    }

    .\32xl\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .\32xl\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .\32xl\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .\32xl\:focus\:placeholder-opacity-90:focus::placeholder {
        --tw-placeholder-opacity: 0.9
    }

    .\32xl\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .\32xl\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .\32xl\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .\32xl\:focus\:placeholder-opacity-95:focus::placeholder {
        --tw-placeholder-opacity: 0.95
    }

    .\32xl\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .\32xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
        --tw-placeholder-opacity: 1
    }

    .\32xl\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
        --tw-placeholder-opacity: 1
    }

    .\32xl\:focus\:placeholder-opacity-100:focus::placeholder {
        --tw-placeholder-opacity: 1
    }

    .group:hover .\32xl\:group-hover\:opacity-0 {
        opacity: 0
    }

    .group:hover .\32xl\:group-hover\:opacity-5 {
        opacity: .05
    }

    .group:hover .\32xl\:group-hover\:opacity-10 {
        opacity: .1
    }

    .group:hover .\32xl\:group-hover\:opacity-20 {
        opacity: .2
    }

    .group:hover .\32xl\:group-hover\:opacity-25 {
        opacity: .25
    }

    .group:hover .\32xl\:group-hover\:opacity-30 {
        opacity: .3
    }

    .group:hover .\32xl\:group-hover\:opacity-40 {
        opacity: .4
    }

    .group:hover .\32xl\:group-hover\:opacity-50 {
        opacity: .5
    }

    .group:hover .\32xl\:group-hover\:opacity-60 {
        opacity: .6
    }

    .group:hover .\32xl\:group-hover\:opacity-70 {
        opacity: .7
    }

    .group:hover .\32xl\:group-hover\:opacity-75 {
        opacity: .75
    }

    .group:hover .\32xl\:group-hover\:opacity-80 {
        opacity: .8
    }

    .group:hover .\32xl\:group-hover\:opacity-90 {
        opacity: .9
    }

    .group:hover .\32xl\:group-hover\:opacity-95 {
        opacity: .95
    }

    .group:hover .\32xl\:group-hover\:opacity-100 {
        opacity: 1
    }

    .\32xl\:focus-within\:opacity-0:focus-within {
        opacity: 0
    }

    .\32xl\:focus-within\:opacity-5:focus-within {
        opacity: .05
    }

    .\32xl\:focus-within\:opacity-10:focus-within {
        opacity: .1
    }

    .\32xl\:focus-within\:opacity-20:focus-within {
        opacity: .2
    }

    .\32xl\:focus-within\:opacity-25:focus-within {
        opacity: .25
    }

    .\32xl\:focus-within\:opacity-30:focus-within {
        opacity: .3
    }

    .\32xl\:focus-within\:opacity-40:focus-within {
        opacity: .4
    }

    .\32xl\:focus-within\:opacity-50:focus-within {
        opacity: .5
    }

    .\32xl\:focus-within\:opacity-60:focus-within {
        opacity: .6
    }

    .\32xl\:focus-within\:opacity-70:focus-within {
        opacity: .7
    }

    .\32xl\:focus-within\:opacity-75:focus-within {
        opacity: .75
    }

    .\32xl\:focus-within\:opacity-80:focus-within {
        opacity: .8
    }

    .\32xl\:focus-within\:opacity-90:focus-within {
        opacity: .9
    }

    .\32xl\:focus-within\:opacity-95:focus-within {
        opacity: .95
    }

    .\32xl\:focus-within\:opacity-100:focus-within {
        opacity: 1
    }

    .\32xl\:hover\:opacity-0:hover {
        opacity: 0
    }

    .\32xl\:hover\:opacity-5:hover {
        opacity: .05
    }

    .\32xl\:hover\:opacity-10:hover {
        opacity: .1
    }

    .\32xl\:hover\:opacity-20:hover {
        opacity: .2
    }

    .\32xl\:hover\:opacity-25:hover {
        opacity: .25
    }

    .\32xl\:hover\:opacity-30:hover {
        opacity: .3
    }

    .\32xl\:hover\:opacity-40:hover {
        opacity: .4
    }

    .\32xl\:hover\:opacity-50:hover {
        opacity: .5
    }

    .\32xl\:hover\:opacity-60:hover {
        opacity: .6
    }

    .\32xl\:hover\:opacity-70:hover {
        opacity: .7
    }

    .\32xl\:hover\:opacity-75:hover {
        opacity: .75
    }

    .\32xl\:hover\:opacity-80:hover {
        opacity: .8
    }

    .\32xl\:hover\:opacity-90:hover {
        opacity: .9
    }

    .\32xl\:hover\:opacity-95:hover {
        opacity: .95
    }

    .\32xl\:hover\:opacity-100:hover {
        opacity: 1
    }

    .\32xl\:focus\:opacity-0:focus {
        opacity: 0
    }

    .\32xl\:focus\:opacity-5:focus {
        opacity: .05
    }

    .\32xl\:focus\:opacity-10:focus {
        opacity: .1
    }

    .\32xl\:focus\:opacity-20:focus {
        opacity: .2
    }

    .\32xl\:focus\:opacity-25:focus {
        opacity: .25
    }

    .\32xl\:focus\:opacity-30:focus {
        opacity: .3
    }

    .\32xl\:focus\:opacity-40:focus {
        opacity: .4
    }

    .\32xl\:focus\:opacity-50:focus {
        opacity: .5
    }

    .\32xl\:focus\:opacity-60:focus {
        opacity: .6
    }

    .\32xl\:focus\:opacity-70:focus {
        opacity: .7
    }

    .\32xl\:focus\:opacity-75:focus {
        opacity: .75
    }

    .\32xl\:focus\:opacity-80:focus {
        opacity: .8
    }

    .\32xl\:focus\:opacity-90:focus {
        opacity: .9
    }

    .\32xl\:focus\:opacity-95:focus {
        opacity: .95
    }

    .\32xl\:focus\:opacity-100:focus {
        opacity: 1
    }

    .group:hover .\32xl\:group-hover\:shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
    }

    .group:hover .\32xl\:group-hover\:shadow,
    .group:hover .\32xl\:group-hover\:shadow-sm {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .\32xl\:group-hover\:shadow {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
    }

    .group:hover .\32xl\:group-hover\:shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
    }

    .group:hover .\32xl\:group-hover\:shadow-lg,
    .group:hover .\32xl\:group-hover\:shadow-md {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .\32xl\:group-hover\:shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
    }

    .group:hover .\32xl\:group-hover\:shadow-xl {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
    }

    .group:hover .\32xl\:group-hover\:shadow-2xl,
    .group:hover .\32xl\:group-hover\:shadow-xl {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .\32xl\:group-hover\:shadow-2xl {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
    }

    .group:hover .\32xl\:group-hover\:shadow-inner {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
    }

    .group:hover .\32xl\:group-hover\:shadow-inner,
    .group:hover .\32xl\:group-hover\:shadow-none {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .group:hover .\32xl\:group-hover\:shadow-none {
        --tw-shadow: 0 0 transparent
    }

    .\32xl\:focus-within\:shadow-sm:focus-within {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .\32xl\:focus-within\:shadow:focus-within {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .\32xl\:focus-within\:shadow-md:focus-within {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .\32xl\:focus-within\:shadow-lg:focus-within {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .\32xl\:focus-within\:shadow-xl:focus-within {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .\32xl\:focus-within\:shadow-2xl:focus-within {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .\32xl\:focus-within\:shadow-inner:focus-within {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .\32xl\:focus-within\:shadow-none:focus-within {
        --tw-shadow: 0 0 transparent;
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .\32xl\:hover\:shadow-sm:hover {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
    }

    .\32xl\:hover\:shadow-sm:hover,
    .\32xl\:hover\:shadow:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .\32xl\:hover\:shadow:hover {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
    }

    .\32xl\:hover\:shadow-md:hover {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
    }

    .\32xl\:hover\:shadow-lg:hover,
    .\32xl\:hover\:shadow-md:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .\32xl\:hover\:shadow-lg:hover {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
    }

    .\32xl\:hover\:shadow-xl:hover {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
    }

    .\32xl\:hover\:shadow-2xl:hover,
    .\32xl\:hover\:shadow-xl:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .\32xl\:hover\:shadow-2xl:hover {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
    }

    .\32xl\:hover\:shadow-inner:hover {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
    }

    .\32xl\:hover\:shadow-inner:hover,
    .\32xl\:hover\:shadow-none:hover {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .\32xl\:hover\:shadow-none:hover {
        --tw-shadow: 0 0 transparent
    }

    .\32xl\:focus\:shadow-sm:focus {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
    }

    .\32xl\:focus\:shadow-sm:focus,
    .\32xl\:focus\:shadow:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .\32xl\:focus\:shadow:focus {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
    }

    .\32xl\:focus\:shadow-md:focus {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
    }

    .\32xl\:focus\:shadow-lg:focus,
    .\32xl\:focus\:shadow-md:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .\32xl\:focus\:shadow-lg:focus {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
    }

    .\32xl\:focus\:shadow-xl:focus {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
    }

    .\32xl\:focus\:shadow-2xl:focus,
    .\32xl\:focus\:shadow-xl:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .\32xl\:focus\:shadow-2xl:focus {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
    }

    .\32xl\:focus\:shadow-inner:focus {
        --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
    }

    .\32xl\:focus\:shadow-inner:focus,
    .\32xl\:focus\:shadow-none:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .\32xl\:focus\:shadow-none:focus {
        --tw-shadow: 0 0 transparent
    }

    .\32xl\:focus-within\:outline-none:focus-within {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .\32xl\:focus-within\:outline-white:focus-within {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }

    .\32xl\:focus-within\:outline-black:focus-within {
        outline: 2px dotted #000;
        outline-offset: 2px
    }

    .\32xl\:focus\:outline-none:focus {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .\32xl\:focus\:outline-white:focus {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }

    .\32xl\:focus\:outline-black:focus {
        outline: 2px dotted #000;
        outline-offset: 2px
    }

    .\32xl\:focus-within\:ring-0:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .\32xl\:focus-within\:ring-1:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .\32xl\:focus-within\:ring-2:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .\32xl\:focus-within\:ring-4:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .\32xl\:focus-within\:ring-8:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .\32xl\:focus-within\:ring:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .\32xl\:focus\:ring-0:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .\32xl\:focus\:ring-0:focus,
    .\32xl\:focus\:ring-1:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .\32xl\:focus\:ring-1:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .\32xl\:focus\:ring-2:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .\32xl\:focus\:ring-2:focus,
    .\32xl\:focus\:ring-4:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .\32xl\:focus\:ring-4:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .\32xl\:focus\:ring-8:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .\32xl\:focus\:ring-8:focus,
    .\32xl\:focus\:ring:focus {
        -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }

    .\32xl\:focus\:ring:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .\32xl\:focus-within\:ring-inset:focus-within {
        --tw-ring-inset: inset
    }

    .\32xl\:focus\:ring-inset:focus {
        --tw-ring-inset: inset
    }

    .\32xl\:focus-within\:ring-transparent:focus-within {
        --tw-ring-color: transparent
    }

    .\32xl\:focus-within\:ring-current:focus-within {
        --tw-ring-color: currentColor
    }

    .\32xl\:focus-within\:ring-black:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-white:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-gray-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-gray-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-gray-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-gray-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-gray-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-gray-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-gray-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-gray-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-gray-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-gray-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-red-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-red-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-red-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-red-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-red-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-red-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-red-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-red-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-red-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-red-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-yellow-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-yellow-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-yellow-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-yellow-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-yellow-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-yellow-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-yellow-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-yellow-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-yellow-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-yellow-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-green-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-green-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-green-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-green-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-green-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-green-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-green-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-green-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-green-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-green-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-blue-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-blue-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-blue-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-blue-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-blue-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-blue-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-blue-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-blue-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-blue-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-blue-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-indigo-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-indigo-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-indigo-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-indigo-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-indigo-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-indigo-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-indigo-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-indigo-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-indigo-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-indigo-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-purple-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-purple-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-purple-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-purple-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-purple-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-purple-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-purple-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-purple-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-purple-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-purple-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-pink-50:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-pink-100:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-pink-200:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-pink-300:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-pink-400:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-pink-500:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-pink-600:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-pink-700:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-pink-800:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-pink-900:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-primary:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(26, 185, 56, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-orange:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 171, 90, var(--tw-ring-opacity))
    }

    .\32xl\:focus-within\:ring-danger:focus-within {
        --tw-ring-color: #c75d5d
    }

    .\32xl\:focus\:ring-transparent:focus {
        --tw-ring-color: transparent
    }

    .\32xl\:focus\:ring-current:focus {
        --tw-ring-color: currentColor
    }

    .\32xl\:focus\:ring-black:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-white:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-gray-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-gray-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-gray-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-gray-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-gray-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-gray-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-gray-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-gray-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-gray-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-gray-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-red-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-red-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-red-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-red-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-red-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-red-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-red-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-red-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-red-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-red-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-yellow-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-yellow-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-yellow-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-yellow-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-yellow-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-yellow-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-yellow-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-yellow-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-yellow-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-yellow-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-green-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-green-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-green-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-green-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-green-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-green-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-green-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-green-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-green-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-green-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-blue-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-blue-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-blue-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-blue-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-blue-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-blue-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-blue-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-blue-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-blue-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-blue-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-indigo-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-indigo-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-indigo-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-indigo-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-indigo-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-indigo-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-indigo-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-indigo-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-indigo-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-indigo-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-purple-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-purple-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-purple-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-purple-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-purple-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-purple-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-purple-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-purple-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-purple-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-purple-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-pink-50:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-pink-100:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-pink-200:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-pink-300:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-pink-400:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-pink-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-pink-600:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-pink-700:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-pink-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-pink-900:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-primary:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(26, 185, 56, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-orange:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(253, 171, 90, var(--tw-ring-opacity))
    }

    .\32xl\:focus\:ring-danger:focus {
        --tw-ring-color: #c75d5d
    }

    .\32xl\:focus-within\:ring-opacity-0:focus-within {
        --tw-ring-opacity: 0
    }

    .\32xl\:focus-within\:ring-opacity-5:focus-within {
        --tw-ring-opacity: 0.05
    }

    .\32xl\:focus-within\:ring-opacity-10:focus-within {
        --tw-ring-opacity: 0.1
    }

    .\32xl\:focus-within\:ring-opacity-20:focus-within {
        --tw-ring-opacity: 0.2
    }

    .\32xl\:focus-within\:ring-opacity-25:focus-within {
        --tw-ring-opacity: 0.25
    }

    .\32xl\:focus-within\:ring-opacity-30:focus-within {
        --tw-ring-opacity: 0.3
    }

    .\32xl\:focus-within\:ring-opacity-40:focus-within {
        --tw-ring-opacity: 0.4
    }

    .\32xl\:focus-within\:ring-opacity-50:focus-within {
        --tw-ring-opacity: 0.5
    }

    .\32xl\:focus-within\:ring-opacity-60:focus-within {
        --tw-ring-opacity: 0.6
    }

    .\32xl\:focus-within\:ring-opacity-70:focus-within {
        --tw-ring-opacity: 0.7
    }

    .\32xl\:focus-within\:ring-opacity-75:focus-within {
        --tw-ring-opacity: 0.75
    }

    .\32xl\:focus-within\:ring-opacity-80:focus-within {
        --tw-ring-opacity: 0.8
    }

    .\32xl\:focus-within\:ring-opacity-90:focus-within {
        --tw-ring-opacity: 0.9
    }

    .\32xl\:focus-within\:ring-opacity-95:focus-within {
        --tw-ring-opacity: 0.95
    }

    .\32xl\:focus-within\:ring-opacity-100:focus-within {
        --tw-ring-opacity: 1
    }

    .\32xl\:focus\:ring-opacity-0:focus {
        --tw-ring-opacity: 0
    }

    .\32xl\:focus\:ring-opacity-5:focus {
        --tw-ring-opacity: 0.05
    }

    .\32xl\:focus\:ring-opacity-10:focus {
        --tw-ring-opacity: 0.1
    }

    .\32xl\:focus\:ring-opacity-20:focus {
        --tw-ring-opacity: 0.2
    }

    .\32xl\:focus\:ring-opacity-25:focus {
        --tw-ring-opacity: 0.25
    }

    .\32xl\:focus\:ring-opacity-30:focus {
        --tw-ring-opacity: 0.3
    }

    .\32xl\:focus\:ring-opacity-40:focus {
        --tw-ring-opacity: 0.4
    }

    .\32xl\:focus\:ring-opacity-50:focus {
        --tw-ring-opacity: 0.5
    }

    .\32xl\:focus\:ring-opacity-60:focus {
        --tw-ring-opacity: 0.6
    }

    .\32xl\:focus\:ring-opacity-70:focus {
        --tw-ring-opacity: 0.7
    }

    .\32xl\:focus\:ring-opacity-75:focus {
        --tw-ring-opacity: 0.75
    }

    .\32xl\:focus\:ring-opacity-80:focus {
        --tw-ring-opacity: 0.8
    }

    .\32xl\:focus\:ring-opacity-90:focus {
        --tw-ring-opacity: 0.9
    }

    .\32xl\:focus\:ring-opacity-95:focus {
        --tw-ring-opacity: 0.95
    }

    .\32xl\:focus\:ring-opacity-100:focus {
        --tw-ring-opacity: 1
    }

    .\32xl\:focus-within\:ring-offset-0:focus-within {
        --tw-ring-offset-width: 0px
    }

    .\32xl\:focus-within\:ring-offset-1:focus-within {
        --tw-ring-offset-width: 1px
    }

    .\32xl\:focus-within\:ring-offset-2:focus-within {
        --tw-ring-offset-width: 2px
    }

    .\32xl\:focus-within\:ring-offset-4:focus-within {
        --tw-ring-offset-width: 4px
    }

    .\32xl\:focus-within\:ring-offset-8:focus-within {
        --tw-ring-offset-width: 8px
    }

    .\32xl\:focus\:ring-offset-0:focus {
        --tw-ring-offset-width: 0px
    }

    .\32xl\:focus\:ring-offset-1:focus {
        --tw-ring-offset-width: 1px
    }

    .\32xl\:focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px
    }

    .\32xl\:focus\:ring-offset-4:focus {
        --tw-ring-offset-width: 4px
    }

    .\32xl\:focus\:ring-offset-8:focus {
        --tw-ring-offset-width: 8px
    }

    .\32xl\:focus-within\:ring-offset-transparent:focus-within {
        --tw-ring-offset-color: transparent
    }

    .\32xl\:focus-within\:ring-offset-current:focus-within {
        --tw-ring-offset-color: currentColor
    }

    .\32xl\:focus-within\:ring-offset-black:focus-within {
        --tw-ring-offset-color: #000
    }

    .\32xl\:focus-within\:ring-offset-white:focus-within {
        --tw-ring-offset-color: #fff
    }

    .\32xl\:focus-within\:ring-offset-gray-50:focus-within {
        --tw-ring-offset-color: #f9fafb
    }

    .\32xl\:focus-within\:ring-offset-gray-100:focus-within {
        --tw-ring-offset-color: #f3f4f6
    }

    .\32xl\:focus-within\:ring-offset-gray-200:focus-within {
        --tw-ring-offset-color: #e5e7eb
    }

    .\32xl\:focus-within\:ring-offset-gray-300:focus-within {
        --tw-ring-offset-color: #d1d5db
    }

    .\32xl\:focus-within\:ring-offset-gray-400:focus-within {
        --tw-ring-offset-color: #9ca3af
    }

    .\32xl\:focus-within\:ring-offset-gray-500:focus-within {
        --tw-ring-offset-color: #6b7280
    }

    .\32xl\:focus-within\:ring-offset-gray-600:focus-within {
        --tw-ring-offset-color: #4b5563
    }

    .\32xl\:focus-within\:ring-offset-gray-700:focus-within {
        --tw-ring-offset-color: #374151
    }

    .\32xl\:focus-within\:ring-offset-gray-800:focus-within {
        --tw-ring-offset-color: #1f2937
    }

    .\32xl\:focus-within\:ring-offset-gray-900:focus-within {
        --tw-ring-offset-color: #111827
    }

    .\32xl\:focus-within\:ring-offset-red-50:focus-within {
        --tw-ring-offset-color: #fef2f2
    }

    .\32xl\:focus-within\:ring-offset-red-100:focus-within {
        --tw-ring-offset-color: #fee2e2
    }

    .\32xl\:focus-within\:ring-offset-red-200:focus-within {
        --tw-ring-offset-color: #fecaca
    }

    .\32xl\:focus-within\:ring-offset-red-300:focus-within {
        --tw-ring-offset-color: #fca5a5
    }

    .\32xl\:focus-within\:ring-offset-red-400:focus-within {
        --tw-ring-offset-color: #f87171
    }

    .\32xl\:focus-within\:ring-offset-red-500:focus-within {
        --tw-ring-offset-color: #ef4444
    }

    .\32xl\:focus-within\:ring-offset-red-600:focus-within {
        --tw-ring-offset-color: #dc2626
    }

    .\32xl\:focus-within\:ring-offset-red-700:focus-within {
        --tw-ring-offset-color: #b91c1c
    }

    .\32xl\:focus-within\:ring-offset-red-800:focus-within {
        --tw-ring-offset-color: #991b1b
    }

    .\32xl\:focus-within\:ring-offset-red-900:focus-within {
        --tw-ring-offset-color: #7f1d1d
    }

    .\32xl\:focus-within\:ring-offset-yellow-50:focus-within {
        --tw-ring-offset-color: #fffbeb
    }

    .\32xl\:focus-within\:ring-offset-yellow-100:focus-within {
        --tw-ring-offset-color: #fef3c7
    }

    .\32xl\:focus-within\:ring-offset-yellow-200:focus-within {
        --tw-ring-offset-color: #fde68a
    }

    .\32xl\:focus-within\:ring-offset-yellow-300:focus-within {
        --tw-ring-offset-color: #fcd34d
    }

    .\32xl\:focus-within\:ring-offset-yellow-400:focus-within {
        --tw-ring-offset-color: #fbbf24
    }

    .\32xl\:focus-within\:ring-offset-yellow-500:focus-within {
        --tw-ring-offset-color: #f59e0b
    }

    .\32xl\:focus-within\:ring-offset-yellow-600:focus-within {
        --tw-ring-offset-color: #d97706
    }

    .\32xl\:focus-within\:ring-offset-yellow-700:focus-within {
        --tw-ring-offset-color: #b45309
    }

    .\32xl\:focus-within\:ring-offset-yellow-800:focus-within {
        --tw-ring-offset-color: #92400e
    }

    .\32xl\:focus-within\:ring-offset-yellow-900:focus-within {
        --tw-ring-offset-color: #78350f
    }

    .\32xl\:focus-within\:ring-offset-green-50:focus-within {
        --tw-ring-offset-color: #ecfdf5
    }

    .\32xl\:focus-within\:ring-offset-green-100:focus-within {
        --tw-ring-offset-color: #d1fae5
    }

    .\32xl\:focus-within\:ring-offset-green-200:focus-within {
        --tw-ring-offset-color: #a7f3d0
    }

    .\32xl\:focus-within\:ring-offset-green-300:focus-within {
        --tw-ring-offset-color: #6ee7b7
    }

    .\32xl\:focus-within\:ring-offset-green-400:focus-within {
        --tw-ring-offset-color: #34d399
    }

    .\32xl\:focus-within\:ring-offset-green-500:focus-within {
        --tw-ring-offset-color: #10b981
    }

    .\32xl\:focus-within\:ring-offset-green-600:focus-within {
        --tw-ring-offset-color: #059669
    }

    .\32xl\:focus-within\:ring-offset-green-700:focus-within {
        --tw-ring-offset-color: #047857
    }

    .\32xl\:focus-within\:ring-offset-green-800:focus-within {
        --tw-ring-offset-color: #065f46
    }

    .\32xl\:focus-within\:ring-offset-green-900:focus-within {
        --tw-ring-offset-color: #064e3b
    }

    .\32xl\:focus-within\:ring-offset-blue-50:focus-within {
        --tw-ring-offset-color: #eff6ff
    }

    .\32xl\:focus-within\:ring-offset-blue-100:focus-within {
        --tw-ring-offset-color: #dbeafe
    }

    .\32xl\:focus-within\:ring-offset-blue-200:focus-within {
        --tw-ring-offset-color: #bfdbfe
    }

    .\32xl\:focus-within\:ring-offset-blue-300:focus-within {
        --tw-ring-offset-color: #93c5fd
    }

    .\32xl\:focus-within\:ring-offset-blue-400:focus-within {
        --tw-ring-offset-color: #60a5fa
    }

    .\32xl\:focus-within\:ring-offset-blue-500:focus-within {
        --tw-ring-offset-color: #3b82f6
    }

    .\32xl\:focus-within\:ring-offset-blue-600:focus-within {
        --tw-ring-offset-color: #2563eb
    }

    .\32xl\:focus-within\:ring-offset-blue-700:focus-within {
        --tw-ring-offset-color: #1d4ed8
    }

    .\32xl\:focus-within\:ring-offset-blue-800:focus-within {
        --tw-ring-offset-color: #1e40af
    }

    .\32xl\:focus-within\:ring-offset-blue-900:focus-within {
        --tw-ring-offset-color: #1e3a8a
    }

    .\32xl\:focus-within\:ring-offset-indigo-50:focus-within {
        --tw-ring-offset-color: #eef2ff
    }

    .\32xl\:focus-within\:ring-offset-indigo-100:focus-within {
        --tw-ring-offset-color: #e0e7ff
    }

    .\32xl\:focus-within\:ring-offset-indigo-200:focus-within {
        --tw-ring-offset-color: #c7d2fe
    }

    .\32xl\:focus-within\:ring-offset-indigo-300:focus-within {
        --tw-ring-offset-color: #a5b4fc
    }

    .\32xl\:focus-within\:ring-offset-indigo-400:focus-within {
        --tw-ring-offset-color: #818cf8
    }

    .\32xl\:focus-within\:ring-offset-indigo-500:focus-within {
        --tw-ring-offset-color: #6366f1
    }

    .\32xl\:focus-within\:ring-offset-indigo-600:focus-within {
        --tw-ring-offset-color: #4f46e5
    }

    .\32xl\:focus-within\:ring-offset-indigo-700:focus-within {
        --tw-ring-offset-color: #4338ca
    }

    .\32xl\:focus-within\:ring-offset-indigo-800:focus-within {
        --tw-ring-offset-color: #3730a3
    }

    .\32xl\:focus-within\:ring-offset-indigo-900:focus-within {
        --tw-ring-offset-color: #312e81
    }

    .\32xl\:focus-within\:ring-offset-purple-50:focus-within {
        --tw-ring-offset-color: #f5f3ff
    }

    .\32xl\:focus-within\:ring-offset-purple-100:focus-within {
        --tw-ring-offset-color: #ede9fe
    }

    .\32xl\:focus-within\:ring-offset-purple-200:focus-within {
        --tw-ring-offset-color: #ddd6fe
    }

    .\32xl\:focus-within\:ring-offset-purple-300:focus-within {
        --tw-ring-offset-color: #c4b5fd
    }

    .\32xl\:focus-within\:ring-offset-purple-400:focus-within {
        --tw-ring-offset-color: #a78bfa
    }

    .\32xl\:focus-within\:ring-offset-purple-500:focus-within {
        --tw-ring-offset-color: #8b5cf6
    }

    .\32xl\:focus-within\:ring-offset-purple-600:focus-within {
        --tw-ring-offset-color: #7c3aed
    }

    .\32xl\:focus-within\:ring-offset-purple-700:focus-within {
        --tw-ring-offset-color: #6d28d9
    }

    .\32xl\:focus-within\:ring-offset-purple-800:focus-within {
        --tw-ring-offset-color: #5b21b6
    }

    .\32xl\:focus-within\:ring-offset-purple-900:focus-within {
        --tw-ring-offset-color: #4c1d95
    }

    .\32xl\:focus-within\:ring-offset-pink-50:focus-within {
        --tw-ring-offset-color: #fdf2f8
    }

    .\32xl\:focus-within\:ring-offset-pink-100:focus-within {
        --tw-ring-offset-color: #fce7f3
    }

    .\32xl\:focus-within\:ring-offset-pink-200:focus-within {
        --tw-ring-offset-color: #fbcfe8
    }

    .\32xl\:focus-within\:ring-offset-pink-300:focus-within {
        --tw-ring-offset-color: #f9a8d4
    }

    .\32xl\:focus-within\:ring-offset-pink-400:focus-within {
        --tw-ring-offset-color: #f472b6
    }

    .\32xl\:focus-within\:ring-offset-pink-500:focus-within {
        --tw-ring-offset-color: #ec4899
    }

    .\32xl\:focus-within\:ring-offset-pink-600:focus-within {
        --tw-ring-offset-color: #db2777
    }

    .\32xl\:focus-within\:ring-offset-pink-700:focus-within {
        --tw-ring-offset-color: #be185d
    }

    .\32xl\:focus-within\:ring-offset-pink-800:focus-within {
        --tw-ring-offset-color: #9d174d
    }

    .\32xl\:focus-within\:ring-offset-pink-900:focus-within {
        --tw-ring-offset-color: #831843
    }

    .\32xl\:focus-within\:ring-offset-primary:focus-within {
        --tw-ring-offset-color: #1ab938
    }

    .\32xl\:focus-within\:ring-offset-orange:focus-within {
        --tw-ring-offset-color: #fdab5a
    }

    .\32xl\:focus-within\:ring-offset-danger:focus-within {
        --tw-ring-offset-color: #c75d5d
    }

    .\32xl\:focus\:ring-offset-transparent:focus {
        --tw-ring-offset-color: transparent
    }

    .\32xl\:focus\:ring-offset-current:focus {
        --tw-ring-offset-color: currentColor
    }

    .\32xl\:focus\:ring-offset-black:focus {
        --tw-ring-offset-color: #000
    }

    .\32xl\:focus\:ring-offset-white:focus {
        --tw-ring-offset-color: #fff
    }

    .\32xl\:focus\:ring-offset-gray-50:focus {
        --tw-ring-offset-color: #f9fafb
    }

    .\32xl\:focus\:ring-offset-gray-100:focus {
        --tw-ring-offset-color: #f3f4f6
    }

    .\32xl\:focus\:ring-offset-gray-200:focus {
        --tw-ring-offset-color: #e5e7eb
    }

    .\32xl\:focus\:ring-offset-gray-300:focus {
        --tw-ring-offset-color: #d1d5db
    }

    .\32xl\:focus\:ring-offset-gray-400:focus {
        --tw-ring-offset-color: #9ca3af
    }

    .\32xl\:focus\:ring-offset-gray-500:focus {
        --tw-ring-offset-color: #6b7280
    }

    .\32xl\:focus\:ring-offset-gray-600:focus {
        --tw-ring-offset-color: #4b5563
    }

    .\32xl\:focus\:ring-offset-gray-700:focus {
        --tw-ring-offset-color: #374151
    }

    .\32xl\:focus\:ring-offset-gray-800:focus {
        --tw-ring-offset-color: #1f2937
    }

    .\32xl\:focus\:ring-offset-gray-900:focus {
        --tw-ring-offset-color: #111827
    }

    .\32xl\:focus\:ring-offset-red-50:focus {
        --tw-ring-offset-color: #fef2f2
    }

    .\32xl\:focus\:ring-offset-red-100:focus {
        --tw-ring-offset-color: #fee2e2
    }

    .\32xl\:focus\:ring-offset-red-200:focus {
        --tw-ring-offset-color: #fecaca
    }

    .\32xl\:focus\:ring-offset-red-300:focus {
        --tw-ring-offset-color: #fca5a5
    }

    .\32xl\:focus\:ring-offset-red-400:focus {
        --tw-ring-offset-color: #f87171
    }

    .\32xl\:focus\:ring-offset-red-500:focus {
        --tw-ring-offset-color: #ef4444
    }

    .\32xl\:focus\:ring-offset-red-600:focus {
        --tw-ring-offset-color: #dc2626
    }

    .\32xl\:focus\:ring-offset-red-700:focus {
        --tw-ring-offset-color: #b91c1c
    }

    .\32xl\:focus\:ring-offset-red-800:focus {
        --tw-ring-offset-color: #991b1b
    }

    .\32xl\:focus\:ring-offset-red-900:focus {
        --tw-ring-offset-color: #7f1d1d
    }

    .\32xl\:focus\:ring-offset-yellow-50:focus {
        --tw-ring-offset-color: #fffbeb
    }

    .\32xl\:focus\:ring-offset-yellow-100:focus {
        --tw-ring-offset-color: #fef3c7
    }

    .\32xl\:focus\:ring-offset-yellow-200:focus {
        --tw-ring-offset-color: #fde68a
    }

    .\32xl\:focus\:ring-offset-yellow-300:focus {
        --tw-ring-offset-color: #fcd34d
    }

    .\32xl\:focus\:ring-offset-yellow-400:focus {
        --tw-ring-offset-color: #fbbf24
    }

    .\32xl\:focus\:ring-offset-yellow-500:focus {
        --tw-ring-offset-color: #f59e0b
    }

    .\32xl\:focus\:ring-offset-yellow-600:focus {
        --tw-ring-offset-color: #d97706
    }

    .\32xl\:focus\:ring-offset-yellow-700:focus {
        --tw-ring-offset-color: #b45309
    }

    .\32xl\:focus\:ring-offset-yellow-800:focus {
        --tw-ring-offset-color: #92400e
    }

    .\32xl\:focus\:ring-offset-yellow-900:focus {
        --tw-ring-offset-color: #78350f
    }

    .\32xl\:focus\:ring-offset-green-50:focus {
        --tw-ring-offset-color: #ecfdf5
    }

    .\32xl\:focus\:ring-offset-green-100:focus {
        --tw-ring-offset-color: #d1fae5
    }

    .\32xl\:focus\:ring-offset-green-200:focus {
        --tw-ring-offset-color: #a7f3d0
    }

    .\32xl\:focus\:ring-offset-green-300:focus {
        --tw-ring-offset-color: #6ee7b7
    }

    .\32xl\:focus\:ring-offset-green-400:focus {
        --tw-ring-offset-color: #34d399
    }

    .\32xl\:focus\:ring-offset-green-500:focus {
        --tw-ring-offset-color: #10b981
    }

    .\32xl\:focus\:ring-offset-green-600:focus {
        --tw-ring-offset-color: #059669
    }

    .\32xl\:focus\:ring-offset-green-700:focus {
        --tw-ring-offset-color: #047857
    }

    .\32xl\:focus\:ring-offset-green-800:focus {
        --tw-ring-offset-color: #065f46
    }

    .\32xl\:focus\:ring-offset-green-900:focus {
        --tw-ring-offset-color: #064e3b
    }

    .\32xl\:focus\:ring-offset-blue-50:focus {
        --tw-ring-offset-color: #eff6ff
    }

    .\32xl\:focus\:ring-offset-blue-100:focus {
        --tw-ring-offset-color: #dbeafe
    }

    .\32xl\:focus\:ring-offset-blue-200:focus {
        --tw-ring-offset-color: #bfdbfe
    }

    .\32xl\:focus\:ring-offset-blue-300:focus {
        --tw-ring-offset-color: #93c5fd
    }

    .\32xl\:focus\:ring-offset-blue-400:focus {
        --tw-ring-offset-color: #60a5fa
    }

    .\32xl\:focus\:ring-offset-blue-500:focus {
        --tw-ring-offset-color: #3b82f6
    }

    .\32xl\:focus\:ring-offset-blue-600:focus {
        --tw-ring-offset-color: #2563eb
    }

    .\32xl\:focus\:ring-offset-blue-700:focus {
        --tw-ring-offset-color: #1d4ed8
    }

    .\32xl\:focus\:ring-offset-blue-800:focus {
        --tw-ring-offset-color: #1e40af
    }

    .\32xl\:focus\:ring-offset-blue-900:focus {
        --tw-ring-offset-color: #1e3a8a
    }

    .\32xl\:focus\:ring-offset-indigo-50:focus {
        --tw-ring-offset-color: #eef2ff
    }

    .\32xl\:focus\:ring-offset-indigo-100:focus {
        --tw-ring-offset-color: #e0e7ff
    }

    .\32xl\:focus\:ring-offset-indigo-200:focus {
        --tw-ring-offset-color: #c7d2fe
    }

    .\32xl\:focus\:ring-offset-indigo-300:focus {
        --tw-ring-offset-color: #a5b4fc
    }

    .\32xl\:focus\:ring-offset-indigo-400:focus {
        --tw-ring-offset-color: #818cf8
    }

    .\32xl\:focus\:ring-offset-indigo-500:focus {
        --tw-ring-offset-color: #6366f1
    }

    .\32xl\:focus\:ring-offset-indigo-600:focus {
        --tw-ring-offset-color: #4f46e5
    }

    .\32xl\:focus\:ring-offset-indigo-700:focus {
        --tw-ring-offset-color: #4338ca
    }

    .\32xl\:focus\:ring-offset-indigo-800:focus {
        --tw-ring-offset-color: #3730a3
    }

    .\32xl\:focus\:ring-offset-indigo-900:focus {
        --tw-ring-offset-color: #312e81
    }

    .\32xl\:focus\:ring-offset-purple-50:focus {
        --tw-ring-offset-color: #f5f3ff
    }

    .\32xl\:focus\:ring-offset-purple-100:focus {
        --tw-ring-offset-color: #ede9fe
    }

    .\32xl\:focus\:ring-offset-purple-200:focus {
        --tw-ring-offset-color: #ddd6fe
    }

    .\32xl\:focus\:ring-offset-purple-300:focus {
        --tw-ring-offset-color: #c4b5fd
    }

    .\32xl\:focus\:ring-offset-purple-400:focus {
        --tw-ring-offset-color: #a78bfa
    }

    .\32xl\:focus\:ring-offset-purple-500:focus {
        --tw-ring-offset-color: #8b5cf6
    }

    .\32xl\:focus\:ring-offset-purple-600:focus {
        --tw-ring-offset-color: #7c3aed
    }

    .\32xl\:focus\:ring-offset-purple-700:focus {
        --tw-ring-offset-color: #6d28d9
    }

    .\32xl\:focus\:ring-offset-purple-800:focus {
        --tw-ring-offset-color: #5b21b6
    }

    .\32xl\:focus\:ring-offset-purple-900:focus {
        --tw-ring-offset-color: #4c1d95
    }

    .\32xl\:focus\:ring-offset-pink-50:focus {
        --tw-ring-offset-color: #fdf2f8
    }

    .\32xl\:focus\:ring-offset-pink-100:focus {
        --tw-ring-offset-color: #fce7f3
    }

    .\32xl\:focus\:ring-offset-pink-200:focus {
        --tw-ring-offset-color: #fbcfe8
    }

    .\32xl\:focus\:ring-offset-pink-300:focus {
        --tw-ring-offset-color: #f9a8d4
    }

    .\32xl\:focus\:ring-offset-pink-400:focus {
        --tw-ring-offset-color: #f472b6
    }

    .\32xl\:focus\:ring-offset-pink-500:focus {
        --tw-ring-offset-color: #ec4899
    }

    .\32xl\:focus\:ring-offset-pink-600:focus {
        --tw-ring-offset-color: #db2777
    }

    .\32xl\:focus\:ring-offset-pink-700:focus {
        --tw-ring-offset-color: #be185d
    }

    .\32xl\:focus\:ring-offset-pink-800:focus {
        --tw-ring-offset-color: #9d174d
    }

    .\32xl\:focus\:ring-offset-pink-900:focus {
        --tw-ring-offset-color: #831843
    }

    .\32xl\:focus\:ring-offset-primary:focus {
        --tw-ring-offset-color: #1ab938
    }

    .\32xl\:focus\:ring-offset-orange:focus {
        --tw-ring-offset-color: #fdab5a
    }

    .\32xl\:focus\:ring-offset-danger:focus {
        --tw-ring-offset-color: #c75d5d
    }
}

body {
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;
    background-color: #232626
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

#app {
    min-height: 100vh
}

@media screen and (min-width:430px) {
    body {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    ::-webkit-scrollbar {
        display: none
    }

    #app {
        max-width: 430px;
        margin: 0 auto
    }
}

.van-nav-bar.van-hairline--bottom:after {
    border-bottom-width: 0 !important
}

.van-cell:after {
    position: unset
}

.van-cell--clickable:active {
    background-color: var(--active-bg)
}

.van-dialog .van-dialog__footer:before {
    background-color: var(--bg-secondary)
}

:root {
    --bg-primary: #1f2937;
    --bg-secondary: #374151;
    --card-bg: #374151;
    --card-border: #4a5568;
    --card-inner-bg: #4a5568;
    --card-inner-border: hsla(0, 0%, 100%, 0.08);
    --text-primary: #f7fafc;
    --active-bg: var(--card-inner-bg);
    --tabbar-active-color: #667eea;
    --link-color: #00c8b3
}

#app {
    background-color: var(--bg-primary);
    color: var(--text-primary)
}

@-webkit-keyframes greenToGold {
    0% {
        color: #8b5cf6
    }

    to {
        color: #f6c55c;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes greenToGold {
    0% {
        color: #8b5cf6
    }

    to {
        color: #f6c55c;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}