$color_1: #9197A3;
$color_2: #BDC1C9;

/**
 * Draft v0.10.5
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */

:global {
    .DraftEditor-editorContainer {
        height: inherit;
        text-align: initial;
        position: relative;
        z-index: 1;
    }

    .DraftEditor-root {
        height: inherit;
        text-align: initial;
        position: relative;
    }

    .public-DraftEditor-content {
        height: inherit;
        text-align: initial;
    }

    .public-DraftEditor-content[contenteditable=true] {
        -webkit-user-modify: read-write-plaintext-only;
    }

    .public-DraftEditor-block {
        position: relative;
    }

    .DraftEditor-alignLeft {
        .public-DraftStyleDefault-block {
            text-align: left;
        }

        .public-DraftEditorPlaceholder-root {
            left: 0;
            text-align: left;
        }
    }

    .DraftEditor-alignCenter {
        .public-DraftStyleDefault-block {
            text-align: center;
        }

        .public-DraftEditorPlaceholder-root {
            margin: 0 auto;
            text-align: center;
            width: 100%;
        }
    }

    .DraftEditor-alignRight {
        .public-DraftStyleDefault-block {
            text-align: right;
        }

        .public-DraftEditorPlaceholder-root {
            right: 0;
            text-align: right;
        }
    }

    .public-DraftEditorPlaceholder-root {
        color: $color_1;
        position: absolute;
        z-index: 1;
    }

    .public-DraftEditorPlaceholder-hasFocus {
        color: $color_2;
    }

    .DraftEditorPlaceholder-hidden {
        display: none;
    }

    .public-DraftStyleDefault-block {
        position: relative;
        white-space: pre-wrap;
    }

    .public-DraftStyleDefault-ltr {
        direction: ltr;
        text-align: left;
    }

    .public-DraftStyleDefault-rtl {
        direction: rtl;
        text-align: right;
    }

    .public-DraftStyleDefault-listLTR {
        direction: ltr;
    }

    .public-DraftStyleDefault-listRTL {
        direction: rtl;
    }

    .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
        margin-left: 1.5em;
    }

    .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
        margin-right: 1.5em;
    }

    .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
        margin-left: 3em;
    }

    .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
        margin-right: 3em;
    }

    .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
        margin-left: 4.5em;
    }

    .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
        margin-right: 4.5em;
    }

    .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
        margin-left: 6em;
    }

    .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
        margin-right: 6em;
    }

    .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
        margin-left: 7.5em;
    }

    .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
        margin-right: 7.5em;
    }

    .public-DraftStyleDefault-unorderedListItem {
        list-style-type: square;
        position: relative;
    }

    .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
        list-style-type: disc;
    }

    .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
        list-style-type: circle;
    }

    .public-DraftStyleDefault-orderedListItem {
        list-style-type: none;
        position: relative;

        &::before {
            content: counter(ol0) '. ';
            counter-increment: ol0;
        }
    }

    .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR {
        &::before {
            left: -18px;
            position: absolute;
            text-align: left;
            width: 18px;
        }
    }

    .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL {
        &::before {
            position: absolute;
            right: -18px;
            text-align: right;
            width: 18px;
        }
    }

    .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1 {
        &::before {
            content: counter(ol1) '. ';
            counter-increment: ol1;
        }
    }

    .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2 {
        &::before {
            content: counter(ol2) '. ';
            counter-increment: ol2;
        }
    }

    .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3 {
        &::before {
            content: counter(ol3) '. ';
            counter-increment: ol3;
        }
    }

    .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4 {
        &::before {
            content: counter(ol4) '. ';
            counter-increment: ol4;
        }
    }

    .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
        counter-reset: ol0;
    }

    .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
        counter-reset: ol1;
    }

    .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
        counter-reset: ol2;
    }

    .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
        counter-reset: ol3;
    }

    .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
        counter-reset: ol4;
    }
}
