Create assets/style.css

assets/style.css

@@ -0,0 +1,214 @@
+.warning-box {
+    background-color: #fff3cd;
+    border: 1px solid #ffeeba;
+    border-radius: 4px;
+    padding: 15px 20px;
+    font-size: 14px;
+    color: #856404;
+    display: inline-block;
+    margin-bottom: 15px;
+}
+
+.tip-box {
+    background-color: #f0f9ff;
+    border: 1px solid #80d4fa;
+    border-radius: 4px;
+    margin-top: 20px;
+    padding: 15px 20px;
+    font-size: 14px;
+    color: #006064;
+    display: inline-block;
+    margin-bottom: 15px;
+    width: auto;
+}
+
+.tip-box-title {
+    font-weight: bold;
+    font-size: 14px;
+    margin-bottom: 5px;
+}
+
+.light-bulb {
+    display: inline;
+    margin-right: 5px;
+}
+
+.gr-box {
+    border-color: #d6c37c
+}
+
+#hidden-message {
+    display: none;
+}
+
+.message {
+    font-size: 14px !important;
+}
+
+
+a {
+    text-decoration: none;
+    color: inherit;
+}
+
+.card {
+    background-color: #B20032;
+    border-radius: 10px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    margin: 20px;
+}
+
+.card-content {
+    padding: 20px;
+}
+
+.card-content h2 {
+    font-size: 14px !important;
+    font-weight: bold;
+    margin-bottom: 10px;
+    margin-top: 0px !important;
+    color: #000000 !important;
+    ;
+}
+
+.card-content p {
+    font-size: 12px;
+    margin-bottom: 0;
+}
+
+.card-footer {
+    background-color: #f4f4f4;
+    font-size: 10px;
+    padding: 10px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.card-footer span {
+    flex-grow: 1;
+    text-align: left;
+    color: #999 !important;
+}
+
+.pdf-link {
+    display: inline-flex;
+    align-items: center;
+    margin-left: auto;
+    text-decoration: none !important;
+    font-size: 14px;
+}
+
+
+
+.message.user {
+    background-color: #000000 !important;
+    border: none;
+    color: white !important;
+}
+
+.message.bot {
+    /* background-color: #f2f2f7 !important; */
+    border: none;
+}
+
+.gallery-item>div:hover {
+    background-color: #7494b0 !important;
+    color: white !important;
+}
+
+.gallery-item:hover {
+    border: #7494b0 !important;
+}
+
+.gallery-item>div {
+    background-color: white !important;
+    color: #577b9b !important;
+}
+
+.label {
+    color: #577b9b !important;
+}
+
+.paginate {
+    color: #577b9b !important;
+}
+
+
+label>span {
+    color: #577b9b !important;
+}
+
+/* Pseudo-element for the circularly cropped picture */
+.message.bot::before {
+    content: '';
+    position: absolute;
+    top: -10px;
+    left: -10px;
+    width: 30px;
+    height: 30px;
+    background-image: url('data:image/png;base64,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');
+    background-color: #fff;
+    background-size: cover;
+    background-position: center;
+    border-radius: 50%;
+    z-index: 10;
+}
+
+
+
+.user.svelte-6roggh.svelte-6roggh {
+    padding: 17px 24px;
+    text-align: justify;
+}
+
+.gallery.svelte-1ayixqk {
+    text-align: left;
+}
+
+.card-content p,
+.card-content ul li {
+    color: #fff !important;}
+
+
+.message.bot, .bot.svelte-6roggh.svelte-6roggh  {
+    background: #0C31FF !important;
+    padding: 17px 24px !important;
+    text-align: justify !important;
+    color: #fff !important;
+}
+
+#chatbot{
+    height: auto !important;
+    max-height: 1000px;
+}
+
+#type-emb label {
+    background: #ebeaea;
+}
+
+.source {
+background-color: #f8f9fa;
+border: 1px solid #ddd;
+padding: 15px;
+margin-bottom: 10px;
+border-radius: 4px;
+}
+
+.title {
+font-size: 18px;
+color: #333;
+margin-bottom: 5px;
+font-weight: bold;
+}
+
+.wrap.svelte-6roggh.svelte-6roggh {
+    padding: var(--block-padding);
+    height: 100%;
+    max-height: 480px;
+    overflow-y: auto;
+    max-height: 1000px;
+}