/* _content/TMC.Shared.UI.Components/Component1.razor.rz.scp.css */
.my-component[b-bds60en5he] {
    border: 2px dashed red;
    padding: 1em;
    margin: 1em 0;
    background-image: url('background.png');
}
/* _content/TMC.Shared.UI.Components/Components/WigDiscussion/WigDiscussion.razor.rz.scp.css */

.date_divider[b-tzubfryxfd] {
    inline-size: 100%;
}

.date_divider .break[b-tzubfryxfd] {
    margin: 0.375rem 0;
}

@media screen and (min-width: 768px) {
    .date_divider h3[b-tzubfryxfd] {
        text-align: start;
    }
}

.align--center[b-tzubfryxfd], .centered[b-tzubfryxfd] {
    text-align: center;
}

.break[b-tzubfryxfd] {
    position: relative;
    z-index: 0;
}

h1[b-tzubfryxfd], h2[b-tzubfryxfd], h3[b-tzubfryxfd] {
    line-height: 1.2;
    text-wrap: pretty;
}

*[b-tzubfryxfd], *[b-tzubfryxfd]:before, *[b-tzubfryxfd]:after {
    box-sizing: border-box;
}

h3[b-tzubfryxfd] {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}



.break[b-tzubfryxfd]:before {
    border-block-end: 1px solid #dedede;
    content: "";
    inset-block-start: 50%;
    inset-inline: 0;
    position: absolute;
    transform: translateY(-50%);
    z-index: -1;
}


/*SPAN*/

.date_divider span[b-tzubfryxfd] {
    background: #000;
    border-radius: .2em;
    color: white;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    padding: .3em .73em;
    text-transform: uppercase;
}

/* _content/TMC.Shared.UI.Components/Components/WigDiscussion/WigDiscussionRichTextInput.razor.rz.scp.css */

.mention-blot[b-310awgk91x] {
    display: inline-flex;
    position: relative;
    gap: 0.25em;
    align-items: center;
}

.mention-image[b-310awgk91x] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    transform: translateY(-1px);
}

.mention-text[b-310awgk91x] {
    display: inline-flex;
    align-items: center;
}

.mention-image-placeholder[b-310awgk91x] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--quill-avatar-placeholder-color);
    display: inline-flex;
    transform: translateY(-2px);
    justify-content: center;
    place-items: center;
    font-size: 12px;
}

[b-310awgk91x] .ql-editor{
    --rich-text-min-height: unset;
    min-height: var(--rich-text-min-height);
    padding: 0;
    font-family: 'Inter', sans-serif;
    color: #040404;
    font-size: 14px;
    font-weight: 400;
}

[b-310awgk91x] .blot-wrapper{
    padding-top:2px;
}

[b-310awgk91x] .ql-editor:before{
    font-style: normal;
    color: #adadad;
    margin-left: -1rem;
}

[b-310awgk91x] .ql-editor *{
    max-width: 100%;
    word-break: break-all;
}

.max-height-set[b-310awgk91x]  .ql-editor{
    max-height: var(--custom-max-height);
    overflow-y: auto;
}
[b-310awgk91x] .ql-mention-list-container{
    width: max-content;
    max-width: 500px;
}