html {
    height: 100%
}

* {
    border-color: currentColor
}

::-webkit-file-upload-button {
    -webkit-appearance: auto;
    appearance: auto
}

i {
    font-style: normal
}

i [fill]:not([fill=none]) {
    fill: currentColor
}

i [stroke-width],
i [stroke]:not([stroke=none]) {
    stroke: currentColor
}

.rich-text-editor .rich-text-editor-menu-buttons>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.rich-text-editor .rich-text-editor-menu-buttons {
    --tw-bg-opacity: 1;
    --tw-border-opacity: 1;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
    border-radius: .25rem;
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    display: flex;
    padding: .125rem .25rem
}

.rich-text-editor .rich-text-editor-menu-buttons button,
.rich-text-editor .rich-text-editor-menu-params.link-params button {
    --tw-bg-opacity: 1;
    --tw-bg-opacity: 0.2;
    align-items: center;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    border-radius: .25rem;
    border-style: none;
    display: flex;
    height: 1.5rem;
    justify-content: center;
    opacity: .5;
    outline: 2px solid transparent;
    outline-offset: 2px;
    width: 1.5rem
}

.rich-text-editor .rich-text-editor-menu-buttons button path,
.rich-text-editor .rich-text-editor-menu-buttons button svg,
.rich-text-editor .rich-text-editor-menu-params.link-params button path,
.rich-text-editor .rich-text-editor-menu-params.link-params button svg {
    fill: currentColor;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.rich-text-editor .rich-text-editor-menu-buttons button.is-active,
.rich-text-editor .rich-text-editor-menu-buttons button:hover,
.rich-text-editor .rich-text-editor-menu-params.link-params button.is-active,
.rich-text-editor .rich-text-editor-menu-params.link-params button:hover {
    opacity: 1
}

.rich-text-editor .rich-text-editor-menu-params>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.rich-text-editor .rich-text-editor-menu-params {
    --tw-bg-opacity: 1;
    --tw-border-opacity: 1;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
    border-radius: .25rem;
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    display: flex;
    margin-top: .125rem;
    padding: .125rem .25rem
}

.rich-text-editor .rich-text-editor-menu-params.link-params input {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
    border-radius: .125rem;
    border-style: none;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
    font-size: .75rem;
    height: 24px;
    line-height: 1rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: .125rem .375rem;
    width: 100%
}

.rich-text-editor .rich-text-editor-content {
    position: relative
}

.rich-text-editor .rich-text-editor-content .ProseMirror {
    min-height: 100px
}

.rich-text-editor .rich-text-editor-content .ProseMirror pre {
    overflow: auto;
    white-space: pre
}

.rich-text-editor .rich-text-editor-content .ProseMirror p.is-editor-empty:first-child:before {
    content: attr(data-placeholder);
    float: left;
    height: 0;
    opacity: .5;
    pointer-events: none
}

[v-cloak] {
    display: none
}

p:empty:before {
    content: " ";
    white-space: pre
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2.75 4 1l2 1.75m-4 2.5L4 7l2-1.75' stroke='%23000' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.6'/%3E%3C/svg%3E");
    background-position: right clamp(4px, .75em, 8px) top 50%;
    background-repeat: no-repeat;
    background-size: max(8px, .875em) max(8px, .875em)
}

[v-cloak] {
    display: none !important
}