index.scss

body{
    overflow-y: scroll;
}
.ProseMirror{
    outline: none;
    min-height: 204px;
    padding-bottom: 12px;
}

.progress-btn {
    background-color: #1790FF;
    border-radius: 24px;
    color: #AAB2BD;
}

.audio-player {
    width: 100%;
    height: 51px;
    background-color: #E6F7FF;
    border-radius: 51px;
    display: flex;
    justify-content: space-between;
    align-items: center;

    &-start {
        height: 33px;
        width: 33px;
        background-color: white;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    &-center-start {
        width: 70%;
        height: 70%;
        background-color: #FF3B30;
        border-radius: 100px;
        cursor: pointer;
    }

    &-center-recording {
        width: 40%;
        height: 40%;
        background-color: #FF3B30;
        border-radius: 2px;
        cursor: pointer;
    }

    &-margin {
        margin: 10px;
    }

    &-voice {
        width: 70%;
        border-bottom: 2px dotted #1790FF;
    }

    &-timer {
        margin-right: 20px;
        color: #1790FF;
    }
}

.web {
    &-bottom-elements {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 30px;
    }

    &-button-wrap {
        cursor: pointer;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    &-button-rerecord {
        cursor: pointer;
        width: 30px;
        height: 30px;
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_220_1498)'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23AAB2BD'/%3E%3Cpath d='M9.16992 15.8948C9.16992 19.3059 11.918 22.0608 15.3223 22.0608C18.7334 22.0608 21.4814 19.3059 21.4814 15.8948C21.4814 12.4836 18.7676 9.76294 15.3633 9.76294C15.0557 9.76294 14.7549 9.79028 14.4951 9.84497L16.0195 8.34106C16.1494 8.19751 16.2246 8.03345 16.2246 7.82837C16.2246 7.41138 15.9033 7.06958 15.4863 7.06958C15.2744 7.06958 15.1035 7.14478 14.9668 7.29517L12.1641 10.1389C12.0137 10.2893 11.9316 10.4875 11.9316 10.6926C11.9316 10.9045 12.0068 11.0891 12.1641 11.2532L14.9668 14.0764C15.0967 14.2131 15.2744 14.2815 15.4863 14.2815C15.9033 14.2815 16.2246 13.9602 16.2246 13.5364C16.2246 13.3381 16.1494 13.1741 16.0127 13.0374L14.29 11.3284C14.6045 11.2668 14.9668 11.2395 15.3633 11.2395C17.9268 11.2395 19.957 13.2903 19.957 15.8948C19.957 18.4651 17.8994 20.5364 15.3223 20.5364C12.7588 20.5364 10.6875 18.4651 10.6875 15.8948C10.6875 15.4368 10.3867 15.1155 9.94922 15.1155C9.49121 15.1155 9.16992 15.4368 9.16992 15.8948Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_220_1498'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");

        &-text {
            margin-left: 10px;
            font-weight: 400;
            font-size: 17px;
            line-height: 20px;
            text-align: center;
            color: #AAB2BD;
        }
    }

    &-button-mute {
        cursor: pointer;
        width: 36px;
        height: 36px;
        background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.85 4.5C15.0784 4.5 12.75 6.82843 12.75 9.6V15.45C12.75 18.2216 15.0784 20.55 17.85 20.55C20.8296 20.55 23.064 18.3294 22.9512 15.51C22.9504 15.49 22.95 15.47 22.95 15.45V9.6C22.95 6.82843 20.6216 4.5 17.85 4.5ZM9.75 9.6C9.75 5.17157 13.4216 1.5 17.85 1.5C22.2784 1.5 25.95 5.17157 25.95 9.6V15.4215C26.1191 20.0862 22.3603 23.55 17.85 23.55C13.4216 23.55 9.75 19.8784 9.75 15.45V9.6ZM6 13.95C6.82843 13.95 7.5 14.6216 7.5 15.45C7.5 21.2284 12.2275 25.9308 17.9659 25.8004L18 25.8C23.634 25.8 28.35 21.2092 28.35 15.45C28.35 14.6216 29.0216 13.95 29.85 13.95C30.6784 13.95 31.35 14.6216 31.35 15.45C31.35 22.4247 26.0042 28.0538 19.35 28.7315V33C19.35 33.8284 18.6785 34.5 17.85 34.5C17.0216 34.5 16.35 33.8284 16.35 33V28.7309C9.67992 28.0296 4.5 22.3045 4.5 15.45C4.5 14.6216 5.17157 13.95 6 13.95Z' fill='%23AAB2BD'/%3E%3C/svg%3E");
    }

    &-button-unmute {
        cursor: pointer;
        width: 36px;
        height: 36px;
        background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.85 4.5C15.0784 4.5 12.75 6.82843 12.75 9.6V15.45C12.75 18.2216 15.0784 20.55 17.85 20.55C20.8296 20.55 23.064 18.3294 22.9512 15.51C22.9504 15.49 22.95 15.47 22.95 15.45V9.6C22.95 6.82843 20.6216 4.5 17.85 4.5ZM9.75 9.6C9.75 5.17157 13.4216 1.5 17.85 1.5C22.2784 1.5 25.95 5.17157 25.95 9.6V15.4215C26.1191 20.0862 22.3603 23.55 17.85 23.55C13.4216 23.55 9.75 19.8784 9.75 15.45V9.6ZM6 13.95C6.82843 13.95 7.5 14.6216 7.5 15.45C7.5 21.2284 12.2275 25.9308 17.9659 25.8004L18 25.8C23.634 25.8 28.35 21.2092 28.35 15.45C28.35 14.6216 29.0216 13.95 29.85 13.95C30.6784 13.95 31.35 14.6216 31.35 15.45C31.35 22.4247 26.0042 28.0538 19.35 28.7315V33C19.35 33.8284 18.6785 34.5 17.85 34.5C17.0216 34.5 16.35 33.8284 16.35 33V28.7309C9.67992 28.0296 4.5 22.3045 4.5 15.45C4.5 14.6216 5.17157 13.95 6 13.95Z' fill='%23AAB2BD'/%3E%3Crect y='3.12558' width='3' height='45.1821' rx='1.5' transform='rotate(-45.1148 0 3.12558)' fill='%23FF5F56'/%3E%3C/svg%3E");
    }

    &-button-spacer {
        cursor: pointer;
        width: 36px;
        height: 36px;
    }
}

.webwrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    &-video {
        width: 50vw;
        height: 50vh;
    }

    &-start-border {
        border: 3px solid white;
        border-radius: 100px;
        position: absolute;
        bottom: 210px;
        height: 70px;
        width: 70px;
        padding: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        z-index: 2;
    }

    &-timer {
        position: absolute;
        top: 120px;
        font-weight: 400;
        font-size: 21px;
        line-height: 20px;
        text-align: center;
        color: #ffffff;
        margin-top: 30px;
        z-index: 2;
    }

    &-start-center {
        width: 100%;
        height: 100%;
        background-color: #FF3B30;
        border-radius: 100px;
        border: none;
        cursor: pointer;
        z-index: 2;
    }

    &-record-center {
        width: 65%;
        height: 65%;
        background-color: #FF3B30;
        border-radius: 12px;
        border: none;
        cursor: pointer;
        z-index: 2;
    }

    &-content {
        width: 50vw;
        height: 55vh;
        background-color: black;
        border-radius: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

//.btn {
//    &-video {
//        border-radius: 66px;
//        width: 200px;
//        height: 50px;
//        display: flex;
//        justify-content: center;
//        align-items: center;
//        cursor: pointer;
//        color: white;
//        margin: 5px;
//        margin-top: 30px;
//        border: none;
//        font-size: 17px;
//
//        &:hover {
//            -webkit-box-shadow: 4px 4px 26px 12px rgba(34, 60, 80, 0.2);
//            -moz-box-shadow: 4px 4px 26px 12px rgba(34, 60, 80, 0.2);
//            box-shadow: 4px 4px 26px 12px rgba(34, 60, 80, 0.2);
//        }
//
//        &-disabled {
//            background-color: #AAB2BD;
//        }
//
//        &-wrap {
//            display: flex;
//            flex-direction: row;
//        }
//
//        &-record {
//            background-color: #72c85f;
//        }
//
//        &-stop {
//            background-color: #EE505A;
//        }
//
//        &-mute {
//            background-color: #AAB2BD;
//        }
//    }
//}

.atma-editor {
    position: relative;
    border-radius: 8px;
    display: flex;
    flex-direction: column;

    &-wrap{
        *{
            box-sizing: border-box;
        }

        margin-bottom: 20px;
    }


    &-toolbar{
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        position: sticky;
        top: 0;
        flex-direction: row;
        border-radius: 4px 4px 0 0;
        border: 1px solid #ccc;
        background-color: #ffffff;
        box-shadow: 0 -3px 0 3px #ffffff;
        padding: 6px;
        z-index: 1;

        &-g{
            display: flex;
            flex-direction: row;

            &:after{
                content: '';
                display: inline-block;
                width: 20px;
            }
        }
        &-s{
            $this: &;
            position: relative;
            padding-right: 5px;
            margin-right: 9px;

            .qseparator{
                display: block;
                height: 8px;
            }

            &-opts{
                position: absolute;
                clip: rect(0,0,0,0);
                border-radius: 8px;
                box-shadow: 0 16px 24px 0 rgba(0,0,0,0.2);
                background-color: #fff;
                padding: 8px;
                right: 42%;
                transform: translateX(50%);

                &-item{
                    display: flex;
                    align-items: center;
                    cursor: pointer;
                    padding-right: 8px;

                    &:hover{
                        opacity: 0.6;
                    }

                    span{
                        font-size: 1em;
                        white-space: nowrap;
                    }

                    &.active{
                        opacity: 0.4;
                    }

                    &.disabled{
                        opacity: 0.6;
                        cursor: default;
                    }

                    &[data-type="h2"]{
                        span{
                            font-size: 1.5em;
                        }
                    }
                    &[data-type="h3"]{
                        span{
                            font-size: 1.17em;
                        }
                    }

                    &[data-type="h2"], &[data-type="h3"], &[data-type="h4"]{
                        font-weight: 500;
                        padding: 8px;

                        .qicon{
                            display: none;
                        }
                    }
                    &[data-type="paragraph"]{
                        padding: 8px;

                        .qicon{
                            display: none;
                        }
                    }
                }
            }

            &:after{
                content: '';
                display: inline-block;
                background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%228%22%20height%3D%225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.664%204.709c.132%200%20.254-.05.351-.156L6.992%201.51a.433.433%200%200%200%20.129-.32c0-.254-.2-.454-.45-.454a.464.464%200%200%200-.328.137L3.663%203.62.984.873A.471.471%200%200%200%20.657.736c-.254%200-.453.2-.453.453%200%20.125.047.235.132.32l2.977%203.044a.472.472%200%200%200%20.352.156z%22%20fill%3D%22%23AAB2BD%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
                background-repeat: no-repeat;
                background-position: 0 0;
                width: 7px;
                height: 5px;
                position: absolute;
                top: 50%;
                right: 0;
                margin-top: -2px;
            }

            &.show{
                #{$this}-opts{
                    clip: auto;
                }

                &:after{
                    transform: rotate(180deg);
                }
            }
        }

        .qicon{
            width: 28px;
            height: 28px;
            background-repeat: no-repeat;
            background-position: center;
            margin-right: 2px;
            //background-color: tomato;

            &.active{
                background-color: #edeef0;
                border-radius: 4px;
            }

            &:hover{
                cursor: pointer;
                opacity: 0.8;
            }
        }

        &:hover{
            z-index: 100000;
        }
    }


    &-content{
        border: 1px solid #ccc;
        border-top: 0;
        padding: 12px 15px;
        padding-bottom: 0;

        p{
            margin-top: 0;
            &:after {
                content:"";
                display:inline-block;
                width:0;
            }
        }

        img, video, iframe{
            max-width: 100%;
        }

        blockquote{
            border-left: 2px solid #ccc;
            margin-left: 0;
            padding: 0 0 0 30px;
        }

        hr{
            border: none;
            height: 2px;
            background-color: #ccc;
        }

        table{
            border-collapse: collapse;
            table-layout: fixed;
            margin: 0;
            overflow: hidden;

            td, th{
                min-width: 3em;
                border: 1px solid #ced4da;
                padding: 3px 5px;
                vertical-align: top;
                position: relative;
                p {
                    font-size: 14px;
                }

            }

            th{
                font-weight: bold;
                text-align: left;
                background-color: #f1f3f5;

                p {
                    font-size: 14px;
                }
            }
            .selectedCell:after{
                z-index: 2;
                position: absolute;
                content: '';
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                background-color: rgba(200,200,255, 0.4);
                pointer-events: none;
            }

            .column-resize-handle{
                position: absolute;
                right: -2px;
                top: 0;
                bottom: -2px;
                width: 4px;
                background-color: #adf;
                pointer-events: none;
            }
        }

        .tableWrapper{
            overflow-x: auto;
            margin-bottom: 20px;
        }

        .resize-cursor{
            cursor: col-resize;
        }

        a[download]{
            display: inline-block;
            color: #1790FF;
            position: relative;
            margin-left: 20px;
            margin-right: 20px;

            &:before{
                content: '';
                display: inline-block;
                background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.712%2012.6H8.86c.17%200%20.31-.057.422-.17a.588.588%200%200%200%20.167-.43.588.588%200%200%200-.167-.43.567.567%200%200%200-.422-.17H3.713a.567.567%200%200%200-.423.17.588.588%200%200%200-.167.43c0%20.173.056.317.167.43.111.113.252.17.422.17zm0-3.4H8.86c.17%200%20.31-.057.422-.17a.588.588%200%200%200%20.167-.43.588.588%200%200%200-.167-.43A.567.567%200%200%200%208.86%208H3.713a.567.567%200%200%200-.423.17.588.588%200%200%200-.167.43c0%20.173.056.317.167.43.111.113.252.17.422.17zM1.18%2016c-.315%200-.59-.12-.825-.36A1.161%201.161%200%200%201%200%2014.8V1.2C0%20.88.118.6.354.36.589.12.864%200%201.179%200h6.6a1.164%201.164%200%200%201%20.844.36l3.595%203.66a1.214%201.214%200%200%201%20.353.86v9.92c0%20.32-.117.6-.353.84s-.51.36-.825.36H1.179zM7.68%201.2H1.18v13.6h10.214V4.92H8.27a.567.567%200%200%201-.423-.17.588.588%200%200%201-.167-.43V1.2zm-6.501%200v3.72V1.2%2014.8%201.2z%22%20fill%3D%22%231790FF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
                width: 13px;
                height: 16px;
                position: absolute;
                top: 1px;
                left: -20px;
            }

            //&[href*='.pdf']{
            //    &:before{
            //        content: 'pdf'
            //    }
            //}

            &:after{
                content: attr(data-size);
                display: inline-block;
                color: #AAB2BD;
                font-size: 13px;
                margin-left: 6px;
            }
        }

    }

    &-bubble{
        display: flex;
        flex-direction: row;
        border-radius: 8px;
        box-shadow: 0 16px 24px 0 rgba(0,0,0,0.2);
        background-color: #fff;
        padding: 8px;

        .qicon{
            width: 25px;
            height: 28px;
            background-repeat: no-repeat;
            background-position: center;
            margin-right: 2px;
            //background-color: tomato;

            &.active{
                opacity: 0.5;
            }

            &:hover{
                cursor: pointer;
                opacity: 0.8;
            }
        }
    }

    &-modal{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        z-index: 100001;
        background-color: rgba(0, 0, 0, 0.2);

        &-box{
            display: inline-block;
            position: fixed;
            top: 50%;
            min-height: 200px;
            background: #fff;
            transform: translate(0, -50%);
            border-radius: 8px;
            max-width: 90%;
            min-width: 560px;
            padding: 48px;

            &-header{
                display: block;
                text-align: left;
                font-size: 21px;
                font-weight: bold;
                margin-bottom: 35px;
            }
        }

        &-close {
            position: absolute;
            top: 0;
            right: 0;
        }

        &-action {
            width: 100%;
            padding: 24px 0 0;
            text-align: right;
        }

        input[type="text"]{
            background-color: #F5F7FA;
            font-size: 18px;
            border: none;
            padding: 19px 25px;
            border-radius: 16px;
            width: 100%;
            margin-bottom: 24px;
        }
    }

    &-uploader{
        &-drop{
            display: flex;
            width: 490px;
            height: 154px;
            background-color: #F5F7FA;
            border-radius: 16px;
            border: 2px dashed #CCD1D9;
            box-shadow: 0 0 0 1px #F5F7FA;
            justify-content: center;
            align-items: center;
            cursor: pointer;

            &:hover{
                border-color: #adb0b6;
            }
        }
        &-placeholder{
            display: inline-block;
            color: #656D77;
        }

        &-uitems{
            display: block;
            text-align: left;
            margin-bottom: 32px;

            &-elem{
                position: relative;
                display: inline-block;
                width: 116px;
                background-color: lightgrey;
                border-radius: 4px;
                margin-right: 16px;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                aspect-ratio: 16 / 9;

                &.atma-editor-uploader-file{
                    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.712%2012.6H8.86c.17%200%20.31-.057.422-.17a.588.588%200%200%200%20.167-.43.588.588%200%200%200-.167-.43.567.567%200%200%200-.422-.17H3.713a.567.567%200%200%200-.423.17.588.588%200%200%200-.167.43c0%20.173.056.317.167.43.111.113.252.17.422.17zm0-3.4H8.86c.17%200%20.31-.057.422-.17a.588.588%200%200%200%20.167-.43.588.588%200%200%200-.167-.43A.567.567%200%200%200%208.86%208H3.713a.567.567%200%200%200-.423.17.588.588%200%200%200-.167.43c0%20.173.056.317.167.43.111.113.252.17.422.17zM1.18%2016c-.315%200-.59-.12-.825-.36A1.161%201.161%200%200%201%200%2014.8V1.2C0%20.88.118.6.354.36.589.12.864%200%201.179%200h6.6a1.164%201.164%200%200%201%20.844.36l3.595%203.66a1.214%201.214%200%200%201%20.353.86v9.92c0%20.32-.117.6-.353.84s-.51.36-.825.36H1.179zM7.68%201.2H1.18v13.6h10.214V4.92H8.27a.567.567%200%200%201-.423-.17.588.588%200%200%201-.167-.43V1.2zm-6.501%200v3.72V1.2%2014.8%201.2z%22%20fill%3D%22%231790FF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E') !important;
                    background-position: center top;
                    background-size: 30px;
                    aspect-ratio: auto;
                    width: 76px;
                    min-height: 56px;
                    background-color: transparent;
                    padding-top: 40px;
                    font-size: 11px;
                    margin-right: 30px;
                    vertical-align: top;
                }
            }

            &-del{
                display: inline-block;
                width: 20px;
                height: 20px;
                background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.163%209.649c.092.091.2.152.326.182.125.03.25.03.375%200a.66.66%200%200%200%20.32-.177l3.222-3.222L8.543%209.57a.7.7%200%200%200%20.32.183c.125.033.25.034.373.002a.707.707%200%200%200%20.328-.19.693.693%200%200%200%20.185-.323.753.753%200%200%200%200-.375.68.68%200%200%200-.18-.323L6.432%205.406l3.222-3.222a.655.655%200%200%200%20.18-.322.808.808%200%200%200-.003-.373.693.693%200%200%200-.51-.51.763.763%200%200%200-.373-.004.674.674%200%200%200-.32.183L5.406%204.38%202.269%201.243a.655.655%200%200%200-.323-.18.844.844%200%200%200-.375%200%20.656.656%200%200%200-.328.18.669.669%200%200%200-.186.333.807.807%200%200%200%20.003.373c.03.122.09.228.183.32L4.38%205.406%201.158%208.628a.68.68%200%200%200-.18.317.753.753%200%200%200%200%20.376.693.693%200%200%200%20.185.328z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
                border-radius: 10px;
                background-position: center center;
                background-repeat: no-repeat;
                position: absolute;
                top: -10px;
                right: -10px;
                background-color: rgba(204,209,217,0.8);
                z-index: 1;

                &:hover{
                    background-color: #FF4E44;
                    cursor: pointer;
                }
            }



        }

        &-progress{
            display: flex;
            position: relative;
            width: 46px;
            height: 46px;
            background-color: #ffffff;
            border-radius: 23px;
            color: #1790FF;
            font-size: 13px;
            justify-content: center;
            align-items: center;

            &-wrap{
                display: flex;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgba(67,74,83,0.5);
                border-radius: inherit;
                justify-content: center;
                align-items: center;
            }

            //& > div{
            //    position: absolute;
            //    top: 0;
            //    left: 0;
            //    height: 100%;
            //    background-color: #1790FF;
            //    border-radius: 4px;
            //    overflow: hidden;
            //
            //
            //}
        }
    }

    &-btn{
        font-size: 16px;
        -webkit-appearance: none;
        outline: none;
        border: none;
        background: none;
        padding: 16px 24px;
        line-height: 16px;

        &:hover{
            cursor: pointer;
            opacity: 0.7;
        }

        &[disabled]{
            opacity: 0.3 !important;
            cursor: default !important;
        }


        &.atma-editor-complete{
            background-color: #1790FF;
            border-radius: 24px;
            color: #ffffff;

            &-block {
                border-radius: 24px;
                background-color: #AAB2BD;
                cursor: not-allowed;
                color: #ffffff;
            }
        }

        &.atma-editor-cancel{

        }
    }

    &-soc-video{
        display: block;
        list-style: none;
        margin: 0 0 35px 0;
        padding: 0;
        text-align: left;

        li{
            display: inline-block;
            vertical-align: middle;
            background-position: center center;
            background-repeat: no-repeat;
            margin-right: 12px;

            &.youtube{
                background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M24.776%202.966A3.17%203.17%200%200%200%2022.539.729C20.565.2%2012.652.2%2012.652.2S4.74.2%202.766.73A3.17%203.17%200%200%200%20.529%202.966C0%204.939%200%209.056%200%209.056s0%204.118.529%206.091a3.169%203.169%200%200%200%202.237%202.237c1.973.53%209.886.53%209.886.53s7.913%200%209.887-.53a3.169%203.169%200%200%200%202.237-2.237c.528-1.973.528-6.09.528-6.09s0-4.118-.528-6.091%22%20fill%3D%22%23FF0100%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFE%22%20d%3D%22m10.122%2012.852%206.574-3.795-6.574-3.796v7.591%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
                width: 26px;
                height: 18px;
            }
            &.vimeo{
                background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.544%203.114c-.069%201.514-1.127%203.588-3.172%206.22-2.114%202.749-3.903%204.124-5.367%204.124-.906%200-1.673-.837-2.3-2.512L3.45%206.342C2.985%204.668%202.486%203.83%201.952%203.83c-.116%200-.524.245-1.221.733L0%203.62c.767-.674%201.524-1.35%202.269-2.025C3.293.71%204.061.245%204.574.198%205.784.082%206.529.91%206.809%202.68c.302%201.912.511%203.1.628%203.566.349%201.586.733%202.378%201.152%202.378.326%200%20.815-.515%201.467-1.543.651-1.03%201-1.812%201.047-2.35.093-.887-.256-1.332-1.047-1.332-.373%200-.757.085-1.151.255.764-2.504%202.224-3.721%204.38-3.652%201.598.047%202.351%201.084%202.259%203.11%22%20fill%3D%22%231AB7EA%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
                width: 16px;
                height: 18px;
            }
            &.vk{
                background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M8.392.151h7.3c6.663%200%208.24%201.578%208.24%208.24v7.301c0%206.663-1.577%208.24-8.24%208.24h-7.3c-6.663%200-8.241-1.577-8.241-8.24v-7.3C.151%201.729%201.729.15%208.391.15%22%20fill%3D%22%234680C2%22%2F%3E%3Cpath%20d%3D%22M19.62%208.341c.117-.369%200-.638-.52-.638h-1.73c-.436%200-.637.235-.755.487%200%200-.89%202.148-2.131%203.541-.403.403-.587.538-.806.538-.117%200-.268-.135-.268-.504v-3.44c0-.437-.134-.638-.504-.638h-2.719c-.268%200-.436.201-.436.403%200%20.42.621.52.688%201.695v2.55c0%20.555-.1.655-.319.655-.587%200-2.014-2.165-2.87-4.632-.167-.487-.335-.671-.772-.671H4.733c-.504%200-.588.235-.588.486%200%20.454.588%202.736%202.736%205.757%201.427%202.064%203.457%203.172%205.287%203.172%201.108%200%201.242-.252%201.242-.671V14.87c0-.504.1-.587.453-.587.252%200%20.705.134%201.729%201.124%201.174%201.175%201.376%201.712%202.03%201.712h1.729c.504%200%20.739-.252.604-.739-.15-.486-.721-1.191-1.46-2.03-.403-.47-1.007-.99-1.192-1.242-.251-.336-.184-.47%200-.772-.016%200%202.098-2.988%202.317-3.995%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
                width: 24px;
                height: 24px;
            }
            &.ok{
                background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M23.913%2012.054C23.913%2018.652%2018.565%2024%2011.967%2024S.021%2018.652.021%2012.054%205.369.108%2011.967.108s11.946%205.348%2011.946%2011.946%22%20fill%3D%22%23EE8208%22%2F%3E%3Cpath%20d%3D%22M12%207.194c.82%200%201.488.668%201.488%201.489A1.49%201.49%200%200%201%2012%2010.17a1.49%201.49%200%200%201-1.488-1.488c0-.821.668-1.489%201.488-1.489m0%205.082a3.598%203.598%200%200%200%203.594-3.593A3.598%203.598%200%200%200%2012%205.088a3.599%203.599%200%200%200-3.594%203.595A3.598%203.598%200%200%200%2012%2012.276M13.455%2015.205a6.724%206.724%200%200%200%202.09-.867c.492-.311.64-.963.33-1.456a1.052%201.052%200%200%200-1.454-.332%204.56%204.56%200%200%201-4.843%200%201.052%201.052%200%200%200-1.453.332%201.057%201.057%200%200%200%20.33%201.456c.65.409%201.357.7%202.09.867L8.532%2017.22a1.058%201.058%200%200%200%20.746%201.803c.27%200%20.54-.103.745-.31L12%2016.734l1.977%201.98c.41.413%201.078.413%201.49%200a1.056%201.056%200%200%200%200-1.493l-2.012-2.015%22%20fill%3D%22%23FFFFFE%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
                width: 24px;
                height: 24px;
            }
            &.rutube{
                background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2246%22%20height%3D%2221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22nonzero%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M13.902%206H0v15h3.87v-4.88h7.414L14.667%2021H19l-3.73-4.902c1.158-.18%201.992-.608%202.502-1.282.51-.675.765-1.755.765-3.194v-1.124c0-.855-.093-1.53-.255-2.047a3.399%203.399%200%200%200-.834-1.372%203.799%203.799%200%200%200-1.437-.832C15.455%206.09%2014.76%206%2013.903%206zm-.625%206.814H3.87V9.306h9.407c.533%200%20.904.09%201.089.247.185.158.301.45.301.877v1.26c0%20.45-.116.742-.301.9-.185.157-.556.224-1.09.224zM24.758%2016.57V6H21v10.48c0%20.854.067%201.552.225%202.069.157.54.427.99.832%201.372.383.404.833.674%201.373.832.54.18%201.215.247%202.07.247h9c.833%200%201.508-.067%202.047-.247.54-.158.99-.428%201.396-.832.382-.383.652-.832.81-1.372.157-.517.247-1.215.247-2.07V6h-3.758v10.57c0%20.45-.112.742-.292.9-.18.157-.54.224-1.058.224h-7.785c-.54%200-.9-.067-1.08-.225-.18-.157-.27-.45-.27-.9z%22%20fill%3D%22%2314191E%22%2F%3E%3Cpath%20d%3D%22M42.682%205.252a2.623%202.623%200%200%200%202.619-2.626A2.623%202.623%200%200%200%2042.682%200a2.623%202.623%200%200%200-2.62%202.626%202.623%202.623%200%200%200%202.62%202.626z%22%20fill%3D%22%23F41240%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
                width: 32px;
                height: 24px;
                background-size: contain;
            }
        }
    }

    //&-select-colors{
    //    ul.colors-list{
    //        display: block;
    //        margin: 0;
    //        padding: 0;
    //        max-width: 200px;
    //        letter-spacing: 0;
    //        font-size: 0;
    //        position: relative;
    //        left: -5px;
    //
    //        li{
    //            display: inline-block;
    //            vertical-align: top;
    //            height: 40px;
    //            width: 40px;
    //            margin: 10px;
    //            margin-left: 0;
    //            margin-bottom: 0;
    //            border-radius: 20px;
    //            list-style: none;
    //            letter-spacing: 0;
    //            font-size: 0;
    //
    //            &.active, &:hover{
    //                transform: scale(1.2);
    //                cursor: pointer;
    //            }
    //        }
    //    }
    //
    //    .colors-tabs{
    //        font-size: 21px;
    //        font-weight: bold;
    //        margin-bottom: 35px;
    //        text-align: left;
    //
    //        & > div{
    //            display: inline-block;
    //            margin-right: 20px;
    //            opacity: 0.3;
    //
    //            &:hover{
    //                opacity: 0.6;
    //                cursor: pointer;
    //            }
    //
    //            &.active{
    //                position: relative;
    //                opacity: 1;
    //                padding-bottom: 10px;
    //
    //                &:after{
    //                    content: "";
    //                    display: inline-block;
    //                    position: absolute;
    //                    bottom: 0;
    //                    height: 3px;
    //                    width: 100%;
    //                    left: 0;
    //                    background-color: #1790FF;
    //                }
    //            }
    //        }
    //
    //    }
    //}





    .qicon{
        &.qbold{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2210%22%20height%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.021%2013h4c2.698%200%204.297-1.327%204.297-3.56%200-1.687-1.107-2.9-2.83-3.12v-.07C7.71%206.03%208.677%204.8%208.677%203.481c0-1.898-1.468-3.164-3.639-3.164H1.021c-.483%200-.79.317-.79.818v11.048c0%20.5.307.817.79.817zm.792-7.216v-4.07h2.865c1.538%200%202.4.695%202.4%201.952%200%201.371-1.02%202.118-2.892%202.118H1.813zm0%205.819V7.146h2.82c2.022%200%203.06.748%203.06%202.215%200%201.468-1.003%202.242-2.91%202.242h-2.97z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
        }
        &.qparagraph{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M1.274%2013.123c.396%200%20.624-.185.774-.606L3.164%209.37h5.019l1.125%203.147c.149.421.378.606.773.606.457%200%20.791-.29.791-.694%200-.115-.026-.246-.097-.44L6.688.95c-.193-.518-.51-.756-.993-.756-.518%200-.843.246-1.037.765L.58%2011.989c-.07.194-.097.325-.097.44%200%20.404.334.694.791.694zm2.347-5.098%202.03-5.783h.053l2.03%205.783H3.621zM15.012%2013.158c1.23%200%202.4-.685%202.944-1.731h.035v.958c0%20.457.299.773.73.773.422%200%20.72-.316.72-.773V6.68c0-1.82-1.353-2.98-3.498-2.98-1.485%200-2.82.66-3.34%201.661-.123.22-.184.44-.184.633%200%20.413.281.686.677.686.29%200%20.492-.115.633-.37.51-.905%201.186-1.265%202.18-1.265%201.265%200%202.003.668%202.003%201.784v.765l-2.628.15c-2.11.122-3.313%201.107-3.313%202.671%200%201.644%201.221%202.742%203.04%202.742zm.342-1.3c-1.098%200-1.828-.572-1.828-1.442%200-.861.703-1.406%201.934-1.485l2.452-.15v.747c0%201.319-1.116%202.33-2.558%202.33z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qh2{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M.685%2011.034c.402%200%20.659-.264.659-.681V6.119h5.8v4.234c0%20.417.257.68.66.68s.659-.263.659-.68V.94c0-.418-.256-.681-.66-.681-.402%200-.658.263-.658.68v3.993H1.344V.94c0-.418-.257-.681-.66-.681C.283.26.026.523.026.94v9.413c0%20.417.257.68.66.68zM11.246%2010.931h5.823c.373%200%20.622-.234.622-.586%200-.351-.249-.586-.622-.586h-4.615V9.73l2.652-2.725c1.809-1.853%202.336-2.724%202.336-3.881%200-1.707-1.377-2.937-3.281-2.937-2.16%200-3.325%201.406-3.48%202.49a1.537%201.537%200%200%200-.021.263c0%20.345.22.586.608.586.359%200%20.505-.19.593-.461.359-1.135%201.157-1.729%202.3-1.729%201.135%200%201.963.791%201.963%201.868%200%20.886-.337%201.45-1.758%202.937l-3.384%203.53c-.315.33-.373.447-.373.718%200%20.33.249.542.637.542z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qh3{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M.685%2011.034c.402%200%20.659-.264.659-.681V6.119h5.8v4.234c0%20.417.257.68.66.68s.659-.263.659-.68V.94c0-.418-.256-.681-.66-.681-.402%200-.658.263-.658.68v3.993H1.344V.94c0-.418-.257-.681-.66-.681C.283.26.026.523.026.94v9.413c0%20.417.257.68.66.68zM14.205%2011.107c2.073%200%203.67-1.267%203.67-3.084%200-1.501-1.048-2.46-2.586-2.592V5.4c1.325-.278%202.241-1.179%202.241-2.49%200-1.509-1.223-2.724-3.34-2.724-1.465%200-2.585.607-3.142%201.662a1.71%201.71%200%200%200-.22.85c0%20.38.213.6.586.6.33%200%20.462-.139.594-.52.38-.96%201.018-1.45%202.182-1.45%201.355%200%202.014.71%202.014%201.758%200%201.055-.879%201.831-2.138%201.831h-.784c-.352%200-.593.227-.593.557%200%20.33.241.556.593.556h.842c1.487%200%202.417.733%202.41%202.036-.007%201.106-.938%201.897-2.33%201.897-1.274%200-2.028-.534-2.38-1.443-.139-.358-.307-.52-.607-.52-.381%200-.608.25-.608.616%200%20.285.073.549.241.842.638%201.084%201.78%201.648%203.355%201.648z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qh4{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M.685%2011.034c.402%200%20.659-.264.659-.681V6.119h5.8v4.234c0%20.417.257.68.66.68s.659-.263.659-.68V.94c0-.418-.256-.681-.66-.681-.402%200-.658.263-.658.68v3.993H1.344V.94c0-.418-.257-.681-.66-.681C.283.26.026.523.026.94v9.413c0%20.417.257.68.66.68zM16.31%2011.056c.373%200%20.637-.279.637-.681V8.727h.967c.351%200%20.615-.227.615-.579s-.264-.579-.615-.579h-.967V1.263c0-.681-.374-1.04-1.077-1.04-.578%200-.923.256-1.516%201.113-1.487%202.132-2.944%204.285-3.706%205.647-.242.433-.315.66-.315.996%200%20.455.293.748.762.748h4.577v1.648c0%20.402.264.68.638.68zm-.638-3.487h-4.02V7.54c.856-1.501%202.043-3.245%203.998-6.042h.022v6.071z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qitalic{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.362%203.27a1.065%201.065%200%200%200%201.275-.789%201.059%201.059%200%200%200-.8-1.267%201.057%201.057%200%200%200-1.265.79c-.13.562.229%201.136.79%201.265zM1.654%2015.001c.485.112.91-.17%201.032-.694L4.64%205.839c.12-.523-.138-.964-.624-1.076-.485-.112-.911.17-1.032.694L1.03%2013.926c-.12.523.138.964.624%201.076z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
        }
        &.qstrike{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M5.388%2013.21c2.839%200%204.684-1.467%204.684-3.814%200-1.792-1.046-2.847-3.691-3.427L4.975%205.66c-1.732-.378-2.409-1.063-2.409-2.065%200-1.292%201.222-2.066%202.804-2.066%201.371%200%202.417.563%202.857%201.846.14.404.386.615.79.615.422%200%20.721-.281.721-.712%200-.167-.017-.299-.044-.395C9.237%201.17%207.532.106%205.414.106%202.786.106.94%201.574.94%203.666c0%201.802%201.1%202.953%203.64%203.507l1.405.307c1.758.387%202.461%201.09%202.461%202.154%200%201.248-1.248%202.153-2.97%202.153-1.6%200-2.848-.615-3.235-1.925-.123-.422-.369-.624-.764-.624-.449%200-.73.317-.73.818%200%20.184.035.378.088.553.475%201.53%202.17%202.602%204.553%202.602z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M1.43%206.726h8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qunderline{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ctext%20font-family%3D%22SFProRounded-Regular%2C%20SF%20Pro%20Rounded%22%20font-size%3D%2215%22%20fill%3D%22%231D1D1F%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctspan%20x%3D%220%22%20y%3D%2214%22%3EU%3C%2Ftspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Ftext%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M1.43%2016.727h8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qcodeBlock{
            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNjIwLjAwMDAwMHB0IiBoZWlnaHQ9IjM5NS4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDYyMC4wMDAwMDAgMzk1LjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMzk1LjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTM4ODUgMzAwMSBsLTYwIC02IDQgLTI2MSBjMiAtMTQ0IDEgLTI2NyAtMyAtMjczIC01IC04IC0yNSA0IC01OQozNSAtMTAyIDkzIC0yMjUgMTI0IC0zNTcgOTAgLTgzIC0yMSAtMTQzIC01NyAtMjAxIC0xMTcgLTE4NCAtMTkzIC0xODQgLTUzOQoxIC03MjkgMTYyIC0xNjYgNDA0IC0xNzMgNTc4IC0xNiBsNTIgNDggMCAtNDAgYzAgLTIyIDMgLTUzIDYgLTcwIGw2IC0zMCAxMDIKMSAxMDEgMiAtNSAxNzUgYy02IDIyMyAtMyA2NTAgOCA5NDUgNSAxMjcgNiAyMzYgNCAyNDMgLTQgMTMgLTY0IDE0IC0xNzcgM3oKbS0yNTMgLTYwMyBjNTMgLTE2IDEyNCAtODAgMTU1IC0xNDIgMzQgLTY3IDQzIC0xODEgMTkgLTI1MyAtMjMgLTY4IC02OSAtMTI4Ci0xMjQgLTE2MSAtNDAgLTIzIC01OCAtMjcgLTEyMiAtMjcgLTExOCAxIC0xOTIgNTMgLTI0OCAxNzMgLTIxIDQ3IC0yNCA2NAotMjAgMTM2IDMgNTggMTEgOTQgMjcgMTI2IDY1IDEyNyAxODggMTg2IDMxMyAxNDh6Ii8+CjxwYXRoIGQ9Ik05NzUgMjU2MyBjLTEyOCAtMTA0IC0xOTggLTE1MiAtMzM1IC0yMzEgbC04NSAtNDkgMCAtODMgMCAtODMgMTE1Ci02NiBjMTE4IC02OCAxODQgLTExNCAzMjUgLTIzMSA0NCAtMzYgODUgLTY5IDkyIC03NCA4IC00IDI0IDE3IDQ5IDY1IGwzNiA3MgotNjYgNjMgYy03MyA3MCAtMjE1IDE2OCAtMzE4IDIyMCAtMzcgMTkgLTY4IDM2IC02OCAzOCAwIDIgMzMgMjAgNzQgMzkgMTQxCjY3IDM3NiAyNDQgMzc2IDI4MyAwIDE5IC01OCAxMzQgLTY4IDEzNCAtNCAwIC02MSAtNDQgLTEyNyAtOTd6Ii8+CjxwYXRoIGQ9Ik01MTcyIDI1OTUgYy0zOCAtNzggLTM4IC03OSA0NyAtMTU3IDc3IC03MiAxNzggLTEzOSAyODUgLTE4OSA0NwotMjIgODYgLTQyIDg2IC00NCAwIC0zIC0yMiAtMTYgLTQ5IC0zMCAtOTAgLTQ1IC0zMTYgLTIwMiAtMzU5IC0yNDkgbC00MyAtNDcKMzYgLTY3IGMyMSAtMzcgMzggLTY4IDQwIC03MCAyIC0yIDQ4IDM1IDEwNCA4MSAxMTcgOTggMjMzIDE3OCAzNDYgMjM4IDQ0IDI0CjgzIDQ4IDg4IDUzIDQgNiA2IDQ3IDUgOTEgbC0zIDc5IC04MCA0NCBjLTEwNCA1NyAtMjIzIDE0MCAtMzU4IDI0NyAtNTkgNDcKLTEwOCA4NSAtMTEwIDg1IC0xIDAgLTE3IC0yOSAtMzUgLTY1eiIvPgo8cGF0aCBkPSJNMTYwNSAyNTk2IGMtMjA2IC01MCAtMzU1IC0yNTQgLTM1NSAtNDg2IDAgLTE0NyA0NSAtMjU1IDE1MCAtMzYxCjE0MCAtMTQxIDMxNCAtMTczIDUxOSAtOTcgbDU0IDIwIC02IDY3IGMtMyAzNiAtMTEgODAgLTE3IDk4IGwtMTEgMzEgLTU3IC0yNgpjLTc2IC0zNiAtMTg2IC0zOCAtMjQ4IC01IC01MyAyOCAtMTA5IDg3IC0xMzcgMTQzIC0zMiA2NSAtMzEgMTk1IDIgMjYyIDcxCjE0NiAyMTEgMjAxIDM2NiAxNDQgNzggLTI4IDc3IC0yOSAxMDAgNDkgMjcgOTIgMjYgOTYgLTMzIDEyNiAtOTQgNDcgLTIyMSA2MQotMzI3IDM1eiIvPgo8cGF0aCBkPSJNNDUzMCAyNTk3IGMtODIgLTIzIC0xNDEgLTYxIC0yMDUgLTEyOCAtMTA5IC0xMTYgLTE1MyAtMjQyIC0xNDIKLTQwNyA3IC0xMTEgMjcgLTE3NCA3OSAtMjUyIDUwIC03NiAxMzQgLTE0MCAyMjAgLTE3MCA3NyAtMjYgMjEzIC0zNiAyOTMgLTIxCjgwIDE1IDE5MSA3MCAyMzkgMTIwIGw0MCA0MSAtMzQgNzAgYy0xOSAzOCAtMzUgNzAgLTM3IDcwIC0xIDAgLTMwIC0xOCAtNjMKLTM5IC04OCAtNTcgLTE1MCAtNzYgLTI1MCAtNzYgLTkyIDAgLTE0NSAxOSAtMjAzIDc0IC0yOCAyNSAtNjcgOTAgLTY3IDExMCAwCjUgMjggMTIgNjMgMTUgMzQgMyAxNjMgMTUgMjg2IDI3IDIzMCAyMSAyODEgMzIgMzAwIDY3IDI3IDUxIDMgMjAzIC00NiAyOTQKLTM5IDcyIC0xMzkgMTYxIC0yMTAgMTg4IC03MSAyNyAtMTk5IDM1IC0yNjMgMTd6IG0xNzUgLTE5NiBjOTQgLTQyIDE2NCAtMTc5CjEwMSAtMTk1IC00NiAtMTEgLTI4MSAtMzYgLTM0MyAtMzYgbC02MyAwIDAgMzcgYzAgNzcgNzEgMTcwIDE1MSAxOTkgNDkgMTgKMTA4IDE2IDE1NCAtNXoiLz4KPHBhdGggZD0iTTI0MDIgMjU4NSBjLTE0OCAtNDIgLTI3MiAtMTU3IC0zMjQgLTMwMiAtMjYgLTczIC0zNCAtMjA5IC0xOSAtMjg2CjI4IC0xMzAgMTM3IC0yNzkgMjQ4IC0zMzYgMTM1IC02OCAzMDMgLTY2IDQzNSA2IDYyIDM0IDE1OCAxMzQgMTkyIDIwMSA2OAoxMzUgNzUgMzExIDE2IDQ0NyAtNDYgMTA1IC0xNjAgMjE0IC0yNjcgMjU1IC03NSAyOSAtMjA4IDM2IC0yODEgMTV6IG0yMzQKLTIxMyBjNDkgLTI1IDEwMSAtODEgMTI0IC0xMzYgNzkgLTE4MiAtMzIgLTQwNCAtMjExIC00MjMgLTExNCAtMTEgLTIwMiA0MAotMjU5IDE1MSAtMzEgNjEgLTM1IDc3IC0zNCAxNDUgMSAxMzkgNzIgMjQyIDE5NCAyODIgNDEgMTQgMTQyIDMgMTg2IC0xOXoiLz4KPC9nPgo8L3N2Zz4K');
            background-size: contain;
            width: 46px;
        }
        &.qiframe_pptx{
            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNTEyLjAwMDAwMHB0IiBoZWlnaHQ9IjUxMi4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDUxMi4wMDAwMDAgNTEyLjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsNTEyLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTgzMCA1MTA0IGMtNDIgLTE4IC04NiAtNTggLTEwOCAtOTkgLTE1IC0yNyAtMTcgLTEwOSAtMjAgLTg3MSBsLTMKLTg0MiAtOTIgLTQgYy0xMTIgLTUgLTE3OSAtMzIgLTIzNSAtOTIgLTgxIC04OCAtNzcgLTM5IC03NyAtOTQ2IDAgLTgwMSAwCi04MDUgMjEgLTg1MSA1NCAtMTE2IDE0MCAtMTY5IDI5MSAtMTc3IGw5MiAtNSAzIC01MzYgYzMgLTU4OCAxIC01NjIgNjUgLTYyMwo2NSAtNjIgLTYxIC01OCAxNzkzIC01OCAxODU0IDAgMTcyOCAtNCAxNzkzIDU4IDY0IDYxIDYyIDM1IDY1IDYyMyBsMyA1MzYgOTIKNSBjMTUxIDggMjM3IDYxIDI5MSAxNzcgMjEgNDYgMjEgNTAgMjEgODUxIDAgOTA3IDQgODU4IC03NyA5NDYgLTU2IDYwIC0xMjMKODcgLTIzNSA5MiBsLTkzIDQgLTEgMzAyIGMtMSAxNjUgLTQgMzEyIC04IDMyNiAtOCAzMCAtOTk0IDExNjAgLTEwMzMgMTE4NAotMjQgMTUgLTEzOCAxNiAtMTI3MCAxNiAtMTA4OCAtMSAtMTI0NyAtMyAtMTI3OCAtMTZ6IG0yNDAwIC03MTQgbDAgLTUzMCAyOQotMzIgMjkgLTMzIDQ2NiAtMyA0NjYgLTMgMCAtMjQ5IDAgLTI1MCAtMTY2MCAwIC0xNjYwIDAgMCA4MTUgMCA4MTUgMTE2NSAwCjExNjUgMCAwIC01MzB6IG0tMTk2NSAtMTU0NSBjMTQyIC0zMCAyMzMgLTEwMCAyNzYgLTIxNCAyOSAtNzggMjQgLTIwMiAtMTIKLTI4MSAtNjYgLTE0MSAtMjIzIC0yMTkgLTQ0NiAtMjIwIGwtNzMgMCAwIC0xOTUgMCAtMTk1IC0xMjUgMCAtMTI1IDAgMCA1NDkKMCA1NDkgNzggNyBjNDIgNCA4MiA4IDg3IDEwIDMwIDEwIDI3OCAzIDM0MCAtMTB6IG05NDQgNCBjMTc1IC0zMCAyOTIgLTEzNwozMTAgLTI4MyAxNCAtMTE0IC0xOSAtMjMwIC05MCAtMzExIC02MyAtNzIgLTIyNCAtMTI0IC0zODYgLTEyNSBsLTczIDAgMAotMTk1IDAgLTE5NSAtMTI1IDAgLTEyNSAwIDAgNTQ1IGMwIDQyNyAzIDU0NyAxMyA1NTAgNTcgMjIgMzc1IDMxIDQ3NiAxNHoKbTEyNTEgLTEwNCBsMCAtMTA1IC0xNTUgMCAtMTU1IDAgMCAtNDUwIDAgLTQ1MCAtMTI1IDAgLTEyNSAwIDAgNDUwIDAgNDUwCi0xNTAgMCAtMTUwIDAgMCAxMDUgMCAxMDUgNDMwIDAgNDMwIDAgMCAtMTA1eiBtNDQ3IC0yOCBjMzQgLTcyIDc0IC0xNTggODkKLTE5MCAxNCAtMzIgMzAgLTU1IDM0IC01MCA1IDQgMjMgNDQgNDAgODcgMTcgNDQgNTMgMTI2IDgwIDE4MyBsNDkgMTAzIDE0MCAwCmM3OCAwIDE0MSAtMiAxNDEgLTUgMCAtMyAtNjcgLTEyMSAtMTUwIC0yNjQgLTgyIC0xNDIgLTE1MCAtMjYyIC0xNTIgLTI2OCAtMgotNSA2NSAtMTI2IDE0NyAtMjY4IDgzIC0xNDIgMTU2IC0yNjkgMTYzIC0yODIgbDEzIC0yMyAtMTQ2IDAgLTE0NSAwIC05NyAxOTUKYy01NCAxMDcgLTEwMCAxOTUgLTEwMyAxOTUgLTMgMCAtMjMgLTQxIC00NCAtOTEgLTIxIC01MCAtNjAgLTEzOCAtODcgLTE5NQpsLTQ5IC0xMDQgLTE0MCAwIGMtNzcgMCAtMTQwIDMgLTE0MCA2IDAgNCA2NyAxMjQgMTQ5IDI2OCA4MyAxNDQgMTUzIDI2OSAxNTYKMjc3IDQgMTAgLTUyIDExOSAtMTQ1IDI4MiAtODIgMTQ3IC0xNTAgMjY5IC0xNTAgMjcyIDAgMyA2NCA1IDE0MyA1IGwxNDIgMAo2MiAtMTMzeiBtMzEzIC0xOTc3IGwwIC00ODAgLTE2NjAgMCAtMTY2MCAwIDAgNDgwIDAgNDgwIDE2NjAgMCAxNjYwIDAgMAotNDgweiIvPgo8cGF0aCBkPSJNMTAyOCAyNjY0IGMtMTYgLTUgLTE4IC0yMiAtMTggLTE2OCBsMCAtMTYzIDQ0IC01IGM2NCAtOCAxNDQgOCAxODYKMzYgOTkgNjUgOTQgMjIwIC05IDI4MCAtMzMgMTkgLTE2MiAzMiAtMjAzIDIweiIvPgo8cGF0aCBkPSJNMTk4OCAyNjY0IGMtMTYgLTUgLTE4IC0yMiAtMTggLTE2OCBsMCAtMTYzIDQxIC02IGM1MSAtNyAxMzcgNiAxNzYKMjYgNTggMzAgODQgNzggODQgMTUzIDAgMTA2IC01OCAxNTUgLTE5MSAxNjAgLTQxIDIgLTgzIDEgLTkyIC0yeiIvPgo8L2c+Cjwvc3ZnPgo=');
            background-size: contain;
            width: 28px;
            height: 20px;
            margin-top: 4px;
        }
        &.qiframe_pdf{
            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjU1MC44MDFweCIgaGVpZ2h0PSI1NTAuODAxcHgiIHZpZXdCb3g9IjAgMCA1NTAuODAxIDU1MC44MDEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU1MC44MDEgNTUwLjgwMTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTE2MC4zODEsMjgyLjIyNWMwLTE0LjgzMi0xMC4yOTktMjMuNjg0LTI4LjQ3NC0yMy42ODRjLTcuNDE0LDAtMTIuNDM3LDAuNzE1LTE1LjA3MSwxLjQzMlYzMDcuNg0KCQljMy4xMTQsMC43MDcsNi45NDIsMC45NDksMTIuMTkyLDAuOTQ5QzE0OC40MTksMzA4LjU0OSwxNjAuMzgxLDI5OC43NCwxNjAuMzgxLDI4Mi4yMjV6Ii8+DQoJPHBhdGggZD0iTTI3Mi44NzUsMjU5LjAxOWMtOC4xNDUsMC0xMy4zOTcsMC43MTctMTYuNTE5LDEuNDM1djEwNS41MjNjMy4xMTYsMC43MjksOC4xNDIsMC43MjksMTIuNjksMC43MjkNCgkJYzMzLjAxNywwLjIzMSw1NC41NTQtMTcuOTQ2LDU0LjU1NC01Ni40NzRDMzIzLjg0MiwyNzYuNzE5LDMwNC4yMTUsMjU5LjAxOSwyNzIuODc1LDI1OS4wMTl6Ii8+DQoJPHBhdGggZD0iTTQ4OC40MjYsMTk3LjAxOUg0NzUuMnYtNjMuODE2YzAtMC4zOTgtMC4wNjMtMC43OTktMC4xMTYtMS4yMDJjLTAuMDIxLTIuNTM0LTAuODI3LTUuMDIzLTIuNTYyLTYuOTk1TDM2Ni4zMjUsMy42OTQNCgkJYy0wLjAzMi0wLjAzMS0wLjA2My0wLjA0Mi0wLjA4NS0wLjA3NmMtMC42MzMtMC43MDctMS4zNzEtMS4yOTUtMi4xNTEtMS44MDRjLTAuMjMxLTAuMTU1LTAuNDY0LTAuMjg1LTAuNzA2LTAuNDE5DQoJCWMtMC42NzYtMC4zNjktMS4zOTMtMC42NzUtMi4xMzEtMC44OTZjLTAuMi0wLjA1Ni0wLjM4LTAuMTM4LTAuNTgtMC4xOUMzNTkuODcsMC4xMTksMzU5LjAzNywwLDM1OC4xOTMsMEg5Ny4yDQoJCWMtMTEuOTE4LDAtMjEuNiw5LjY5My0yMS42LDIxLjYwMXYxNzUuNDEzSDYyLjM3N2MtMTcuMDQ5LDAtMzAuODczLDEzLjgxOC0zMC44NzMsMzAuODczdjE2MC41NDUNCgkJYzAsMTcuMDQzLDEzLjgyNCwzMC44NywzMC44NzMsMzAuODdoMTMuMjI0VjUyOS4yYzAsMTEuOTA3LDkuNjgyLDIxLjYwMSwyMS42LDIxLjYwMWgzNTYuNGMxMS45MDcsMCwyMS42LTkuNjkzLDIxLjYtMjEuNjAxDQoJCVY0MTkuMzAyaDEzLjIyNmMxNy4wNDQsMCwzMC44NzEtMTMuODI3LDMwLjg3MS0zMC44N3YtMTYwLjU0QzUxOS4yOTcsMjEwLjgzOCw1MDUuNDcsMTk3LjAxOSw0ODguNDI2LDE5Ny4wMTl6IE05Ny4yLDIxLjYwNQ0KCQloMjUwLjE5M3YxMTAuNTEzYzAsNS45NjcsNC44NDEsMTAuOCwxMC44LDEwLjhoOTUuNDA3djU0LjEwOEg5Ny4yVjIxLjYwNXogTTM2Mi4zNTksMzA5LjAyM2MwLDMwLjg3Ni0xMS4yNDMsNTIuMTY1LTI2LjgyLDY1LjMzMw0KCQljLTE2Ljk3MSwxNC4xMTctNDIuODIsMjAuODE0LTc0LjM5NiwyMC44MTRjLTE4LjksMC0zMi4yOTctMS4xOTctNDEuNDAxLTIuMzg5VjIzNC4zNjVjMTMuMzk5LTIuMTQ5LDMwLjg3OC0zLjM0Niw0OS4zMDQtMy4zNDYNCgkJYzMwLjYxMiwwLDUwLjQ3OCw1LjUwOCw2Ni4wMzksMTcuMjI2QzM1MS44MjgsMjYwLjY5LDM2Mi4zNTksMjgwLjU0NywzNjIuMzU5LDMwOS4wMjN6IE04MC43LDM5My40OTlWMjM0LjM2NQ0KCQljMTEuMjQxLTEuOTA0LDI3LjA0Mi0zLjM0Niw0OS4yOTYtMy4zNDZjMjIuNDkxLDAsMzguNTI3LDQuMzA4LDQ5LjI5MSwxMi45MjhjMTAuMjkyLDguMTMxLDE3LjIxNSwyMS41MzQsMTcuMjE1LDM3LjMyOA0KCQljMCwxNS43OTktNS4yNSwyOS4xOTgtMTQuODI5LDM4LjI4NWMtMTIuNDQyLDExLjcyOC0zMC44NjUsMTYuOTk2LTUyLjQwNywxNi45OTZjLTQuNzc4LDAtOS4xLTAuMjQzLTEyLjQzNS0wLjcyM3Y1Ny42N0g4MC43DQoJCVYzOTMuNDk5eiBNNDUzLjYwMSw1MjMuMzUzSDk3LjJWNDE5LjMwMmgzNTYuNFY1MjMuMzUzeiBNNDg0Ljg5OCwyNjIuMTI3aC02MS45ODl2MzYuODUxaDU3LjkxM3YyOS42NzRoLTU3LjkxM3Y2NC44NDhoLTM2LjU5Mw0KCQlWMjMyLjIxNmg5OC41ODJWMjYyLjEyN3oiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K');
            background-size: contain;
            width: 28px;
            height: 20px;
            margin-top: 4px;
        }
        &.qexport_pdf{
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAACG0lEQVR4nO2Zuy4FQRjHf+dEKLU6HoCOB9A6Sl5AoqciKhEkoqCiQTwEDQq3RtDzAjQuIYR1ycokc5LJZHfNnJ2Zs4f9ki9rze3/2/nmO5MZKK200kysDZgGLoAIiKV/AHNa3UXgU6mT5jdAlUDijzKEPGr1XwzE130zBMR0hoA8MxAM4lIZTMC05+wvCWLLJ4Qa83nFkzETW74g1EFc97ceAsInQCUEhE8AQkC4BlDXVGcICNcA5xYp9raIAEMWAHERAYTVgDMtnFoKIOiYcQlgb3E5A38hhHqAA8uU58P3ge5GAIogPlYgrM0kR4fyqFVi36mG3xoPA+/KFzoFBrSyL+AamJAbNr1dLP+uNQNgNmGqH4CulLLllHbvcn/UNADx7AB25Pu4UrYAjEiR30Cf1s50HUYhAHYTAOoiN+X7ZMIMnGRoECccb/LpDUD1ey2ETACOGxHnGiCSX7JfKxNfblQJoV7LEMplNiGUVqb6kkE73RblSZ9YS84BROp7SskgNSWNXgFjhu3SFrHo6//9kEWBtwufCdkmF0AzNnMvLgHEFnavlWegCGshLgFwf7wefAYulE5mPEIsAK/AqnImqgNUZbmoN+/iiqlRvwMGM+7WNqRYtU1V/r/+/mxzyXfoAWJbG2dVK9/45V3UxwZiSp4sR55moAKsFel2sxGrGEAUVrwJROHFIy0JomXE102IXZHZSTwTxf8AZpagqyQ5vmsAAAAASUVORK5CYII=');
            background-size: contain;
            width: 28px;
            height: 20px;
            margin-top: 4px;
        }
        &.qclearMarks{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.574%206.094%207.07%204.609l.47-1.093H5.995L3.965%201.484h9.355c.274%200%20.505.095.694.284.188.188.283.42.283.693a.943.943%200%200%201-.283.693.943.943%200%200%201-.694.284H9.707L8.574%206.094zm5.43%208.73L7.598%208.398l-1.465%203.438a.935.935%200%200%201-.362.43.976.976%200%200%201-.537.156.932.932%200%200%201-.82-.44.913.913%200%200%201-.078-.927l1.758-4.14L.176.995A.562.562%200%200%201%200%20.586C0%20.43.059.293.176.176A.562.562%200%200%201%20.586%200c.156%200%20.293.059.41.176l13.828%2013.828a.562.562%200%200%201%20.176.41.562.562%200%200%201-.176.41.562.562%200%200%201-.41.176.562.562%200%200%201-.41-.176z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
        }
        &.qbulletList{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%280%20.496%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%231D1D1F%22%20cx%3D%222%22%20cy%3D%229%22%20r%3D%222%22%2F%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M8.5%209.004h8%22%2F%3E%3Ccircle%20fill%3D%22%231D1D1F%22%20cx%3D%222%22%20cy%3D%222%22%20r%3D%222%22%2F%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M8.5%202.004h8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qorderedList{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M8.5%2010.5h8M8.5%203.5h8%22%2F%3E%3Cpath%20d%3D%22M2.229%206.085c.434%200%20.724-.28.724-.714V1.792c0-.495-.307-.81-.83-.81-.28%200-.53.028-.817.22l-.896.597a.565.565%200%200%200-.273.496.47.47%200%200%200%20.478.489.512.512%200%200%200%20.339-.113l.523-.362h.027V5.37c0%20.434.29.714.725.714zM.974%2013h2.741c.363%200%20.568-.222.568-.547%200-.331-.205-.547-.568-.547H2.15v-.027l.899-.776c.765-.663%201.107-1.008%201.107-1.671%200-.896-.765-1.5-1.965-1.5-.861%200-1.555.365-1.815.953a.794.794%200%200%200-.065.321c0%20.349.226.564.595.564.277%200%20.45-.103.642-.383.185-.266.363-.386.622-.386.352%200%20.592.215.592.526%200%20.294-.158.51-.711.985L.694%2011.674c-.274.229-.397.434-.397.7%200%20.363.205.626.677.626z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qblockquote{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M12.38%209.504h5%22%2F%3E%3Cg%20fill%3D%22%23222%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M4.262%202.352c.047-.188%200-.282%200-.611C4.122.989%203.37.519%202.617.519c-.987%200-1.692.61-1.692%201.55%200%20.8.517%201.364%201.222%201.505L1.02%207.428h1.692l1.27-4.042c.14-.376.14-.658.281-1.034zM8.993%202.352c.047-.188%200-.282%200-.611C8.853.989%208.1.519%207.348.519c-.987%200-1.692.61-1.692%201.55%200%20.8.517%201.364%201.222%201.505L5.75%207.428h1.692l1.27-4.042c.14-.376.14-.658.281-1.034z%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M12.38%202.504h5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qhardBreak{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke%3D%22%231D1D1F%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.148%206.24a.582.582%200%200%201-.41-.15.494.494%200%200%201-.163-.38c0-.153.054-.28.162-.38.109-.1.246-.15.411-.15h9.712c.765%200%201.408.25%201.931.75.523.5.784%201.104.784%201.81%200%20.705-.261%201.311-.784%201.817s-1.166.759-1.93.759H8.355l.88.794c.127.106.187.227.18.362a.516.516%200%200%201-.18.362.585.585%200%200%201-.412.158.555.555%200%200%201-.392-.14L6.578%2010.14a.54.54%200%200%201-.134-.177.483.483%200%200%201-.038-.194c0-.07.012-.135.038-.194a.54.54%200%200%201%20.134-.177l1.854-1.711a.627.627%200%200%201%20.411-.142c.16%200%20.29.047.392.142a.499.499%200%200%201%20.172.379.499.499%200%200%201-.172.38l-.88.811h2.505c.446%200%20.819-.15%201.119-.45.299-.3.449-.656.449-1.067%200-.412-.15-.765-.45-1.06a1.533%201.533%200%200%200-1.118-.44H1.148z%22%20stroke-width%3D%22.32%22%20fill%3D%22%231D1D1F%22%2F%3E%3Cpath%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M1.042%201.68h12M1.042%209.68h3.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qundo{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.587%203.104h3.308c2.185%200%203.662%201.181%204.016%203.012.355%201.595-.236%203.308-1.358%204.017a.608.608%200%201%201-.59-1.063c.649-.354%201.062-1.595.826-2.717-.295-1.24-1.24-2.068-2.894-2.068H2.587l1.95%201.95a.59.59%200%201%201-.828.827L.756%204.108a.59.59%200%200%201%200-.827L3.709.328a.59.59%200%200%201%20.827.827l-1.95%201.949z%22%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%22.3%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
        }
        &.qredo{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.93%204.406H4.623c-1.653%200-2.598.827-2.893%202.067-.237%201.18.177%202.362.826%202.716a.608.608%200%200%201-.59%201.063C.785%209.544.253%207.832.608%206.237c.354-1.772%201.771-3.012%204.015-3.012H7.93L5.981%201.276A.59.59%200%201%201%206.808.45l2.953%202.952a.59.59%200%200%201%200%20.827L6.808%207.182a.59.59%200%200%201-.827-.827l1.95-1.949z%22%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%22.3%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
        }
        &.qlink{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5.8%207.958a3%203%200%200%200%204.524.324l1.8-1.8A3%203%200%200%200%207.882%202.24L6.85%203.266%22%2F%3E%3Cpath%20d%3D%22M8.2%206.758a3%203%200%200%200-4.524-.324l-1.8%201.8a3%203%200%200%200%204.242%204.242l1.026-1.026%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qimage{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281.107%20.622%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%223.667%22%20cy%3D%223.667%22%20r%3D%221%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m11.467%208.006-3-3.273-6.6%207.2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }

        &.qhr {
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%223%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20d%3D%22M1.517%201.475h16%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E');
        }
        &.qvideo{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%28.623%20.597%29%22%20stroke%3D%22%231F1E1D%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20fill%3D%22%231F1E1D%22%20d%3D%22M6.71%203.99v4l3.654-2z%22%2F%3E%3Crect%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20width%3D%2216%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qiframe{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.623.597h12a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202h-12a2%202%200%200%201-2-2v-8a2%202%200%200%201%202-2z%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-dasharray%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
        }
        &.qiframe_custom{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.262%2013.837c.388.103.74-.11.857-.498L12.766.837C12.87.485%2012.7.134%2012.312.03c-.38-.102-.71.044-.842.498L7.844%2012.966c-.117.395.008.761.418.871zM20.53%206.923a.742.742%200%200%200-.25-.556l-4.892-4.41c-.315-.278-.718-.278-.974.008-.256.285-.22.703.073.967l4.41%203.991-4.41%203.992c-.293.264-.33.674-.073.967.256.285.66.285.974.007l4.893-4.416a.716.716%200%200%200%20.249-.55zM0%206.923c0%20.205.088.403.256.55l4.893%204.416c.308.278.718.278.974-.007.256-.293.212-.703-.08-.967L1.64%206.923l4.401-3.991c.293-.264.337-.682.081-.967-.256-.286-.666-.286-.974-.008L.256%206.367A.75.75%200%200%200%200%206.923z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
        }
        &.qaudio {
            background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' version='1.1'%3E%3Cpath style='fill:%23222222;stroke:%23666666' d='M 41,65 41,1.4 89,11 89,86 c 0,0 -9,12 -28,5 -8,-3 -7,-12 2,-15 9,-3 15,-1 20,1 L 83,24 47,14 47,72 c 0,0 -5,14 -26,8 -7,-2 -11.8,-12 1,-16 7,-2 14,-2 19,1 z'/%3E%3C/svg%3E");
        }
        &.qinsertTable{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281.517%20.975%29%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M.976%205.967h11M6.035.033v11%22%2F%3E%3Crect%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qdeleteTable{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281%201%29%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%3E%3Crect%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m8.05%203.857-4%204M4.05%203.857l4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qaddRowBefore{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2219%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%226%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20d%3D%22M4%205h4M6%207V3%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22square%22%20d%3D%22M.976%2011.967h11M6.009%2012.482v5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qaddRowAfter{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%28-180%206.5%209.513%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%226%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20d%3D%22M4%205h4M6%207V3%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22square%22%20d%3D%22M.976%2011.967h11M6.009%2012.482v5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qdeleteRow{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%2890%206%207%29%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M4.678%2010.002v1M7.678%2010.002v1M4.678%201.002v1M7.678%201.002v1%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m8.05%203.857-4%204M4.05%203.857l4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qaddColumnBefore{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%28-90%206.835%206.19%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%226%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20d%3D%22M4%205h4M6%207V3%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22square%22%20d%3D%22M.976%2011.967h11M6.009%2012.482v5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qaddColumnAfter{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%2890%208.81%209.835%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%226%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20d%3D%22M4%205h4M6%207V3%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22square%22%20d%3D%22M.976%2011.967h11M6.009%2012.482v5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qdeleteColumn{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281%201%29%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M4.678%2010.002v1M7.678%2010.002v1M4.678%201.002v1M7.678%201.002v1%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m8.05%203.857-4%204M4.05%203.857l4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qmergeOrSplit{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%2890%205.81%206.835%29%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M.976%207.967h11M4.065.637v11M4.057%208.54v3M3.437%203.906h-3M8.057%208.54v3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qtoggleHeaderCell{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2219%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%226%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M4.408%207.548c.397%200%20.626-.236.626-.653V5.487h1.965v1.408c0%20.417.23.653.626.653s.625-.236.625-.653V3.118c0-.417-.229-.653-.625-.653-.397%200-.626.236-.626.653v1.357H5.034V3.118c0-.417-.229-.653-.626-.653-.396%200-.628.236-.628.653v3.777c0%20.417.232.653.628.653z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22square%22%20d%3D%22M.976%2011.967h11M6.009%2012.482v5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qalignLeft{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%28.303%20.805%29%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2213.4%22%20height%3D%221.4%22%20rx%3D%22.7%22%2F%3E%3Crect%20y%3D%228%22%20width%3D%2213.4%22%20height%3D%221.4%22%20rx%3D%22.7%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%227.4%22%20height%3D%221.4%22%20rx%3D%22.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qalignCenter{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20d%3D%22M.7%201.559h12M4.05%205.559h5.3M.7%209.559h12%22%2F%3E%3C%2Fsvg%3E');
        }
        &.qalignRight{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20d%3D%22M.7%201.559h12M7.4%205.559h5.3M.7%209.559h12%22%2F%3E%3C%2Fsvg%3E');
        }
        &.qcolorText{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.274%2013.123c.396%200%20.624-.185.774-.606L3.164%209.37h5.019l1.125%203.147c.149.421.378.606.773.606.457%200%20.791-.29.791-.694%200-.115-.026-.246-.097-.44L6.688.95c-.193-.518-.51-.756-.993-.756-.518%200-.843.246-1.037.765L.58%2011.989c-.07.194-.097.325-.097.44%200%20.404.334.694.791.694zm2.347-5.098%202.03-5.783h.053l2.03%205.783H3.621z%22%20fill%3D%22%231F1E1D%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
        }
        &.qhighlight{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%28.136%20.136%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.2%22%20transform%3D%22rotate%2845%206.364%206.364%29%22%20x%3D%222.464%22%20y%3D%222.464%22%20width%3D%227.8%22%20height%3D%227.8%22%20rx%3D%222%22%2F%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.2%22%20d%3D%22M1.52%206.364h9.714%22%2F%3E%3Cpath%20d%3D%22M13.34%2015.063c1.665%200%202.774-1.086%202.774-2.71%200-.794-.316-1.61-.598-2.216-.414-.91-1.09-1.898-1.68-2.8-.136-.211-.308-.317-.495-.317-.192%200-.364.106-.5.317-.594.91-1.278%201.91-1.692%202.832-.273.59-.586%201.398-.586%202.183%200%201.625%201.11%202.711%202.778%202.711z%22%20fill%3D%22%231F1E1D%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
        &.qfile{
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%229%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.85%2015c-1.062%200-1.969-.365-2.721-1.094C1.376%2013.177%201%2012.282%201%2011.22V3.695c0-.747.265-1.382.796-1.908A2.627%202.627%200%200%201%203.713%201c.758%200%201.4.262%201.925.787.524.526.787%201.167.787%201.926v6.894c0%20.444-.152.82-.455%201.13-.303.308-.677.463-1.12.463-.443%200-.817-.166-1.12-.499a1.694%201.694%200%200%201-.455-1.181V4.01c0-.093.035-.175.105-.245a.336.336%200%200%201%20.49%200c.07.07.105.152.105.245v6.562c0%20.257.085.476.254.657.169.18.376.271.621.271a.83.83%200%200%200%20.621-.262.874.874%200%200%200%20.254-.63V3.694c0-.56-.195-1.033-.586-1.417A1.956%201.956%200%200%200%203.713%201.7c-.56%200-1.036.193-1.427.578-.39.384-.586.857-.586%201.417v7.56c0%20.852.31%201.572.928%202.161.618.59%201.359.884%202.222.884.875%200%201.619-.298%202.231-.893.613-.595.919-1.324.919-2.187V4.01c0-.093.035-.175.105-.245a.336.336%200%200%201%20.49%200c.07.07.105.152.105.245v7.192c0%201.062-.376%201.96-1.129%202.696C6.82%2014.632%205.911%2015%204.85%2015z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%22.5%22%2F%3E%3C%2Fsvg%3E');
        }

        &.qvoicemessage {
            background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93333 2.00001C4.70151 2.00001 3.66667 3.03486 3.66667 4.26667V6.86667C3.66667 8.09849 4.70151 9.13334 5.93333 9.13334C7.2576 9.13334 8.25067 8.14641 8.20053 6.89334C8.20018 6.88445 8.2 6.87556 8.2 6.86667V4.26667C8.2 3.03486 7.16516 2.00001 5.93333 2.00001ZM2.33333 4.26667C2.33333 2.29848 3.96516 0.666672 5.93333 0.666672C7.90151 0.666672 9.53333 2.29848 9.53333 4.26667V6.85401C9.60849 8.92721 7.93791 10.4667 5.93333 10.4667C3.96516 10.4667 2.33333 8.83485 2.33333 6.86667V4.26667ZM0.666667 6.20001C1.03486 6.20001 1.33333 6.49849 1.33333 6.86667C1.33333 9.43485 3.43444 11.5248 5.98485 11.4669L6 11.4667C8.504 11.4667 10.6 9.42632 10.6 6.86667C10.6 6.49849 10.8985 6.20001 11.2667 6.20001C11.6348 6.20001 11.9333 6.49849 11.9333 6.86667C11.9333 9.96654 9.55742 12.4684 6.6 12.7696V14.6667C6.6 15.0349 6.30156 15.3333 5.93333 15.3333C5.56516 15.3333 5.26667 15.0349 5.26667 14.6667V12.7693C2.30219 12.4576 0 9.91312 0 6.86667C0 6.49849 0.298476 6.20001 0.666667 6.20001Z' fill='%23151618'/%3E%3C/svg%3E");
        }

        &.qscreencust {
            background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.075 1V0.925H8H3C1.85403 0.925 0.925 1.85403 0.925 3V11C0.925 12.146 1.85403 13.075 3 13.075H14C15.146 13.075 16.075 12.146 16.075 11V9V8.925H16H15H14.925V9V11C14.925 11.5109 14.5109 11.925 14 11.925H3C2.48911 11.925 2.075 11.5109 2.075 11V3C2.075 2.48911 2.48911 2.075 3 2.075H8H8.075V2V1ZM4.5 13.925C4.18246 13.925 3.925 14.1825 3.925 14.5C3.925 14.8175 4.18246 15.075 4.5 15.075H12.5C12.8175 15.075 13.075 14.8175 13.075 14.5C13.075 14.1825 12.8175 13.925 12.5 13.925H4.5ZM15.5 0.925H11C10.6825 0.925 10.425 1.18246 10.425 1.5C10.425 1.81754 10.6825 2.075 11 2.075H14.1118L9.09345 7.09339C8.86885 7.31799 8.86885 7.68201 9.09345 7.90661C9.31799 8.13115 9.68207 8.13115 9.90661 7.90661L14.925 2.88816V6C14.925 6.31754 15.1825 6.575 15.5 6.575C15.8176 6.575 16.075 6.31754 16.075 6V1.5C16.075 1.18246 15.8176 0.925 15.5 0.925Z' fill='%23151618' stroke='%23151618' stroke-width='0.15'/%3E%3C/svg%3E");
        }

        &.qwebcamera {
            background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.27273 2.46667C1.27273 1.82524 1.74901 1.33333 2.32851 1.33333H7.21696C7.79643 1.33333 8.27273 1.82524 8.27273 2.46667V3.00164C8.27252 3.01142 8.27252 3.0212 8.27273 3.03102V7.53333C8.27273 8.12422 7.7815 8.66667 7.21696 8.66667H2.32851C1.76398 8.66667 1.27273 8.12422 1.27273 7.53333V2.46667ZM9.54545 3.44462V7.53333C9.54545 8.80911 8.53258 10 7.21696 10H2.32851C1.01288 10 0 8.80911 0 7.53333V2.46667C0 1.10811 1.02785 0 2.32851 0H7.21696C8.36458 0 9.29982 0.862711 9.50401 1.99898L12.0515 0.781853C12.0704 0.772787 12.0898 0.764702 12.1096 0.757631C12.5346 0.605311 12.9875 0.64676 13.3512 0.864022C13.7212 1.08499 14 1.49567 14 2.0144V7.96102C14 8.49769 13.6881 8.91382 13.3323 9.13142C12.9765 9.34902 12.4888 9.42467 12.0386 9.18742L10.8723 8.63018C10.5525 8.47738 10.4115 8.08196 10.5574 7.74698C10.7032 7.412 11.0807 7.26427 11.4004 7.41702L12.5796 7.9804C12.5897 7.98524 12.5997 7.9904 12.6096 7.99578C12.6143 7.99831 12.6204 8.00067 12.6331 7.99982C12.648 7.99889 12.669 7.9932 12.6907 7.97991C12.7101 7.96804 12.7218 7.9552 12.7273 7.94747V2.02649C12.7255 2.02524 12.7235 2.02387 12.721 2.02236C12.694 2.00627 12.6313 1.98702 12.5442 2.01191L9.54545 3.44462Z' fill='%23151618'/%3E%3C/svg%3E");
        }

        &.qsuperscript {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%0A%3E%3Cpath d='m4 19 8-8' /%3E%3Cpath d='m12 19-8-8' /%3E%3Cpath d='m20 12h-4c0-1.5 0.4417-2 1.5-2.5s2.5-1.1662 2.5-2.4985c7e-4 -0.47197-0.1706-0.92895-0.4837-1.29-0.313-0.36106-0.7475-0.60291-1.2266-0.6827s-0.9719 0.00763-1.3909 0.24676c-0.4191 0.23914-0.7375 0.61457-0.8988 1.0598' /%3E%3C/svg%3E");
        }
        &.qsubscript {
            background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' width='14' height='14' viewBox='0 0 14 14'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.95438741,4.5 L8.7850203,7.30626765 C9.17584914,7.69373235 9.17584914,8.32193676 8.7850203,8.70940147 C8.39419145,9.09686618 7.7605327,9.09686618 7.36970385,8.70940147 L4.53907097,5.90313382 L1.70843808,8.70940147 C1.31760923,9.09686618 0.683950477,9.09686618 0.293121633,8.70940147 C-0.097707211,8.32193676 -0.097707211,7.69373235 0.293121633,7.30626765 L3.12375452,4.5 L0.293121633,1.69373235 C-0.097707211,1.30626765 -0.097707211,0.678063236 0.293121633,0.29059853 C0.683950477,-0.0968661766 1.31760923,-0.0968661766 1.70843808,0.29059853 L4.53907097,3.09686618 L7.36970385,0.29059853 C7.7605327,-0.0968661766 8.39419145,-0.0968661766 8.7850203,0.29059853 C9.17584914,0.678063236 9.17584914,1.30626765 8.7850203,1.69373235 L5.95438741,4.5 Z M14,12.3519235 L14,14 L9.07814193,14 L9.07814193,12.9855469 L9.17911195,12.740495 L10.9800051,10.826951 C11.4133348,10.392144 11.77981,10.0571893 11.9106676,9.81557985 C12.0353516,9.58536908 12.0941418,9.38912772 12.0941418,9.22851562 C12.0941418,9.08820171 12.0529006,8.98652895 11.9660329,8.90193322 C11.8784905,8.81668046 11.7672384,8.77460938 11.6114715,8.77460938 C11.4636071,8.77460938 11.3523966,8.82385579 11.2538919,8.93290599 C11.1476773,9.05049131 11.0872658,9.22080769 11.0789418,9.45806499 L11.067089,9.79589844 L9.2269351,9.79589844 L9.24400536,9.42973922 C9.27824372,8.69532221 9.51816978,8.09947682 9.96736119,7.66058259 C10.4175505,7.22071332 10.9973662,7 11.6859406,7 C12.1131716,7 12.4979375,7.09112961 12.8348078,7.27522069 C13.1746136,7.46091603 13.4472171,7.72952508 13.6486043,8.07526694 C13.8483691,8.41822347 13.9503539,8.77415268 13.9503539,9.13828125 C13.9503539,9.55406894 13.7188967,9.98681416 13.4907809,10.4451899 C13.2667292,10.8953993 12.9524998,11.3208384 12.4178891,12.0000117 L12.3003917,12.1228516 L12.0445871,12.3519235 L14,12.3519235 Z'/%3E%3C/svg%3E");
        }
    }

    .qcolors{
        display: inline-block;
        width: 20px;
        height: 20px;
        opacity: 1;

        &:hover{
            cursor: pointer;
        }

        &.unset{
            position: relative;
            box-shadow: inset 0 0 1px 0 black;
            overflow: hidden;

            &:before{
                content: '';
                background-color: tomato;
                width: 120%;
                height: 2px;
                transform: rotate(-45deg);
                position: absolute;
                top: calc(50% - 1px);
                left: -1px;
            }
        }
    }

    .qseparator{
        width: 16px;
    }

    .closeBtn {
        position: relative;
        display: flex;
        justify-content: end;
        border-radius: 50%;
        border: none;
        background-color: #2677e3;
        color: #fff;
        font-size: 0.5rem;
        padding: 4px 6px;
        top: 10px;
        cursor: pointer;
        right: 8px;
        z-index: 9;
    }

    .customIframe {
        width:1280px;
        height:auto;
        aspect-ratio: 16 / 9;
        //min-height: 700px;
    }
}
.image-resizer {
    display: inline-flex;
    position: relative;
    flex-grow: 0;
    .resize-trigger {
        position: absolute;
        right: -6px;
        bottom: -9px;
        opacity: 0;
        transition: opacity .3s ease;
        color: #3259a5;
    }
    &:hover .resize-trigger {
        opacity: 1;
    }
}