.blinking-cursor {
    margin-left: 5px;
    background-color: #fff;
    animation: blink 1s infinite;
}

@keyframes blink {
    0%, 50% {
        opacity: 1;
    }
    50.1%, 100% {
        opacity: 0;
    }
}

.ui-progressbar {
    position: relative;
    max-width: 48rem;
    margin: 20px auto;
    border: none !important;
    background: #1f2937 !important;
}

.progress-label {
    position: absolute;
    left: 50%;
    top: 4px;
    font-weight: bold;
    color: white;
}

.ui-progressbar-value {
    background: #111827 !important;
    border: none !important;
}

#text-area.disabled {
    color: black;
    cursor: wait;
}

@media (min-width: 1024px) {
    .lg\:max-w-3xl {
        max-width: 55rem !important;
    }
}

.evaluation {
    position: relative;
    max-width: 40rem;
    margin: 20px auto;
    border: none !important;
    background: #1f2937 !important;
    color: white;
}

.evaluation::before {
    display: inline-block;
    width: 100%;
    float: none;
    margin-bottom: 10px;
    content: "Von wem wurde diese Antwort formuliert?"
}

.evaluation_button {
    width: 40%;
    margin: 0 10px;
    padding: 5px;
    border: 2px solid #111827;
    border-radius: 10px;
    transition: background 0.3s ease-out 100ms;
    background: linear-gradient(to left, #1f2937 50%, #111827 50%) right;
    background-size: 200% 100%;
}

.evaluation_button:hover {
    width: 40%;
    margin: 0 10px;
    background-position: left;
}

.clicked {
    background: #111827 !important;
}

.evaluation_button:active {
    width: 40%;
    margin: 0 10px;
    background: #444654
}

.disabled {
    background: #111827 !important;
    /*cursor: not-allowed;*/
    pointer-events: none;
    transition: background 120s ease-out 100ms !important;
    background: linear-gradient(to left, #2a3441 50%, #111827 50%) right !important;
    /*repeating-linear-gradient(0deg, transparent, transparent 10px, #1f2937 10px, #1f2937 20px),*/
    background-size: 200% 100% !important;
    color: grey;
}

.solution {
    position: relative;
    max-width: 40rem;
    margin: 20px auto;
    border: none !important;
    background: #1f2937 !important;
    color: white;
}

#chat-box {
    z-index: 100;
    position: absolute;
    width:80vw;
    height: 100vh;
    max-height: 100vh !important;
    top:0;
    background: #1f2937;
}

#main-page {
    position: relative;
    z-index: 0 !important;
}

#question_input {
    z-index: 200;
}