.md-alert[data-v-baf1bad2] {
    border-radius: .5rem;
    border-left-width: 4px
}

.md-alert-info[data-v-baf1bad2] {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
}

.md-alert-info code[data-v-baf1bad2] {
    border-width: 0;
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
    color: currentColor;
    --tw-shadow: 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.md-alert-info .md-alert-icon[data-v-baf1bad2] {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity))
}

.md-alert-info .md-alert-content[data-v-baf1bad2] {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity))
}

.md-alert-success[data-v-baf1bad2] {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
}

.md-alert-success code[data-v-baf1bad2] {
    border-width: 0;
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
    color: currentColor;
    --tw-shadow: 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.md-alert-success .md-alert-icon[data-v-baf1bad2] {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity))
}

.md-alert-success .md-alert-content[data-v-baf1bad2] {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity))
}

.md-alert-warning[data-v-baf1bad2] {
    --tw-border-opacity: 1;
    border-color: rgba(251, 146, 60, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(255, 237, 213, var(--tw-bg-opacity))
}

.md-alert-warning code[data-v-baf1bad2] {
    border-width: 0;
    --tw-bg-opacity: 1;
    background-color: rgba(254, 215, 170, var(--tw-bg-opacity));
    color: currentColor;
    --tw-shadow: 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.md-alert-warning .md-alert-icon[data-v-baf1bad2] {
    --tw-text-opacity: 1;
    color: rgba(251, 146, 60, var(--tw-text-opacity))
}

.md-alert-warning .md-alert-content[data-v-baf1bad2] {
    --tw-text-opacity: 1;
    color: rgba(194, 65, 12, var(--tw-text-opacity))
}

.md-alert-danger[data-v-baf1bad2] {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
}

.md-alert-danger code[data-v-baf1bad2] {
    border-width: 0;
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
    color: currentColor;
    --tw-shadow: 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.md-alert-danger .md-alert-icon[data-v-baf1bad2] {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity))
}

.md-alert-danger .md-alert-content[data-v-baf1bad2] {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity))
}

.clipboard[data-v-479657ca] {
    position: absolute;
    right: 0;
    bottom: 0;
    --tw-text-opacity: 1;
    color: rgba(148, 163, 184, var(--tw-text-opacity));
    margin-right: 1.75rem;
    margin-bottom: .75rem;
    border-radius: .5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(148, 163, 184, var(--tw-border-opacity));
    padding: .5rem;
    cursor: pointer
}

.clipboard[data-v-479657ca]:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(148, 163, 184, var(--tw-bg-opacity));
    --tw-bg-opacity: 0.25
}

.clipboard[data-v-479657ca] {
    width: 30px;
    height: 30px
}

.clipboard svg[data-v-479657ca] {
    width: 100%;
    height: 100%
}

&:hover .clipboard[data-v-479657ca] {
    display: block
}

.md-live {
    overflow: hidden;
    margin-top: 2.5rem;
    margin-bottom: 5rem;
    border-radius: .5rem;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    display: flex;
    flex-direction: column-reverse
}

@media (max-width: 768px) {
    .md-live {
        min-height: 500px
    }
}

@media (min-width: 768px) {
    .md-live.layout-lr {
        flex-direction: row
    }

    .md-live.layout-rl {
        flex-direction: row-reverse
    }

    .md-live.layout-tb {
        flex-direction: column
    }

    .md-live.layout-bt {
        flex-direction: column-reverse
    }

    .md-live.layout-lr, .md-live.layout-rl {
        align-items: stretch
    }

    .md-live.layout-lr .md-live-editor-container, .md-live.layout-rl .md-live-editor-container {
        height: 100%
    }

    .md-live.layout-lr .md-live-editor, .md-live.layout-rl .md-live-editor {
        flex: 1 1 0%
    }

    .md-live.layout-lr .md-live-preview, .md-live.layout-rl .md-live-preview {
        flex: 1 1 0%;
        height: auto
    }
}

.md-live-editor {
    position: relative
}

.md-live-editor ::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 100%, .3) !important
}

.md-live-editor .md-live-editor-container {
    background: #263238;
    max-height: 500px;
    overflow-y: auto;
    font-size: 13px;
    padding: 10px
}

@media (max-width: 768px) {
    .md-live-editor .md-live-editor-container {
        max-height: 300px
    }
}

.md-live-editor pre {
    color: #c3cee3
}

.md-live-editor .md-live-tag {
    position: absolute;
    right: 0;
    top: 0;
    text-transform: uppercase;
    margin-top: .75rem;
    margin-right: 1.75rem;
    color: #f7fafc;
    z-index: 10
}

.md-live-editor .clipboard {
    display: none
}

.md-live-editor:hover .clipboard {
    display: block
}

.md-live-preview {
    height: 300px;
    overflow: hidden
}

.prism-editor-wrapper .prism-editor__editor, .prism-editor-wrapper .prism-editor__textarea {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    line-height: 1.5
}

.prism-editor__textarea:focus {
    outline: none
}

.md-code-block {
    position: relative
}

.nuxt-content-highlight {
    line-height: 1em;
    font-size: 13px
}

.nuxt-content-highlight code[class*=language-], .nuxt-content-highlight pre[class*=language-] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    color: #c3cee3;
    background: #263238;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    text-align: left;
    border: none
}

.nuxt-content-highlight code[class*=language-]::-moz-selection, .nuxt-content-highlight code[class*=language-] ::-moz-selection, .nuxt-content-highlight pre[class*=language-]::-moz-selection, .nuxt-content-highlight pre[class*=language-] ::-moz-selection {
    background: rgba(0, 116, 255, .8);
    color: #fff
}

.nuxt-content-highlight code[class*=language-]::selection, .nuxt-content-highlight code[class*=language-] ::selection, .nuxt-content-highlight pre[class*=language-]::selection, .nuxt-content-highlight pre[class*=language-] ::selection {
    background: rgba(0, 116, 255, .8);
    color: #fff
}

.nuxt-content-highlight .filename {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    font-family: DM Mono, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: -.025em;
    line-height: 1;
    margin-top: .75rem;
    margin-right: 1rem;
    --tw-text-opacity: 1;
    color: rgba(148, 163, 184, var(--tw-text-opacity))
}

.nuxt-content-highlight .clipboard {
    display: none
}

.nuxt-content-highlight:hover .clipboard {
    display: block
}

.post-contributors {
    margin-bottom: 50px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    --tw-text-opacity: 1;
    color: rgba(71, 85, 105, var(--tw-text-opacity))
}

.post-contributors a {
    --tw-text-opacity: 1;
    color: rgba(100, 116, 139, var(--tw-text-opacity))
}

.post-contributors .post-contributors-list {
    margin-top: 10px
}

.post-contributors .post-contributor {
    display: inline-block;
    margin-right: 15px;
    margin-top: 10px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(226, 232, 240, var(--tw-border-opacity));
    border-radius: .5rem
}

.post-contributors .post-contributor:hover {
    text-decoration: none;
    --tw-border-opacity: 1;
    border-color: rgba(203, 213, 225, var(--tw-border-opacity))
}

.post-contributors .post-contributor img {
    width: 40px;
    height: 40px;
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.post-contributors .post-contributor img, .post-contributors .post-contributor span {
    display: inline-block
}

.post-contributors .post-contributor span {
    margin: 2px 8px;
    position: relative
}

.post-edit {
    margin: 20px 0
}