@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.84wtju4z0n.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.my-header[b-3em77kqc9k] {
    padding: 0.5rem 1rem;
    gap: 1rem;
    background-color: var(--accent-fill-rest);
    font-weight: bold;
    font-size: var(--type-ramp-plus-1-font-size);
    color: var(--fill-color);
}

.my-nav-overlay[b-3em77kqc9k] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.my-nav-panel[b-3em77kqc9k] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 250px;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    background-color: var(--neutral-layer-1);
    box-shadow: var(--elevation-shadow-dialog);
    /*box-shadow: 4px 0 12px rgba(0, 0, 0, 0.25);*/
}
/* /Components/Pages/ChatPage.razor.rz.scp.css */
/* /Components/VoiceEntry.razor.rz.scp.css */
.my-msg[b-bsq4yrcjtp] {
    border: 1px solid var(--neutral-stroke-rest);
    row-gap: 0;
    column-gap: 0;
    margin: 0;
    padding: 0rem;
    display: flex;
    flex-direction: column;
}

body[data-theme="dark"] .my-msg[b-bsq4yrcjtp] {
    /* Light font weight for dark theme to avoid color bleeding. */
    font-weight: 300;
}

.my-msg.tutor[b-bsq4yrcjtp] {
    border-left: 4px solid var(--accent-tutor);
    align-self: flex-start;
}

    .my-msg.user[b-bsq4yrcjtp] {
        border-right: 4px solid var(--accent-user);
        align-self: flex-end;
    }

.literal-strip[b-bsq4yrcjtp] {
    display: flex;
    row-gap: 0;
    column-gap: 0;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.transcript[b-bsq4yrcjtp] {
    color: var(--voice-transcript-fg);
    background-color: var(--voice-transcript-bg);
}

.my-msg.user > .transcript[b-bsq4yrcjtp] {
    color: var(--voice-transcript-user-fg);
    background-color: var(--voice-transcript-user-bg);
}

.translation[b-bsq4yrcjtp] {
    color: var(--voice-translation-fg);
    background-color: var(--voice-translation-bg);
    font-size: .928571em;
}

.literal-chunk[b-bsq4yrcjtp] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 0;
    margin: 0;
    padding: 0;
}

/* Make the last chunk take up all remaining space */
.literal-strip .literal-chunk:last-child[b-bsq4yrcjtp] {
    flex: 999999999;
}

.line[b-bsq4yrcjtp] {
    overflow: hidden;
}

.literal[b-bsq4yrcjtp] {
    white-space: nowrap;
}

.line[b-bsq4yrcjtp], .literal[b-bsq4yrcjtp] {
    margin: 0;
    padding: .05rem .5rem;
}

.line[b-bsq4yrcjtp] {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.literal:first-child[b-bsq4yrcjtp] {
    padding-top: .5rem;
}

.literal:last-child[b-bsq4yrcjtp] {
    padding-bottom: .5rem;
}

    .literal.word[b-bsq4yrcjtp] {
        color: var(--voice-transcript-fg);
        background-color: var(--voice-transcript-bg);
    }

.literal.t-word[b-bsq4yrcjtp] {
    color: var(--voice-t-word-fg);
    background-color: var(--voice-t-word-bg);
    font-size: .928571em;
}

.literal.phon[b-bsq4yrcjtp] {
    color: var(--voice-phon-fg);
    background-color: var(--voice-phon-bg);
    font-family: "IBM Plex Mono";
    font-size: .928571em;
}
/* /Components/VoiceLog.razor.rz.scp.css */
.my-msgs[b-kf8qjajh71] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0rem;
    row-gap: 1rem;
    flex: 1;
    padding: .5rem 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.scroll-to-bottom-btn[b-kf8qjajh71] {
    position: sticky;
    bottom: 1rem;
    display: flex;
    justify-content: flex-end;
    padding-right: 1rem;
}