/* #root > div > div > div > div > div.flex.flex-row.flex-grow.overflow-auto > div > div.relative.flex.flex-col.flex-grow.overflow-y-auto > div > div > div.bg-accent.rounded-3xl.p-3.px-4.w-full.min-h-24.flex.flex-col {
    visibility: hidden !important;
}

#root > div > div > div > div > div.flex.flex-row.flex-grow.overflow-auto > div > div.flex.flex-col.mx-auto.w-full.p-4.pt-0 > div > a {
    visibility: hidden !important;
}

span.relative.flex.shrink-0.overflow-hidden.rounded-full.h-6.w-6 {
    width: 3.0rem !important;
    height: 3.0rem !important;
}

#email::placeholder {
    color: transparent !important;
}

#root > div > div > div > div.h-full.w-full.data-\[panel-group-direction\=vertical\]\:flex-col.flex.flex-row.flex-grow > div > div > div > div.relative.flex.flex-col.flex-grow.overflow-y-auto > div > div > div.bg-accent.dark\:bg-card.rounded-3xl.p-3.px-4.w-full.min-h-24.flex.flex-col {
    visibility: hidden !important;
} */

/* E-mail/User input */
#email::placeholder {
    color: transparent !important;
}

/* Logo Auth Screen */
#root > div > div.relative.hidden.bg-muted.lg\:block {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; 
}
#root > div > div.relative.hidden.bg-muted.lg\:block > img {
    position: relative !important;
    align-self: center !important;
    max-width: 60% !important;
    height: auto !important;
}

/* Watermark - "Built with Chainlit" */
#root > div > div > div > div.h-full.w-full.data-\[panel-group-direction\=vertical\]\:flex-col.flex.flex-row.flex-grow > div > div > div > div.flex.flex-col.mx-auto.w-full.p-4.pt-0 > div > a {
    visibility: hidden !important;
}
#root > div > main > div > div.h-full.w-full.data-\[panel-group-direction\=vertical\]\:flex-col.flex.flex-row.flex-grow > div > div > div > div.flex.flex-col.mx-auto.w-full.p-4.pt-0 > div > a {
    visibility: hidden !important;
}

/* Icons - Icons select screen */
img.h-5.w-5 {
    border-radius: 1% !important;
}

/* Input - Category select screen */
#root > div > div > div > div.h-full.w-full.data-\[panel-group-direction\=vertical\]\:flex-col.flex.flex-row.flex-grow > div > div > div > div.relative.flex.flex-col.flex-grow.overflow-y-auto > div.flex.flex-col.flex-grow.overflow-y-auto > div.flex.flex-col.mx-auto.w-full.flex-grow.p-4 > div > div.bg-accent.dark\:bg-card.rounded-3xl.p-3.px-4.w-full.min-h-24.flex.flex-col.__web-inspector-hide-shortcut__ {
    visibility: hidden !important;
}
#root > div > div > div > div.h-full.w-full.data-\[panel-group-direction\=vertical\]\:flex-col.flex.flex-row.flex-grow > div > div > div > div.relative.flex.flex-col.flex-grow.overflow-y-auto > div > div.flex.flex-col.mx-auto.w-full.flex-grow.p-4 > div > div.bg-accent.dark\:bg-card.rounded-3xl.p-3.px-4.w-full.min-h-24.flex.flex-col {
    visibility: hidden !important;
}
#root > div > main > div > div.h-full.w-full.data-\[panel-group-direction\=vertical\]\:flex-col.flex.flex-row.flex-grow > div > div > div > div.relative.flex.flex-col.flex-grow.overflow-y-auto > div > div.flex.flex-col.mx-auto.w-full.flex-grow.p-4 > div > div.bg-accent.dark\:bg-card.rounded-3xl.p-3.px-4.w-full.min-h-24.flex.flex-col {
    visibility: hidden !important;
}

/* Icon - Terms of Use Icon */
#header > div.flex.items-center.gap-1 > button.inline-flex.items-center.justify-center.gap-2.whitespace-nowrap.rounded-md.text-sm.font-medium.ring-offset-background.transition-colors.focus-visible\:outline-none.focus-visible\:ring-2.focus-visible\:ring-ring.focus-visible\:ring-offset-2.disabled\:pointer-events-none.disabled\:opacity-50.\[\&_svg\]\:pointer-events-none.\[\&_svg\]\:size-4.\[\&_svg\]\:shrink-0.hover\:bg-accent.h-10.px-4.py-2.text-muted-foreground.hover\:text-muted-foreground > a > img {
    visibility: hidden !important;
    width: 1px !important;
}