{"version":3,"sources":["../scss/_variables.scss","wysiwyag/richtext.scss"],"names":[],"mappings":"AAKA;AA6BA;AAWA;AAcA;AAaA;AAKA;AC5EA;EACI;EACA;EACA;EA6SA;EACA;;AA5SA;EACI;;AAEA;EACI;EACA;;AAIA;EAGI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,kBD7Bf;EC8Be;;AAEA;EACI;EACA;EACA;EACA,kBDxErB;ECyEqB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,YDtFzB;ECuFyB;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;;AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI,kBD9GjC;;ACkHyB;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAOpB;EACI;;AAIR;EACI,kBDtJjB;;AC0JS;EACI;;AAEA;EACI;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;;AAIR;EACI;EACA,kBD3LD;EC4LC;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEI;;AAGJ;EACI;EACA;EACA;;AAEA;AAAA;EAEI;EACA;;AAIR;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;;AAGJ;AAAA;EAEI;;AAIA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAOR;EACI","file":"richtext.css","sourcesContent":["\r\n$background: #eaedf7;\r\n$color:#1d212f;\r\n$border:#e8e8f7;\r\n\r\n/*Color variables*/\r\n\r\n\r\n$primary:var(--primary-bg-color);\r\n$primary-hover:var(--primary-bg-hover);\r\n$primary-border:var(--primary-bg-border);\r\n$primary-transparent:var(--primary01);\r\n$primary-005:var(--primary005);\r\n$primary-01:var(--primary01);\r\n$primary-02:var(--primary02);\r\n$primary-03:var(--primary03);\r\n$primary-05:var(--primary05);\r\n$primary-07:var(--primary07);\r\n$primary-08:var(--primary08);\r\n$secondary:#f1388b;\r\n$success:#19b159;\r\n$warning:#ff9b21;\r\n$danger:#fd6074;\r\n$info:#01b8ff;\r\n$light:#f1f2f9;\r\n$dark:#3b4863;\r\n$white:#ffffff;\r\n$black:#000000;\r\n$pink:#ff75ad;\r\n$purple:#6f42c1;\r\n$indigo:#4b0082;\r\n$orange:#fd7e14;\r\n$teal:#00cccc;\r\n\r\n/*gray variables*/\r\n$gray-100:#eaeafb;\r\n$gray-200:#d0d0ec;\r\n$gray-300:#babade;\r\n$gray-400:#8f8fb7;\r\n$gray-500:#717196;\r\n$gray-600:#4f4f71;\r\n$gray-700:#3c3c5d;\r\n$gray-800:#262644;\r\n$gray-900:#1b1b33;\r\n\r\n/*white variables*/\r\n$white-1:rgba(255, 255, 255, 0.1);\r\n$white-2:rgba(255, 255, 255, 0.2);\r\n$white-3:rgba(255, 255, 255, 0.3);\r\n$white-4 :rgba(255, 255, 255, 0.4);\r\n$white-5 :rgba(255, 255, 255, 0.5);\r\n$white-6 :rgba(255, 255, 255, 0.6);\r\n$white-7 :rgba(255, 255, 255, 0.7);\r\n$white-8 :rgba(255, 255, 255, 0.8);\r\n$white-9 :rgba(255, 255, 255, 0.9);\r\n$white-05:rgba(255, 255, 255, 0.05);\r\n$white-08:rgba(255, 255, 255, 0.08);\r\n$white-75:rgba(255, 255, 255, 0.075);\r\n\r\n/*black variables*/\r\n$black-1:rgba(0, 0, 0, 0.1);\r\n$black-2:rgba(0, 0, 0, 0.2);\r\n$black-3:rgba(0, 0, 0, 0.3);\r\n$black-4:rgba(0, 0, 0, 0.4);\r\n$black-5:rgba(0, 0, 0, 0.5);\r\n$black-6:rgba(0, 0, 0, 0.6);\r\n$black-7:rgba(0, 0, 0, 0.7);\r\n$black-8:rgba(0, 0, 0, 0.8);\r\n$black-9:rgba(0, 0, 0, 0.9);\r\n$black-05:rgba(0, 0, 0, 0.05);\r\n\r\n\r\n/*Dark Theme*/\r\n$dark-theme:var(--dark-theme);\r\n$dark-body:var(--dark-body);\r\n$dark-color:var(--dark-color);\r\n$dark-border:var(--dark-border);\r\n/*Dark Theme*/\r\n\r\n\t\r\n\r\n","@import \"../../scss/variables\";\r\n.richText {\r\n    position: relative;\r\n    width: 100%;\r\n    border-radius: 7px;\r\n\r\n    .richText-form {\r\n        font-family: Calibri, Verdana, Helvetica, sans-serif;\r\n\r\n        label {\r\n            display: block;\r\n            padding: 10px 15px;\r\n        }\r\n\r\n        input {\r\n            &[type=\"text\"],\r\n            &[type=\"file\"],\r\n            &[type=\"number\"] {\r\n                padding: 10px 15px;\r\n                border: $background solid 1px;\r\n                min-width: 200px;\r\n                width: 100%;\r\n                border-radius: 5px;\r\n                outline: 0;\r\n            }\r\n        }\r\n\r\n        select {\r\n            padding: 10px 15px;\r\n            border: $background solid 1px;\r\n            min-width: 200px;\r\n            width: 100%;\r\n            border-radius: 5px;\r\n            outline: 0;\r\n            cursor: pointer;\r\n        }\r\n\r\n        button {\r\n            margin: 10px 0;\r\n            padding: 0.375rem 0.75rem;\r\n            background-color: #6c5ffc;\r\n            border: none;\r\n            color: #fafafa;\r\n            cursor: pointer;\r\n            -webkit-appearance: none;\r\n            -moz-appearance: none;\r\n            appearance: none;\r\n            -webkit-border-radius: 5px;\r\n            -moz-border-radius: 5px;\r\n            border-radius: 5px;\r\n        }\r\n    }\r\n\r\n    .richText-toolbar {\r\n        min-height: 20px;\r\n        border-bottom: 0;\r\n\r\n        ul {\r\n            margin-bottom: 0;\r\n            padding-left: 0;\r\n            border-bottom: $background solid 1px;\r\n\r\n            li {\r\n                float: left;\r\n                display: block;\r\n                list-style: none;\r\n\r\n                a {\r\n                    display: block;\r\n                    padding: 10px 15px;\r\n                    cursor: pointer;\r\n                    -webkit-transition: background-color 0.4s;\r\n                    -moz-transition: background-color 0.4s;\r\n                    transition: background-color 0.4s;\r\n                    color: #858398;\r\n\r\n                    .fe,\r\n                    .fa,\r\n                    .fas,\r\n                    .far,\r\n                    svg {\r\n                        pointer-events: none;\r\n                    }\r\n\r\n                    .richText-dropdown-outer {\r\n                        display: none;\r\n                        position: absolute;\r\n                        top: 0;\r\n                        left: 0;\r\n                        right: 0;\r\n                        bottom: 0;\r\n                        background-color: $black-3;\r\n                        cursor: default;\r\n\r\n                        .richText-dropdown {\r\n                            position: relative;\r\n                            display: block;\r\n                            margin: 3% auto 0 auto;\r\n                            background-color: $white;\r\n                            border: $background solid 1px;\r\n                            min-width: 100px;\r\n                            width: 300px;\r\n                            max-width: 90%;\r\n                            border-radius: 5px;\r\n                            -webkit-box-shadow: 0px 16px 18px rgba(6, 10, 48, 0.1);\r\n                            -moz-box-shadow: 0px 16px 18px rgba(6, 10, 48, 0.1);\r\n                            box-shadow: 0px 16px 18px rgba(6, 10, 48, 0.1);\r\n\r\n                            .richText-dropdown-close {\r\n                                position: absolute;\r\n                                top: 10px;\r\n                                right: 10px;\r\n                                background: $white;\r\n                                color: #0d0c22;\r\n                                cursor: pointer;\r\n                                font-size: 16px;\r\n                                text-align: center;\r\n                                width: 25px;\r\n                                border-radius: 5px;\r\n                            }\r\n                        }\r\n\r\n                        ul.richText-dropdown {\r\n                            list-style: none;\r\n\r\n                            li {\r\n                                display: block;\r\n                                float: none;\r\n                                font-family: Calibri, Verdana, Helvetica, sans-serif;\r\n\r\n                                a {\r\n                                    display: block;\r\n                                    padding: 10px 15px;\r\n                                    border-bottom: $border solid 1px;\r\n\r\n                                    &:hover {\r\n                                        background-color: $white;\r\n                                    }\r\n                                }\r\n\r\n                                &.inline {\r\n                                    margin: 5px 5px;\r\n                                    float: left;\r\n                                    padding: 6px;\r\n\r\n                                    a {\r\n                                        display: block;\r\n                                        padding: 0;\r\n                                        margin: 0;\r\n                                        border: none;\r\n                                        -webkit-border-radius: 50%;\r\n                                        -moz-border-radius: 50%;\r\n                                        border-radius: 50%;\r\n                                        -webkit-box-shadow: 0 0 10px 0 #999;\r\n                                        -moz-box-shadow: 0 0 10px 0 #999;\r\n                                        box-shadow: 0 0 10px 0 #999;\r\n\r\n                                        span {\r\n                                            display: block;\r\n                                            height: 30px;\r\n                                            width: 30px;\r\n                                            -webkit-border-radius: 50%;\r\n                                            -moz-border-radius: 50%;\r\n                                            border-radius: 50%;\r\n                                        }\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n\r\n                        div.richText-dropdown {\r\n                            padding: 10px 15px;\r\n                        }\r\n                    }\r\n\r\n                    &:hover {\r\n                        background-color: $white;\r\n                    }\r\n                }\r\n\r\n                &[data-disable=\"true\"] {\r\n                    opacity: 0.1;\r\n\r\n                    a {\r\n                        cursor: default;\r\n                    }\r\n                }\r\n\r\n                &:not([data-disable=\"true\"]).is-selected .richText-dropdown-outer {\r\n                    display: block;\r\n                }\r\n            }\r\n\r\n            &:after {\r\n                display: block;\r\n                content: \"\";\r\n                clear: both;\r\n            }\r\n        }\r\n\r\n        &:last-child {\r\n            font-size: 12px;\r\n        }\r\n\r\n        &:after {\r\n            display: block;\r\n            clear: both;\r\n            content: \"\";\r\n        }\r\n    }\r\n\r\n    .richText-editor {\r\n        padding: 20px;\r\n        background-color: $white;\r\n        border-left: $white solid 2px;\r\n        font-family: Calibri, Verdana, Helvetica, sans-serif;\r\n        height: 300px;\r\n        outline: none;\r\n        overflow-y: scroll;\r\n        overflow-x: auto;\r\n\r\n        ul,\r\n        ol {\r\n            margin: 10px 25px;\r\n        }\r\n\r\n        table {\r\n            margin: 10px 0;\r\n            border-spacing: 0;\r\n            width: 100%;\r\n\r\n            td,\r\n            th {\r\n                padding: 10px;\r\n                border: $border solid 1px;\r\n            }\r\n        }\r\n\r\n        &:focus {\r\n            border-left: transparent solid 2px;\r\n        }\r\n    }\r\n\r\n    .richText-initial {\r\n        margin-bottom: -4px;\r\n        padding: 10px;\r\n        background-color: #2a2e3f;\r\n        border: none !important;\r\n        color: #38cab3;\r\n        font-family: Monospace, Calibri, Verdana, Helvetica, sans-serif;\r\n        max-width: 100%;\r\n        min-width: 100%;\r\n        width: 100%;\r\n        min-height: 400px;\r\n        height: 400px;\r\n        outline: none;\r\n    }\r\n\r\n    .richText-help {\r\n        float: right;\r\n        display: block;\r\n        padding: 10px 15px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .richText-undo,\r\n    .richText-redo {\r\n        float: right;\r\n        display: block;\r\n        padding: 10px 15px;\r\n        border-right: $border solid 1px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .richText-undo.is-disabled,\r\n    .richText-redo.is-disabled {\r\n        opacity: 0.4;\r\n    }\r\n\r\n    .richText-help-popup {\r\n        a {\r\n            color: #3498db;\r\n            text-decoration: underline;\r\n        }\r\n\r\n        hr {\r\n            margin: 10px auto 5px auto;\r\n            border: none;\r\n            border-top: $border solid 1px;\r\n        }\r\n    }\r\n\r\n    .richText-list.list-rightclick {\r\n        position: absolute;\r\n        background-color: #fafafa;\r\n        border-right: $border solid 1px;\r\n        border-bottom: $border solid 1px;\r\n\r\n        li {\r\n            padding: 5px 7px;\r\n            cursor: pointer;\r\n            list-style: none;\r\n        }\r\n    }\r\n\r\n    border: $border solid 1px;\r\n    background-color: $white !important;\r\n\r\n    .richText-toolbar ul li a {\r\n        border-right: $border solid 1px;\r\n    }\r\n}\r\n"]}