.ml-auto {
    margin-left: auto
}

.rounded-full {
    border-radius: 9999px
}
.sm\:rounded-full {
    border-radius: 9999px
}
.md\:rounded-full {
    border-radius: 9999px
}
.lg\:rounded-full {
    border-radius: 9999px
}
.xl\:rounded-full {
    border-radius: 9999px
}

.bg-gray-400 {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}

.hover\:bg-gray-400:hover {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}

.focus\:bg-gray-400:focus {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}

.sm\:bg-gray-400 {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}

.sm\:hover\:bg-gray-400:hover {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}

.sm\:focus\:bg-gray-400:focus {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}

.md\:bg-gray-400 {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}

.md\:hover\:bg-gray-400:hover {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}

.md\:focus\:bg-gray-400:focus {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}

.lg\:bg-gray-400 {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}

.lg\:hover\:bg-gray-400:hover {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}
.lg\:focus\:bg-gray-400:focus {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}


.xl\:bg-gray-400 {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}


.xl\:hover\:bg-gray-400:hover {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}

.xl\:focus\:bg-gray-400:focus {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}
.inline-flex {
    display: inline-flex
}

.cursor-pointer {
    cursor: pointer
}        

.sm\:cursor-pointer {
    cursor: pointer
}
.md\:cursor-pointer {
    cursor: pointer
}
.lg\:cursor-pointer {
    cursor: pointer
}
.xl\:cursor-pointer {
    cursor: pointer
}

.align-middle {
    vertical-align: middle
}
.sm\:align-middle {
    vertical-align: middle
}
.md\:align-middle {
    vertical-align: middle
}
.lg\:align-middle {
    vertical-align: middle
}
.xl\:align-middle {
    vertical-align: middle
}

.bg-blue-400 {
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity))
}

.hover\:bg-blue-400:hover {
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity))
}


.focus\:bg-blue-400:focus {
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity))
}

    .sm\:bg-blue-400 {
        --bg-opacity: 1;
        background-color: #63b3ed;
        background-color: rgba(99, 179, 237, var(--bg-opacity))
    }

    .sm\:hover\:bg-blue-400:hover {
        --bg-opacity: 1;
        background-color: #63b3ed;
        background-color: rgba(99, 179, 237, var(--bg-opacity))
    }    

    .sm\:focus\:bg-blue-400:focus {
        --bg-opacity: 1;
        background-color: #63b3ed;
        background-color: rgba(99, 179, 237, var(--bg-opacity))
    }

    .md\:bg-blue-400 {
        --bg-opacity: 1;
        background-color: #63b3ed;
        background-color: rgba(99, 179, 237, var(--bg-opacity))
    }
    .md\:hover\:bg-blue-400:hover {
        --bg-opacity: 1;
        background-color: #63b3ed;
        background-color: rgba(99, 179, 237, var(--bg-opacity))
    }

    .md\:focus\:bg-blue-400:focus {
        --bg-opacity: 1;
        background-color: #63b3ed;
        background-color: rgba(99, 179, 237, var(--bg-opacity))
    }
    

    .lg\:bg-blue-400 {
        --bg-opacity: 1;
        background-color: #63b3ed;
        background-color: rgba(99, 179, 237, var(--bg-opacity))
    }
    .lg\:hover\:bg-blue-400:hover {
        --bg-opacity: 1;
        background-color: #63b3ed;
        background-color: rgba(99, 179, 237, var(--bg-opacity))
    }

    .lg\:focus\:bg-blue-400:focus {
        --bg-opacity: 1;
        background-color: #63b3ed;
        background-color: rgba(99, 179, 237, var(--bg-opacity))
    }

    .xl\:bg-blue-400 {
        --bg-opacity: 1;
        background-color: #63b3ed;
        background-color: rgba(99, 179, 237, var(--bg-opacity))
    }
    .xl\:hover\:bg-blue-400:hover {
        --bg-opacity: 1;
        background-color: #63b3ed;
        background-color: rgba(99, 179, 237, var(--bg-opacity))
    }

    .xl\:focus\:bg-blue-400:focus {
        --bg-opacity: 1;
        background-color: #63b3ed;
        background-color: rgba(99, 179, 237, var(--bg-opacity))
    }
.w-px {
    width: 1px;
}
.absolute {
    position: absolute;
}
.opacity-0 {
    opacity: 0;
}
.h-px {
    height: 1px;
}
.shadow {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);
}
.bg-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255,255,255,var(--bg-opacity));
}