@import url("fonts.css");
@import url("basics.css");
@import url("theme-myst.css");
@import url("libs/codemirror.css");
@import url("libs/codemirror-myst.css");

body
{
    background-color: transparent;
}

.pastemyst-title,
.pastemyst-pasty-title
{
    background-color: var(--color-nanolight);
    border-radius: var(--border-radius);
    padding: 0.5rem 1rem;
}

.pastemyst-title
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.pastemyst-pasty
{
    margin-top: 20px;
}

.pastemyst-pasty-title
{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 2px solid var(--color-mystge);
}

.pastemyst-pasty .lang
{
    border-radius: var(--border-radius);
    padding: 0rem 0.5rem;
}

.CodeMirror
{
    height: auto;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.CodeMirror-cursor
{
    display: none;
}

.invalid
{
    background-color: var(--color-mysted);
    border-radius: var(--border-radius);
    padding: 0.5rem 1rem;
    border: 4px solid var(--color-nanolight);
    color: var(--color-nanolight);
}
