@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&display=swap");

* {
  font-family: "Figtree", sans-serif;
}

html {
  font-size: 18px;
}


.mint-relative {
    position: relative
}
.mint-mx-auto {
    margin-left: auto;
    margin-right: auto
}
.mint-mb-10 {
    margin-bottom: 2.5rem
}
.mint-mb-16 {
    margin-bottom: 4rem
}
.mint-mb-8 {
    margin-bottom: 2rem
}
.mint-ml-3 {
    margin-left: 0.75rem
}
.mint-ml-4 {
    margin-left: 1rem
}
.mint-mt-1 {
    margin-top: 0.25rem
}
.mint-mt-16 {
    margin-top: 4rem
}
.mint-mt-3 {
    margin-top: 0.75rem
}
.mint-flex {
    display: flex
}
.mint-grid {
    display: grid
}
.mint-h-5 {
    height: 1.25rem
}
.mint-w-5 {
    width: 1.25rem
}
.mint-w-full {
    width: 100%
}
.mint-max-w-2xl {
    max-width: 42rem
}
.mint-max-w-5xl {
    max-width: 64rem
}
.mint-flex-shrink-0 {
    flex-shrink: 0
}
.mint-cursor-pointer {
    cursor: pointer
}
.mint-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.mint-items-start {
    align-items: flex-start
}
.mint-items-center {
    align-items: center
}
.mint-gap-6 {
    gap: 1.5rem
}
.mint-rounded-full {
    border-radius: 9999px
}
.mint-rounded-lg {
    border-radius: 0.5rem
}
.mint-rounded-md {
    border-radius: 0.375rem
}
.mint-border {
    border-width: 1px
}
.mint-border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity))
}
.mint-border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}
.mint-bg-\[white\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.mint-bg-black\/10 {
    background-color: rgb(0 0 0 / 0.1)
}
.mint-bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity))
}
.mint-bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.mint-bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity))
}
.mint-bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 232 255 / var(--tw-bg-opacity))
}
.mint-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.mint-p-2 {
    padding: 0.5rem
}
.mint-p-5 {
    padding: 1.25rem
}
.mint-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}
.mint-py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.mint-py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem
}
.mint-text-left {
    text-align: left
}
.mint-text-center {
    text-align: center
}
.mint-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
.mint-text-5xl {
    font-size: 3rem;
    line-height: 1
}
.mint-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.mint-font-bold {
    font-weight: 700
}
.mint-font-medium {
    font-weight: 500
}
.mint-font-semibold {
    font-weight: 600
}
.mint-text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity))
}
.mint-text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.mint-text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}
.mint-text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.mint-text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity))
}
.mint-text-purple-600 {
    --tw-text-opacity: 1;
    color: rgb(147 51 234 / var(--tw-text-opacity))
}
.mint-shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.mint-transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.hover\:mint-shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.dark\:mint-border-gray-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity))
}
.dark\:mint-bg-blue-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138 / var(--tw-bg-opacity))
}
.dark\:mint-bg-gray-700:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity))
}
.dark\:mint-bg-gray-800:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity))
}
.dark\:mint-bg-green-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(20 83 45 / var(--tw-bg-opacity))
}
.dark\:mint-bg-purple-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(88 28 135 / var(--tw-bg-opacity))
}
.dark\:mint-text-blue-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity))
}
.dark\:mint-text-gray-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}
.dark\:mint-text-gray-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
.dark\:mint-text-green-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(134 239 172 / var(--tw-text-opacity))
}
.dark\:mint-text-purple-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(216 180 254 / var(--tw-text-opacity))
}
.dark\:mint-text-white:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 768px) {
    .md\:mint-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}
@media (min-width: 1024px) {
    .lg\:mint-mt-0 {
        margin-top: 0px
    }
}

console.log("hello world")

const searchBar = document.getElementById('#ai-search-bar');
if (searchBar) {
    searchBar.addEventListener('click', () => {
        // Simulate Cmd+K (or Ctrl+K on Windows)
        const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
        const event = new KeyboardEvent('keydown', {
            key: 'k',
            code: 'KeyK',
            metaKey: isMac, // Cmd key for Mac
            ctrlKey: !isMac, // Ctrl key for Windows/Linux
            bubbles: true
        });
        document.dispatchEvent(event);
    });
}


Ask AI

Legal

Ask a question about Casa

Common FAQs

Getting started

Security & Privacy

Connecting with chatbots

Workflows

API

Integration

Settings