/* input(128,15): run-time error CSS1034: Expected closing parenthesis, found '<' */
@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }

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

@keyframes float-delayed {
    0%, 100% {
        transform: translateY(0px);
    }

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

@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-float {
    animation: float 3s ease-in-out infinite;
}

.animate-float-delayed {
    animation: float-delayed 3s ease-in-out infinite 1.5s;
}

.animate-fade-in-up {
    animation: fade-in-up 0.8s ease-out;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.field-validation-error,
.field-validation-error > span,
.text-error {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1)) !important;
    font-size: .85rem;
    line-height: 1rem;
}

.refresh-captcha {
    fill: rgb(0 0 0) !important;
}
.dark .refresh-captcha {
    fill: rgb(255 255 255) !important;
}

.svg-switch {
    stroke: none;
    stroke-width: 1;
    stroke-dasharray: none;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    stroke-miterlimit: 10;
    fill: rgb(0, 0, 0);
    fill-rule: nonzero;
    opacity: 1;
}
.svg-switch {

    fill: rgb(0 0 0) !important;
}
.dark .svg-switch {
    fill: rgb(255 255 255) !important;
}
.btn-transparent-border {
    border-radius: .5rem;
    border-width: 2px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: rgb(37 99 235/var(--tw-border-opacity,1));
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity,1));
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.btn-transparent-border:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235/var(--tw-bg-opacity,1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.btn-transparent-border:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(96 165 250/var(--tw-border-opacity,1));
    --tw-text-opacity: 1;
    color: rgb(96 165 250/var(--tw-text-opacity,1))
}

.btn-transparent-border:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250/var(--tw-bg-opacity,1));
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity,1))
}
@media (min-width: 768px) {
    .md\:w-3\/12 {
        width: 25%;
    }
    .md\:w-9\/12 {
        width: 75%;
    }
}
@media (width < 40rem) {
    .max-sm\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .max-sm\:mx-0 {
        margin-left: 0;
        margin-right: 0;
    }
}
.from-orange-500 {
    --tw-gradient-from: #f97316 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(249,115,22,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}
.to-orange-600 {
    --tw-gradient-to: #ea580c var(--tw-gradient-to-position)
}
.from-red-500 {
    --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(239,68,68,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}
.to-red-600 {
    --tw-gradient-to: #dc2626 var(--tw-gradient-to-position)
}
.w-1\/4 {
    width: 25%
}
/* Register success animated */
@supports (animation: grow .5s cubic-bezier(.25, .25, .25, 1) forwards) {
    .active .tick {
        stroke-opacity: 0;
        stroke-dasharray: 29px;
        stroke-dashoffset: 29px;
        animation: draw .5s cubic-bezier(.25, .25, .25, 1) forwards;
        animation-delay: .6s;
    }

    .active .circle {
        fill-opacity: 0;
        stroke: #219a00;
        stroke-width: 16px;
        transform-origin: center;
        transform: scale(0);
        animation: grow 1s cubic-bezier(.25, .25, .25, 1.25) forwards;
    }
}

@keyframes grow {
    60% {
        transform: scale(.8);
        stroke-width: 4px;
        fill-opacity: 0;
    }

    100% {
        transform: scale(.9);
        stroke-width: 8px;
        fill-opacity: 1;
        fill: #219a00;
    }
}

@keyframes draw {
    0%, 100% {
        stroke-opacity: 1;
    }

    100% {
        stroke-dashoffset: 0;
    }
}