@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Reddit+Mono:wght@200..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');
body {
    font-family: "Open Sans", serif !important;
    font-optical-sizing: auto !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-variation-settings:
      "wdth" 110 !important;
}

.overflow-y-auto {
    overflow: scroll; /* oder scroll */
    scrollbar-width: none; /* Firefox */
}

code.font-mono {
    font-family: "Reddit Mono", serif !important;
    font-optical-sizing: auto !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

.inline-image {
    max-height: 100px !important;
    border-radius: 5px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

.ai-message h1 {
    font-size: 1.5em !important;
    font-style: bold;
}

.ai-message h2 {
    font-size: 1.25em !important;
    font-style: bold;
}

.ai-message h3 {
    font-size: 1.1em !important;
    font-style: bold;
}

.ai-message h4, .ai-message h5, .ai-message h6 {
    font-size: 1.05em !important;
    font-style: bold;
}

.watermark {
    visibility: hidden !important;
}

img.logo[src*="logo?theme=dark"] {
    filter: grayscale(1) invert(1) brightness(100%);
}