@charset "UTF-8";
@import 'scss-@';
@import 'css-custom-prop';
//@import 'elements';
@import 'color';
@import 'fonts';
@import 'block';
@import 'misc';

/**
 * emulsion 1.1.6 Note:
 *
 *  The following classes are no longer valid, ( WordPress5.0-5.3 + gutenberg user )
 *  but are maintained for compatibility with WordPress 5.0-5.3.
 *
 * .block-editor-block-list__block-edit removed
 * .editor-inserter-with-shortcuts__block
 * .editor-block-mover
 */

a:any-link{
    text-decoration:none;
}
.emulsion-gb-phase-block{
    .alignfull{
        //when block advanced class, conflict front end style.
        // GB7.7 background dim overflow
        position:static ! important;

    }
}

/**
 * Fallback block style
 */
h1,h2,h3,h4,h5,h6,
[data-type="core/buttons"],
[data-type="core/embed"],
[data-type="core/cover"],
[data-type="core/html"],
[data-type="core/freeform"],
.is-root-container > div,
.is-root-container figure,
.is-root-container blockquote,
.wp-block code,
.is-style-list-style-initial,
.is-root-container pre,
.is-root-container p,
.is-root-container ul,
.is-root-container ol{
    @extend %block;
}
.is-root-container figure{
    padding:0;
}
body.disable-alignfull #editor .interface-interface-skeleton__content {

    .wp-block.editor-post-title,
    .wp-block[data-align="wide"],
    .wp-block[data-align="full"],
    .alignwide,
    .alignfull{
        @extend %block;
    }
}

pre.wp-block,
div.wp-block{
    padding-left:0;
    padding-right:0;

}
ul.attachments{
    width:calc(100% - 300px);
}
div.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full]{
    //OW
    margin-left:auto;
    margin-right:auto;
}
/**
 * Right Sidebar
 */

.interface-interface-skeleton__sidebar{
    overflow:hidden;
    .edit-post-sidebar{

        //interface-complementary-area

        box-sizing:initial;
        .block-editor-block-styles__item{

            box-sizing:border-box;
        }
        .components-circular-option-picker__option-wrapper{
            box-sizing:border-box;
        }

        .components-panel{
            color:var(--thm_black_color);
            fieldset{
                color:var(--thm_black_color);
                legend{
                    .components-base-control__label{
                        color:var(--thm_black_color);
                    }
                }
            }
            .block-editor-block-card__content{
                max-width:200px;
            }
            .components-panel__body.is-opened > .components-panel__body-title {
                margin: -16px -16px 5px;
                max-width: calc(100% + 32px);
            }
        }
        input{
            max-width:100%;
        }
    }
    .edit-post-sidebar{
        box-sizing:border-box;
        color:var(--thm_black_color);
        a{

            color:#0073aa;
        }
        .components-color-palette__item{
            [style="color: rgba(231, 76, 60, 0.2);"]{

                background:rgba(231, 76, 60, 1) ! important;
            }
        }
        .edit-post-meta-boxes-area{

            .postbox{

                & >.inside{

                    .dashicons-lightbulb{

                        &:before{

                            color:#f39c12;
                        }
                    }
                }
            }
        }
    }
    .edit-post-sidebar input,
    .components-panel__body-toggle.components-button,
    .components-text-control__input,
    .components-text-control__input[type=color],
    .components-text-control__input[type=date],
    .components-text-control__input[type=datetime-local],
    .components-text-control__input[type=datetime],
    .components-text-control__input[type=email],
    .components-text-control__input[type=month],
    .components-text-control__input[type=number],
    .components-text-control__input[type=password],
    .components-text-control__input[type=tel],
    .components-text-control__input[type=text],
    .components-text-control__input[type=time],
    .components-text-control__input[type=url],
    .components-text-control__input[type=week]{
        box-sizing:border-box;
    }

    #postcustom{
        table{
            display:block;
            border:none;
        }
        th{
            width:230px;
        }
        tr{
            width:230px;
            display:block;
            margin-bottom:1rem;
            background:#ddd;
        }
        th,
        td{
            list-style-type:none;
            width:230px;
            display:list-item;
            margin-top:3px;
            border:none;

            box-sizing:border-box;
        }
        th.left,
        td.left{
            width:230px;
        }

        label{
            vertical-align:top;
        }
    }
}
.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container {
    display: block!important;
}
.edit-post-layout .components-editor-notices__snackbar{

    .components-button{

        padding:0 8px;

        &:any-link{
            color:var(--thm_white_color);
        }
    }
}

/**
 * Left Sidebar
 * Block inserter preview
 */

.interface-interface-skeleton__secondary-sidebar{

    .block-editor-inserter__preview-container{

        .block-editor-block-card{

            .block-editor-block-card__description{
                display:block;
                max-width:200px;
                -ms-word-break: break-all;
                word-break: break-all;
                -webkit-hyphens: auto;
                -moz-hyphens: auto;
                hyphens: auto;
            }
        }
    }
    .edit-post-layout__inserter-panel{
        box-sizing:unset;
    }
    .block-editor-inserter__panel-content{

        max-width:100%;
    }
    .block-editor-inserter__panel-title{

        max-width:100%;
    }
    .editor-block-list-item-group-emulsion-panel .dashicons-admin-appearance,
    .editor-block-list-item-group-dropdown-on-hover .dashicons-admin-appearance,
    .editor-block-list-item-group-dropdown-on-click .dashicons-admin-appearance,
    .editor-block-list-item-group-emulsion-panel .dashicons-admin-appearance,
    .editor-block-list-item-group-grid-group-5col .dashicons-admin-appearance,
    .editor-block-list-item-group-grid-group-4col .dashicons-admin-appearance,
    .editor-block-list-item-group-grid-group-3col .dashicons-admin-appearance,
    .editor-block-list-item-group-grid-group-2col .dashicons-admin-appearance,
    .editor-block-list-item-columns-cta-block .dashicons-admin-appearance{

        color:var(--wp-admin-theme-color);
    }

    .components-inline-color-popover{

        min-width:300px;
        .components-popover__content{

            width:100%;
        }
    }
}

/**
 * Color
 */

body .edit-post-layout .interface-interface-skeleton__content{
    //OW
    background:var(--thm_background_color);
}
.interface-interface-skeleton__content{

    .editor-post-visibility__dialog-fieldset{

        color:var(--thm_black_color);
    }
    .edit-post-layout__metaboxes{

        color:#23282d;
        background:inherit;
        .form-table{
            th,
            td{

                color:#23282d;
                background:inherit;
            }
        }
    }

    .components-notice-list{

        z-index:89;
    }
    div[data-block]{

        .has-black-color{

            color:#333 ! important;
        }
        .has-gray-color{

            color:#727477 ! important;
        }
        .has-white-color{

            color:#ffffff ! important;
        }
        .has-alert-color{

            color:rgba(231, 76, 60, 1) ! important;
        }
        del,
        strike,
        s{

            text-decoration-color:rgba(231, 76, 60, 1) ! important;
        }
        .has-notice-color{

            color:rgba(163, 140, 8, 1) ! important;;
        }
        .has-info-color{

            color:rgba(22, 160, 133, 1) ! important;
        }
        .has-cool-color{

            color:rgba(52, 152, 219, 1) ! important;
        }
        hr{

            &.has-black-color{

                border-color:#333 ! important;
            }
            &.has-gray-color{

                border-color:#727477 ! important;
            }
            &.has-white-color{

                border-color:#ffffff ! important;
            }
            &.has-alert-color{

                border-color:rgba(231, 76, 60, 1) ! important;
            }
            &.has-notice-color{

                border-color:rgba(163, 140, 8, 1) ! important;
            }
            &.has-info-color{

                border-color:rgba(22, 160, 133, 1) ! important;
            }
            &.has-cool-color{

                border-color:rgba(52, 152, 219, 1) ! important;
            }
        }

    }
    [style^="background-image"] .wp-block-cover__inner-container,
    .has-vivid-cyan-blue-to-vivid-purple-gradient-background,
    .has-midnight-gradient-background,
    .has-gray-background-color,
    .has-black-background-color{

        &:not(.has-text-color){

            color:var(--thm_white_color);

            *{
                color:var(--thm_white_color);
            }
        }
    }
}

body{
    &.emulsion-color-enable{

        .edit-post-manage-blocks-modal__content *{

            color:var(--thm_black_color);
        }
        .components-modal__content *{

            color:var(--thm_black_color);
        }

        .interface-interface-skeleton__content{
            blockquote:not([class]){
                // old tinymce quote
                border-left:6px solid rgba(188,188,188,.5);
                max-width:100%;
            }
            .wp-block-quote{
                border:none;
                max-width:100%;
                border-left:2px solid rgba(188,188,188,.5);
                &.has-text-align-left{
                    border:none;
                    border-left:2px solid rgba(188,188,188,.5);
                }
                &.has-text-align-center{
                    border:none;
                    border-top:2px solid rgba(188,188,188,.5);
                }
                &.has-text-align-right{
                    border:none;
                    border-right:2px solid rgba(188,188,188,.5);
                }
            }
            .wp-block-pullquote{
                border:none;
                border-top:2px solid;
                border-bottom:2px solid;
                border-color:rgba(188,188,188,.5);
                .is-style-solid-color{
                    &.has-success-background-color{
                        color:var(--thm_black_color);
                    }
                    &.has-notice-background-color{
                        color:var(--thm_black_color);
                    }
                    &.has-info-background-color{
                        color:var(--thm_black_color);
                    }
                    &.has-alert-background-color{
                        color:var(--thm_black_color);
                    }
                    &.has-cool-background-color{
                        color:var(--thm_black_color);
                    }
                }
                & > blockquote{
                    border:none;
                }
            }
            .block-editor-block-list__block{
                &:not([data-align="wide"]){
                    .block-editor-block-mover{
                        top:16px;
                    }
                }
                &:not([data-align="full"]) {
                    .block-editor-block-mover{
                        top:16px;
                    }
                }
            }
            [id$="patterns-view"]{
                //GB8.5
                .block-editor-inserter__panel-header,
                .block-editor-inserter__panel-content{
                    background: var(--thm_background_color);
                    color:var(--thm_general_text_color);
                    a{
                        color:var(--thm_general_text_color);
                    }
                }
            }

            .block-editor-inserter__menu .block-editor-inserter__preview-container {
                //GB8.5
                border:1px solid rgba(188,188,188,.5);
                .block-editor-block-card {
                    background:#fff;
                    color:#333;
                }
                .block-editor-block-card__title {
                    font-size: 13px;
                }

                .block-editor-inserter__preview-content{
                    background: var(--thm_background_color);
                    color:var(--thm_general_text_color);
                    a{
                        color:var(--thm_general_text_color);
                    }
                }

            }
            .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info{
                //GB8.5
                color:#333;

            }
            &.is-dark-theme{
                .block-editor-block-list__layout{
                    .block-editor-block-mover{
                        background:#333333;
                    }
                    .block-editor-block-mover__control{
                        color: hsla(0,0%,100%,.65);
                        background:transparent;
                        .block-editor-block-mover__control-drag-handle{
                            color: hsla(0,0%,100%,.65);
                        }
                    }
                    .block-editor-block-list__layout{
                        [data-align="left"]{
                            .block-editor-block-mover__control{
                                color: hsla(0,0%,100%,.65);
                                background:transparent;
                                .block-editor-block-mover__control-drag-handle{
                                    color: hsla(0,0%,100%,.65);
                                }
                            }
                        }
                        [data-align="left"]{
                            .block-editor-block-mover__control{
                                color: hsla(0,0%,100%,.65);
                                background:transparent;
                                .block-editor-block-mover__control-drag-handle{
                                    color: hsla(0,0%,100%,.65);
                                }
                            }
                        }
                    }
                }

            }
            &.is-light{

                .wp-block-table{
                    table{
                        &.has-background{
                            th{
                                color:var(--thm_general_text_color);
                            }
                        }
                    }
                    thead tr{
                        background-color: var(--thm_sub_background_color_lighten);
                        color:var(--thm_general_text_color);
                        th{
                            color:var(--thm_general_text_color);
                        }
                    }
                }
                .wp-block-table.is-style-stripes table:not(.has-background){
                    tbody tr:nth-child(odd) {
                        background-color: var(--thm_sub_background_color_darken);
                        color:var(--thm_general_text_color);
                        td{
                            color:var(--thm_general_text_color);
                        }
                    }
                }
            }
            &.is-dark{
                .wp-block-table{
                    table{
                        &.has-background{
                            th{
                                color:var(--thm_general_text_color);
                            }
                        }
                        thead tr{
                            background-color: var(--thm_sub_background_color_darken);
                            color:var(--thm_general_text_color);
                            th{
                                color:var(--thm_general_text_color);
                            }
                        }
                    }
                }
                .wp-block-table.is-style-stripes table:not(.has-background){
                    tbody tr:nth-child(odd) {
                        background-color: var(--thm_sub_background_color_lighten);
                        color:var(--thm_general_text_color);
                        td{
                            color:var(--thm_general_text_color);
                        }
                    }
                }
            }
            &.is-dark{
                .block-editor .editor-post-title,
                .block-editor .edit-post-visual-editor{
                    .editor-rich-text__editable,
                    textarea::-webkit-input-placeholder,
                    textarea:-ms-input-placeholder,
                        textarea::placeholder{
                        color:#eee;
                    }
                }
                .edit-post-layout__metaboxes:not(:empty){
                    border-top:1px solid rgba(222,222,222,.3);
                }
                .wp-block-calendar table th{
                    background:rgba(188,188,188,.2)
                }
                .wp-block-calendar table #prev a{
                    color:var(--thm_general_link_color);
                    &:hover{
                        color:var(--thm_general_link_hover_color);
                    }
                }
                .wp-block-calendar table #next a{
                    color:(--thm_general_link_color);
                    &:hover{
                        color:var(--thm_general_link_hover_color);
                    }
                }
                blockquote{
                    border-color: rgba(188, 188, 188, .3);
                }
                [data-type="core/html"]{
                    [data-block]{
                        .wp-block-html{
                            iframe{
                                background:#ffffff;
                            }
                        }
                    }
                }
            }
            .wp-block-calendar table caption{
                color:var(--thm_general_text_color);
            }
            .edit-post-visual-editor{
                background:var(--thm_background_color);
                color:var(--thm_general_text_color);
                p{
                    //@since 1.1.1 block cover text ccontrast issue
                    color:var(--thm_general_text_color);
                }
                .has-text-color p{
                    color:currentColor;
                }
                h1,h2,h3,h4,h5.h6{
                    color:var(--thm_general_text_color);
                }
                figcaption{
                    color:var(--thm_general_text_color);
                }
                .editor-inserter-with-shortcuts__block{
                    color:var(--thm_general_text_color);
                }
            }
            &.block-editor-page{
                .edit-post-visual-editor {
                    background:var(--thm_background_color);
                    color:var(--thm_general_text_color);
                    .editor-post-title__block{
                        .editor-post-title__input{
                            background:transparent;
                            color:var(--thm_general_text_color);
                        }
                    }
                }
            }
            .block_editor{
                background:transparent;
                color:var(--thm_general_text_color);
            }
            .editor-styles-wrapper{
                background:transparent;
                color:var(--thm_general_text_color);
            }
            .block-editor .edit-post-visual-editor{
                color:var(--thm_general_text_color);
                .wp-block-table{
                    table{
                        td{
                            background:transparent;
                            color:var(--thm_general_text_color);
                        }
                        &.has-background{
                            th{
                                // color:var(--thm_general_text_color);
                                color:var(--thm_black_color);
                            }
                            td{
                                color:var(--thm_black_color);
                            }
                        }
                        &.has-subtle-light-gray-background-color{
                            background:#f3f4f5;
                            color:var(--thm_black_color);
                        }
                        &.has-subtle-pale-green-background-color{
                            background:#e9fbe5;
                            color:var(--thm_black_color);
                        }
                        &.has-subtle-pale-blue-background-color{
                            background:#e7f5fe;
                            color:var(--thm_black_color);
                        }
                        &.has-subtle-pale-pink-background-color{
                            background:#ffccf8;
                            color:var(--thm_black_color);
                        }
                    }
                }
            }
            div.gallery{
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-align: stretch;
                -ms-flex-align: stretch;
                align-items: stretch;
                clear: both;
                float:none;
                padding-left:0;
                padding-right:0;
                margin-left:auto;
                margin-right:auto;
                .gallery-icon{
                    display:flex;
                    flex-wrap: wrap;
                    align-items: center;
                    justify-content: center;
                    height:100%;
                }
                &.gallery-size-thumbnail{
                    .gallery-item{
                        background:transparent!important;
                    }
                }
                .gallery-item {
                    flex:1 1 auto;
                    position:relative;
                    margin-bottom:-4px;
                    display:inline-block;
                    text-align: center;
                    vertical-align:middle;
                    .gallery-icon{
                        img{
                            object-fit:contain;
                        }
                    }
                }
            }
            li,
            .wp-caption-dd{
                color:var(--thm_general_text_color);
            }
            .wp-block-quote__citation,
            .wp-block-quote cite,
            .wp-block-quote footer{
                background:transparent;
                color:var(--thm_general_text_color);
            }
            .wp-block-pullquote:not(.has-text-color){
                background:transparent;
                color:var(--thm_general_text_color);
            }
            //z-index
            .wp-block-button{
                z-index:3;
                .has-background{
                    z-index:auto;
                }
            }
            [data-block]{
                //[data-type="core/navigation"] children issue @since 1.1.6
                // z-index:3;
                position:relative;
            }
            p.has-background:not(.has-text-color){
                color:var(--thm_black_color);
            }
            p.has-gray-background-color:not(.has-text-color){
                color:var(--thm_white_color);
            }
            p.has-black-background-color:not(.has-text-color){
                color:var(--thm_white_color);
            }
        }
    }
}

/**
 * Layout
 * Caluclate editor main width
 */

body{

    .block-editor-block-list__layout{
        // width:100%;
        padding-left:0;
        padding-right:0;

        .block-editor-block-list__block{
            //padding-left:0;
            //padding-right:0;
            max-width:100%;
            &[data-align=full]{
                margin-left:0;
                margin-right:0;
            }
        }
    }
    &.folded{
        //left menu icon
        .edit-post-layout.is-sidebar-opened{
            //block editor metabox open
            .edit-post-layout__content{
                //280px metabox width
                //36px left menu width
                //16px scrollbar width
                --thm_editor_main_width:calc(100vw - 36px - 280px - 16px );
                & ~ div{
                    .edit-post-sidebar{
                        --thm_editor_main_width:calc(100vw - 36px - 280px - 16px );
                    }
                }
            }
        }
        .edit-post-layout:not(.is-sidebar-opened){
            //block editor metabox hide
            .edit-post-layout__content{
                & ~ div:empty{
                    .edit-post-sidebar{
                        // 16px scrollbar
                        --thm_editor_main_width:calc(100vw - 36px - 16px );
                    }
                }
            }
        }
    }
    &:not(.folded){
        //left menu text
        .edit-post-layout.is-sidebar-opened{
            //block editor metabox open
            .edit-post-layout__content{
                //280px metabox width
                //160px left menu width
                //16px scrollbar width
                --thm_editor_main_width:calc(100vw - 160px - 280px - 16px );
                & ~ div{
                    .edit-post-sidebar{
                        /* block menu */
                    }
                }
            }
        }
        .edit-post-layout:not(.is-sidebar-opened){
            //block editor metabox hide
            .edit-post-layout__content{
                & ~ div:empty{
                    --thm_editor_main_width:calc(100vw - 160px - 16px );
                }
            }
        }
    }
    &.is-navigation-sidebar-open{
        //fse sidebar
        .interface-interface-skeleton__content{
            --thm_editor_main_width:calc(100vw - 300px - 280px - 16px );
        }

    }
}

div.block-editor-block-styles__item-preview{
    min-height:0;
}

/**
 * Variation , Styles
 */

div.wp-block-group{
    padding-left:0;
    padding-right:0;

    &.emulsion-modal,
    &.dropdown-on-hover,
    &.dropdown-on-click,
    &.emulsion-panel{
        overflow:hidden;
        border:1px dotted;
        padding-left:0;
        padding-right:0;

        .dropdown-on-click-title,
        .dropdown-on-hover-title{
            margin-top:0;
            margin-bottom:0;
            padding-top:.5rem;
            padding-bottom:.5rem;
        }
    }

    &.emulsion-modal{
        .emulsion-modal-title{
            max-width:none;

        }
        &.alignfull{
            .emulsion-modal-title{

            }
        }
    }
    &.is-selected{
        border:1px dotted;
        &.emulsion-modal:before{
            content:'Patterns: Modal Box';
            color:#fff;
            background:#f66;
            padding:.3rem .6rem;
        }
        &.dropdown-on-hover:before{
            content:'Variation: Dropdown on hover';
            color:#fff;
            background:#f66;
            padding:.3rem .6rem;
        }
        &.dropdown-on-click:before{
            content:'Variation: Dropdown on click';
            color:#fff;
            background:#f66;
            padding:.3rem .6rem;
        }
        &.emulsion-panel:before{

            content:'Variation: Panel';
            color:#fff;
            background:#f66;
            padding:.3rem .6rem;
        }
    }
}

.list-style-tab.block-editor-block-list__block.is-selected:before{
    content:'Pattern: TAB';
    color:#fff;
    background:#f66;
    padding:.3rem .6rem;
    margin-bottom:1rem;
    display: block;
    width:-moz-fit-content;
    width: fit-content;
}
.is-style-list-style-inline li{
    display:inline-block;
}

.editor-styles-wrapper ol,
.editor-styles-wrapper ul{
    &.is-style-list-style-none,
    &.list-style-none{
        li{
            list-style-type:none;
        }

    }
    &.is-style-list-style-inline,
    &.list-style-inline{
        li{
            margin:var(--thm_box_gap);
            padding:1rem var(--thm_content_gap);

        }

    }
}
/**
 * Fonts
 */

.interface-interface-skeleton__content{

    font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
    font-size: var(--thm_common_font_size);
    font-family: var(--thm_common_font_family);
    font-size:var(--thm_common_font_size);

    .editor-post-title{
        border-bottom:1px solid rgba(188,188,188,.5);
        @extend %block_main_wide;
        max-width:100%l
            .editor-post-title__input{
            margin:0 auto;
            text-transform: var( --thm_heading_font_transform);
            font-weight:var(--thm_heading_font_weight);
            font-family:var(--thm_heading_font_family);
            @include font_size(2);
        }
    }

    h1,h2,h3,h4,h5,h6{
        &.mark-success,
        &.mark-cool,
        &.mark-notice,
        &.mark-info,
        &.has-alert-background-color,
        &.mark-alert,
        &.mark-dark,
        &.mark-gray{
            padding:1rem;
            z-index:auto;
            position:relative;
            &:before{
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                background: var(--thm_white_color);
                left: 0;
                top: 0;
                z-index: -1;
            }
        }
    }
    p{
        font-family: var(--thm_common_font_family);
        font-size:var(--thm_common_font_size);
        &.h1{
            @include font_size(1);
            @extend %block;
            max-width:100%;
            margin-left:auto;
            margin-right:auto;
            font-weight:700;
            font-family: var(--thm_heading_font_family);
            font-weight:var(--thm_heading_font_weight);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %block_wide;
            }
        }
        &.h2{
            @include font_size(2);
            @extend %block;
            margin-left:auto;
            margin-right:auto;
            max-width:100%;
            font-weight:700;
            font-family: var(--thm_heading_font_family);
            font-weight:var(--thm_heading_font_weight);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %alignwide;
            }
        }
        &.h3{
            @include font_size(3);
            @extend %block;
            margin-left:auto;
            margin-right:auto;
            max-width:100%;
            font-weight:700;
            font-family: var(--thm_heading_font_family);
            font-weight:var(--thm_heading_font_weight);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %alignwide;
            }
        }
        &.h4{
            @include font_size(4);
            @extend %block;
            margin-left:auto;
            margin-right:auto;
            max-width:100%;
            font-weight:700;
            font-family: var(--thm_heading_font_family);
            font-weight:var(--thm_heading_font_weight);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %alignwide;
            }
        }
        &.h5{
            @include font_size(5);
            @extend %block;
            margin-left:auto;
            margin-right:auto;
            max-width:100%;
            font-weight:700;
            font-family: var(--thm_heading_font_family);
            font-weight:var(--thm_heading_font_weight);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %alignwide;
            }
        }
        &.h6{
            @include font_size(6);
            @extend %block;
            margin-left:auto;
            margin-right:auto;
            max-width:100%;
            font-weight:700;
            font-family: var(--thm_heading_font_family);
            font-weight:var(--thm_heading_font_weight);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %alignwide;
            }
        }
    }

    .badge{
        width:-moz-fit-content ! important;
        width:fit-content ! important;
        margin-right:1rem ! important;
    }
    .emulsion-archive-count.badge:empty{
        display:none;
    }
    p.has-background.badge{
        padding: 0 var(--thm_content_gap, 24px);
    }

    /**
     * auxiliary block
     */

    ol.shrink,
    ul.shrink{
        font-size:var(--thm_meta_data_font_size);
        li{
            padding-top:0;
            padding-bottom:0;
        }
    }
    /**
     * emphasis block
     */

    .wp-block-navigation-link__submenu-icon{
        //GB7.4
        svg{
            fill:currentColor;
        }
    }
}

/**
 * Block Classic
 */

.block-editor-block-list__layout [data-type="core/freeform"]{
    .wp-block-freeform{
        overflow:hidden;
        font-family: var(--thm_common_font_family);
        font-size: var(--thm_common_font_size);
        line-height: var(--thm_content_line_height);
        color:var(--thm_general_text_color);
        margin:0;
        max-width: 100%;
        -webkit-font-smoothing: antialiased !important;
        overflow-wrap: break-word;
        word-wrap: break-word; /* Old syntax */

        a{
            color:var(--thm_general_link_color);
            &:hover{
                color:var(--thm_general_text_color);
            }
        }

        .wpview-wrap[data-wpview-type="gallery"]{
            overflow:visible !important;
            height:180px;
        }

        p,h1,h2,h3,h4,h5,h6{
            clear:both;
            float:none;
        }
        strong,
        b {
            font-weight: bold;
        }
        pre {
            font-family: Consolas, Monaco, monospace;
        }
        td,
        th {
            font-family: inherit;
            font-size: inherit;
        }
        /* For emoji replacement images */
        img.emoji {
            display: inline !important;
            border: none !important;
            height: 1em !important;
            width: 1em !important;
            margin: 0 .07em !important;
            vertical-align: -0.1em !important;
            background: none !important;
            padding: 0 !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }
        .mceIEcenter {
            text-align: center;
        }
        img {
            height: auto;
            max-width: 100%;
        }
        .wp-caption {
            margin: 0; /* browser reset */
            max-width: 100%;
        }
        .wp-caption-dd{
            text-align:center;
        }
        /* iOS does not obey max-width if width is set. */
        .ios .wp-caption {
            width: auto !important;
        }
        dl.wp-caption dt.wp-caption-dt img {
            display: inline-block;
            margin-bottom: -1ex;
        }
        div.mceTemp {
            -ms-user-select: element;
        }
        dl.wp-caption,
        dl.wp-caption * {
            -webkit-user-drag: none;
        }
        .wp-caption-dd {
            font-size: 14px;
            padding-top: 0.5em;
            margin: 0; /* browser reset */
        }
        .aligncenter {
            @extend %aligncenter;
        }
        .alignleft {
            @extend %alignleft;
        }
        .alignright {
            @extend %alignright;
        }
        /* Styles for formatting the boundaries of anchors and code elements */
        &.mce-content-body a[data-mce-selected] {
            padding: 0 2px;
            margin: 0 -2px;
            border-radius: 2px;
            box-shadow: 0 0 0 1px #bfe6ff;
            background: #bfe6ff;
        }
        &.mce-content-body .wp-caption-dt a[data-mce-selected] {
            outline: none;
            padding: 0;
            margin: 0;
            box-shadow: none;
            background: transparent;
        }
        &.mce-content-body code {
            padding: 2px 4px;
            margin: 0;
            border-radius: 2px;
            color: #222;
            background: #f2f4f5;
        }
        &.mce-content-body code[data-mce-selected] {
            background: #e9ebec;
        }
        /* Gallery, audio, video placeholders */
        &.mce-content-body img.wp-media {
            border: 1px solid #aaa;
            background-color: #f2f2f2;
            background-repeat: no-repeat;
            background-position: center center;
            width: 99%;
            height: 250px;
            outline: 0;
            cursor: pointer;
        }
        &.mce-content-body img.wp-media:hover {
            background-color: #ededed;
            border-color: #72777c;
        }
        &.mce-content-body img.wp-media.wp-media-selected {
            background-color: #d8d8d8;
            border-color: #72777c;
        }
        /* Image resize handles */
        &.mce-content-body div.mce-resizehandle {
            border-color: #72777c;
            width: 7px;
            height: 7px;
        }
        &.mce-content-body img[data-mce-selected] {
            outline: 1px solid #72777c;
        }
        &.mce-content-body img[data-mce-resize="false"] {
            outline: 0;
        }
        audio,
        video,
        embed {
            display: -moz-inline-stack;
            display: inline-block;
        }
        audio {
            visibility: hidden;
        }
        /* Fix for proprietary Mozilla display attribute, see #38757 */
        [_moz_abspos] {
            outline: none;
        }
        a[data-wplink-url-error],
        a[data-wplink-url-error]:hover,
            a[data-wplink-url-error]:focus {
            outline: 2px dotted #dc3232;
            position: relative;
        }
        a[data-wplink-url-error]:before {
            content: "";
            display: block;
            position: absolute;
            top: -2px;
            right: -2px;
            bottom: -2px;
            left: -2px;
            outline: 2px dotted var(--thm_white_color);
            z-index: -1;
        }
        /* Special styling for the suggestes policy text tutorial sections after they have been pasted in the editor. */
        p.wp-policy-help {
            background-color: #ff0;
        }
        /**
         * WP Views
         */
        .wpview {
            width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
            position: relative;
            clear: both;
            margin-bottom: 16px;
            border: 1px solid transparent;
        }
        .mce-shim {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }
        .wpview[data-mce-selected="2"] .mce-shim {
            display: none;
        }
        .wpview .loading-placeholder {
            border: 1px dashed #ccc;
            padding: 10px;
        }
        .wpview[data-mce-selected] .loading-placeholder {
            border-color: transparent;
        }
        /* A little "loading" animation, not showing in IE < 10 */
        .wpview .wpview-loading {
            width: 60px;
            height: 5px;
            overflow: hidden;
            background-color: transparent;
            margin: 10px auto 0;
        }
        .wpview .wpview-loading ins {
            background-color: var(--thm_black_color);
            margin: 0 0 0 -60px;
            width: 36px;
            height: 5px;
            display: block;
            -webkit-animation: wpview-loading 1.3s infinite 1s steps(36);
            animation: wpview-loading 1.3s infinite 1s steps(36);
        }
        @-webkit-keyframes wpview-loading {
            0% {
                margin-left: -60px;
            }
            100% {
                margin-left: 60px;
            }
        }
        @keyframes wpview-loading {
            0% {
                margin-left: -60px;
            }
            100% {
                margin-left: 60px;
            }
        }
        .wpview .wpview-content > iframe {
            max-width: 100%;
            background: transparent;
        }
        .wpview-error {
            border: 1px solid #ddd;
            padding: 1em 0;
            margin: 0;
            word-wrap: break-word;
        }
        .wpview[data-mce-selected] .wpview-error {
            border-color: transparent;
        }
        .wpview-error .dashicons,
        .loading-placeholder .dashicons {
            display: block;
            margin: 0 auto;
            width: 32px;
            height: 32px;
            font-size: 32px;
        }
        .wpview-error p {
            margin: 0;
            text-align: center;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
        }
        .wpview-type-gallery:after {
            content: "";
            display: table;
            clear: both;
        }
        .gallery img[data-mce-selected]:focus {
            outline: none;
        }
        .gallery a {
            cursor: default;
        }
        .gallery {
            margin: auto -6px;
            padding: 6px 0;
            line-height: 1;
            overflow-x: hidden;
        }
        .gallery .gallery-item {
            float: left;
            margin: 0;
            text-align: center;
            padding: 6px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        .ie7 .gallery .gallery-item,
        .ie8 .gallery .gallery-item {
            padding: 6px 0;
        }
        .gallery .gallery-caption,
        .gallery .gallery-icon {
            margin: 0;
        }
        .gallery .gallery-caption {
            font-size: 13px;
            margin: 4px 0;
        }
        .gallery-columns-1 .gallery-item {
            width: 100%;
        }
        .gallery-columns-2 .gallery-item {
            width: 50%;
        }
        .gallery-columns-3 .gallery-item {
            width: 33.333%;
        }
        .ie8 .gallery-columns-3 .gallery-item,
        .ie7 .gallery-columns-3 .gallery-item {
            width: 33%;
        }
        .gallery-columns-4 .gallery-item {
            width: 25%;
        }
        .gallery-columns-5 .gallery-item {
            width: 20%;
        }
        .gallery-columns-6 .gallery-item {
            width: 16.665%;
        }
        .gallery-columns-7 .gallery-item {
            width: 14.285%;
        }
        .gallery-columns-8 .gallery-item {
            width: 12.5%;
        }
        .gallery-columns-9 .gallery-item {
            width: 11.111%;
        }
        .gallery img {
            max-width: 100%;
            height: auto;
            border: none;
            padding: 0;
        }
        img.wp-oembed {
            border: 1px dashed #888;
            width: 300px;
            height: 250px;
            outline: 0;
        }
        .wpview,
        .wpview-sandbox,
        #wpview-iframe-sandbox{
            overflow: visible!important;
            height: 380px;
        }

        /* rtl */
        .rtl .gallery .gallery-item {
            float: right;
        }
        @media print,
        (-o-min-device-pixel-ratio: 5/4),
            (-webkit-min-device-pixel-ratio: 1.25),
            (min-resolution: 120dpi) {
            &.mce-content-body img.mce-wp-more {
                background-size: 1900px 20px;
            }
            &.mce-content-body img.mce-wp-nextpage {
                background-size: 1900px 20px;
            }
        }
    }
}

/**
 * Block Align
 * @see * Aligns
 */

[class$="inner-container"].block-editor-block-list__layout{
    //Required width in any case

    width:100% ! important;
    margin-left:auto;
    margin-right:auto;
}

.wp-block{

    margin-left:auto;
    margin-right:auto;

    &[data-align="full"] .wp-block-group > .wp-block-group__inner-container > .wp-block:not(.wp-block-group):not(.wp-block-columns){
        //OW
        padding-left:var(--thm_content_gap);
        padding-right:var(--thm_content_gap);
    }


    // Block Children
     h1,h2,h3,h4,h5,h6{
            width:100%;
     }

    [class|="wp-block"],
    [class$="inner-container"]{

        width:100%;
    }

    [data-align="center"],
    &[data-align="center"]{

        @extend %aligncenter;
    }
    [data-align="full"],
    &[data-align="full"]{
        @extend %has-sidebar-alignfull;
        width:100%;

        margin-left:auto;
        margin-right:auto;
        left:0;

        .wp-block-embed-wordpress,
        .wp-block-embed-issuu,
        .wp-block-embed-instagram,
        .wp-block-embed-twitter,
        .wp-block-embed-facebook{
            // gutenberg 8.6 ?
            @extend %block;
            margin-left:auto;
            margin-right:auto;
        }
    }
    .wp-block-social-link{

        width:32px;// gutenberg 9.1
    }
    &.wp-block-button{

        padding-left:24px;
        padding-right:24px;
        width:auto;
    }
    &[data-align="left"],
    &[data-align="right"]{

        &:first-child{

            margin-top:0;

            &[data-type="core/archives"]{

                margin-top:0;// core overwite
            }
        }
    }
    [data-align="left"],
    &[data-align="left"]{

        // @extend %alignleft;

        .is-block-content,
        .alignleft{
            width:100%;
            max-width:100%;
        }

        .wp-block-embed{

            margin:1rem 0 0;
            max-width:100%;

            .wp-block-embed__wrapper{
                width:100%;
                iframe{
                    max-width:100%;
                }
            }
        }
    }
    [data-align="right"],
    &[data-align="right"]{

        //   @extend %alignright;

        .alignright{
            width:100%;
            max-width:100%;
        }

        .wp-block-embed{
            margin:1rem 0 0;
            max-width:100%;
            .wp-block-embed__wrapper{
                width:100%;
                iframe{
                    max-width:100%;
                }
            }
        }
    }
    [data-align="wide"],
    &[data-align="wide"]{

        @extend %alignwide;

        .wp-block-embed{

            margin:1rem 0 0;
            max-width:100%;

            .wp-block-embed__wrapper{
                width:100%;
                iframe{
                    max-width:100%;
                }
            }
        }
    }
}

/**
 * on scroll toolbar position
 */

.block-editor{
    .edit-post-visual-editor{
        .block-editor-block-list__block{
            .block-editor-block-contextual-toolbar{
                position: -webkit-sticky;
                position: sticky;
                top:3.5rem;
            }
        }
    }
}

/**
 * [data-block] style
 */

.interface-interface-skeleton__content{

    .block-library-spacer__resize-container{
        position:relative;
        background:rgba(188,188,188,.2);
        &:before{
            content: '\21f3';
            position:absolute;
            width:100%;
            height:100%;
            top:0;
            left:0;
            right:0;
            bottom:0;
            width:1rem;
            height:1rem;
            margin:auto;
        }
    }
    ul[class|="wp-block"]{
        li{
            &:before{
                content:none;
                display:none;
            }
        }
    }

    /**
     * Block File
     */

    div.wp-block-file{
        .wp-block-file__content-wrapper{
            text-align:center;

            .wp-block-file__textlink{
                display:inline-block;
                width:-moz-fit-content;
                width:fit-content;
            }
            .wp-block-file__button-richtext-wrapper{
                display:inline-block;
                width:-moz-fit-content;
                width:fit-content;
            }

        }
    }

    /**
     * Block Category
     */

    .wp-block-categories{
        &.aligncenter{
            padding:0;
        }
        &.aligncenter,
        &.alignleft,
        &.alignright{
            max-height:19rem;
            overflow-y:scroll;
            overflow-x:hidden;
            &::-webkit-scrollbar,
            &::-webkit-scrollbar {
                width: .5em;
                height:150px;
            }
            &::-webkit-scrollbar-thumb,
            &::-webkit-scrollbar-thumb{
                background-color: var(--thm_black_color);
                outline: 1px solid var(--thm_black_color);
            }
            .aligncenter,
            ul{
                padding-left:0;
                padding-right:0;
                margin-top:0;
                margin-bottom:0;
            }
        }
        &.alignfull{
            width:calc( 100vw - 1rem);
            max-width:( 100vw - 1rem);
            margin-left:calc( (var(--thm_content_width) - 100vw + 1rem ) * 0.5);
            ul{
                width:100%;
                max-width:100%;
            }
        }
        & > ul {
            padding-left:0;
            & > li{
                border:1px solid #ccc;
            }
        }
        li{
            list-style:none;
            padding:.685rem;
            margin-bottom:var( --thm_box_gap,3px );
        }
        &.wp-block-categories-list{
            &.alignfull,
            &.aligncenter{
                ul{
                    position:relative;
                    li{
                        &.cat-item a:after{
                            content:attr( data-title );
                            display:inline-block;
                            width:calc(100% - 17rem);
                            position:absolute;
                            left:15rem;
                            height:1.5rem;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }
                    }
                }
            }
        }
    }
    /**
     * Block Pullquote
     */
    .wp-block-pullquote{
        min-height:calc(720px * 0.5625);
        .wp-block-pullquote__citation{
            text-align:center;
        }
    }

    /**
    * Block separator
    */
    .wp-block-separator{
        clear:both;
        float:none;
    }
    /**
     * Theme class
     */
    .vertically,
    .centered{
        display: -webkit-box;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -webkit-box-sizing:border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction:column;
        flex-direction:column;
        height:100%;
        box-sizing:border-box;
    }
    .horizontally{
        display: -webkit-box;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -webkit-box-sizing:border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction:row;
        flex-direction:row;
        flex-wrap:wrap;
        box-sizing:border-box;
    }
    /* height classes */
    .vh25{
        min-height:25vh;
    }
    .vh50{
        min-height:50vh;
    }
    .vh75{
        min-height:75vh;
    }
    .vh100{
        min-height:100vh;
    }
    .editor-block-list__block{
        .block-editor-block-list__insertion-point{
            left:0;
            margin-top:0;
        }
    }
    [data-type="core/cover"]{
        .wp-block-cover{
            max-width:100%;
            box-sizing:border-box;
            width:auto;
            .wp-block-cover-text{
                width:100%;
                color:var(--thm_white_color);
                a{
                    color:var(--thm_white_color);
                }
            }
            .wp-block-cover__inner-container{
                display:block;
                width:auto;
                height:100%;
                max-width:100%;
                padding-left:var(--thm_content_gap);
                padding-right:var(--thm_content_gap);
                box-sizing:border-box;
            }
        }
        &[data-align="left"]{
            .editor-block-list__block-edit{
            }
        }
        &[data-align="right"]{
            overflow:hidden;
            .editor-block-list__block-edit{
            }
        }
        &[data-align="full"]{
            .wp-block-cover{
                max-width:none;
                width:auto;
            }
        }
    }
    .editor-media-placeholder{
        max-width:100%;
        box-sizing:border-box;
    }
    [data-type="core/categories"]{
        &:not([data-align]){
            .wp-block-categories__dropdown{
                display:block;
                margin-left:auto;
                margin-right:auto;
            }
        }
    }
    .alignright,
    .alignleft{
        float:none;
        clear:both;
    }
    img{
        vertical-align:middle;
    }
}
.block-editor-block-list__layout{
    //gutenberg 7.2 new buttons block;
    .block-editor-block-list__block{
        max-width:var(--thm_editor_main_width);
        @media (min-width: 600px){
            .block-editor-block-contextual-toolbar{
                top: 28px;
            }
        }

    }
}
body{
    .wp-block-button__link{
        font-size:1rem;
        border:1px solid currentColor;
        color:#333333;
        background:#ffffff;
        &.has-background{
            border:none;
        }
        &:visited,
            &:focus,
            &:active,
            &:hover{
            color:#333333;
            background:#ffffff;
        }
    }
}
.block-editor-block-list__layout{
    .block-editor-block-list__block{
        max-width:var(--thm_editor_main_width);
        @media (min-width: 600px){
            .block-editor-block-contextual-toolbar{
                top: 28px;
            }
        }
    }
}

@media (min-width: 960px){
    .block-editor .edit-post-text-editor{
        padding-left: 20px;
        padding-right: 20px;
    }
}


/**
 * Drop Cap
 */

p.has-drop-cap:not(:focus):first-letter {
    float: left;
    font-size: 4em;
    line-height: 1;
    font-weight: 100;
    margin: .05em .1em 0 0;
    text-transform: uppercase;
    font-style: normal;
    padding: .2rem .4rem 0 .3rem;
    font-family:serif;
}
[lang="ja"] p.has-drop-cap:first-letter {
    float: left;
    font-size: 3em;
    line-height: 1.15;
    font-family: serif;
    font-weight: 100;
    margin: .1em .23em 0 0;
    text-transform: uppercase;
    font-style: normal;
}
.toolbar-button-with-text:before {
    display: block;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    position: absolute;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    border-radius: 4px;
}
.toolbar-button-with-text:hover:before,
.toolbar-button-with-text:focus:before {
    box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px var(--thm_white_color);
    color: #555d66;
}
.toolbar-button-with-text.is-active:before {
    background: #555d66;
    color: var(--thm_white_color);
}
.toolbar-button__advanced-sup:before {
    content: 'x²';
}
.toolbar-button__advanced-sub:before {
    content: 'x₂';
}

.block-editor-block-list__layout{
    [data-block]{
        .has-text-align-left {
            text-align: left;
        }
        .has-text-align-center {
            text-align: center;
        }
        .has-text-align-right {
            text-align: right;
        }
    }
}
.block-editor-block-list__layout{
    //--thm_content_width:100%;
    // .block-editor-block-list__block is not used in WordPress 5.4. 5.0 version, planned to be removed in the future
    // note Currently valid for blocks such as .block columns
    .block-editor-block-list__block{


        /**
         * Align and Paragraph
         */
        &[data-align="right"] + [data-align="left"] + [data-type^="core/paragraph"],
        &[data-align="left"] + [data-align="right"] + [data-type^="core/paragraph"]{
            clear:both;
            float:none;
        }
        &[data-align="left"] + div[data-type="core/paragraph"]{
            clear:none;
            box-sizing:border-box;
        }
        &[data-align="right"] + div[data-type="core/paragraph"]{
            clear:none;
            box-sizing:border-box;
        }

        &[data-type="core/video"]{
            &[data-align="left"]{
                overflow-y:hidden;
            }
            &[data-align="right"]{
                overflow-y:hidden;
            }
        }

        .wp-block[data-type="core/group"][data-align=full]>.editor-block-list__block-edit>div>.wp-block-group.has-background>.editor-inner-blocks>.editor-block-list__layout>.wp-block[data-align=full]{
            width:100%;
        }
        .wp-block-media-text>.block-editor-inner-blocks>.block-editor-block-list__layout>.block-editor-block-list__block{
            max-width:100%;
            white-space:normal;
        }
        &[data-type="core/media-text"]{
            height:auto;
            overflow:hidden;
            margin-left:auto;
            margin-right:auto;
            padding-left:0;
            padding-right:0;

            .block-editor-inner-blocks{
                width:40%;
            }
            &[data-align="full"]{
                width:100%;
                .editor-block-mover{
                    left:0;
                }
                [data-type]{
                    .editor-block-mover{
                        left:-3rem;
                    }
                }
                [data-block]{
                    .has-media-on-the-right{
                        &.wp-block-media-text{
                            grid-template-columns: 50% 50% !important;
                            .block-editor-inner-blocks{
                                padding-left:var(--thm_content_gap);
                                padding-right:var(--thm_content_gap);
                                box-sizing:border-box;
                            }
                        }
                    }
                }
                .block-editor-inner-blocks{
                    width:70%;
                }
            }
            &[data-align="wide"]{
                width:100%;
                .editor-block-mover{
                    left:0;
                }
                [data-type]{
                    .editor-block-mover{
                        left:-3rem;
                    }
                }
                [data-block]{
                    .has-media-on-the-right{
                        &.wp-block-media-text{
                            grid-template-columns: 50% 50% !important;
                            .block-editor-inner-blocks{
                                padding-left:var(--thm_content_gap);
                                padding-right:var(--thm_content_gap);
                                box-sizing:border-box;
                            }
                        }
                    }
                }
                .block-editor-inner-blocks{
                    width:50%;
                }
            }

        }
        /**
         * Core Legacy Widget
         */
        &[data-type="core/legacy-widget"]{
            [data-block]{
                .widget-inside{
                    background:transparent;
                }
            }
        }

        /**
         * Core Image
         */
        &[data-type="core/image"]{

            &[data-align="right"]{
                height:auto;
                overflow:hidden;

            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;

            }
            &[data-resized="true"]{
                width: -moz-fit-content;
                width:fit-content;
            }
            &[data-align="wide"]{
                height:auto;
                overflow:visible;

            }
            &[data-align="full"]{
                height:auto;
                overflow:visible;
                .wp-block-image{
                    width:100%;
                }

            }
        }

        &[data-type="core/file"]{
            height:auto;

            [data-block]{
                text-align:center;
                padding-left:var(--thm_content_gap);
                padding-right:var(--thm_content_gap);
            }
            &[data-align="center"]{
                height:auto;
                overflow:hidden;
            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;

            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;

            }
            &[data-align="full"]{
                height:auto;
                overflow:hidden;

            }
            &[data-align="wide"]{
                height:auto;

            }
        }
        &[data-type="core/audio"]{
            height:auto;
            &[data-align="right"]{
                height:auto;
                overflow:hidden;
                [data-block]{
                    padding-top:1rem;
                }
            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;
                [data-block]{
                    padding-top:1rem;
                }
            }
        }
        &[data-type="core/table"]{
            height:auto;
            overflow:visible;
            &[data-align="left"]{
                height:auto;
                overflow:hidden;
            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;
            }

        }
        &[data-type="core/pullquote"][data-align="left"]{
            height:auto;
            overflow:hidden;
            [data-block]{
                padding-top:1rem;
            }
        }
        &[data-type="core/pullquote"][data-align="right"]{
            height:auto;
            overflow:hidden;
            [data-block]{
                padding-top:1rem;
            }
        }
        &[data-type="core/button"]{
            .wp-block-button__link{
            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;
            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;
            }
        }
        &[data-type="core/paragraph"]{
            height:auto;
            .block-editor-block-list__empty-block-inserter,
            .block-editor-default-block-appender .block-editor-inserter,
            .block-editor-inserter-with-shortcuts{
                position:absolute;
                top:0;
            }

        }
        &[data-type="core/heading"]{
            height:auto;

        }
        &[data-type="core/search"]{
            // todo
            height:auto;
            overflow:hidden;

            &[data-align="left"]{
                height:auto;
                overflow:hidden;
                .block-editor-block-mover{
                    top:0;
                    left:-2rem;
                }
                .block-editor-block-contextual-toolbar{
                    top:1rem;
                    left:40px;
                }
            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;
                .block-editor-block-mover{
                    top:0;
                    left:-2rem;
                }
                .block-editor-block-contextual-toolbar{
                    top:1rem;
                    left:40px;
                }
            }
            &[data-align="full"],
            &[data-align="wide"]{
                .block-editor-block-mover{
                    top:-2rem;
                    left:0;
                }
            }
            &[data-align="full"]:before,
                &[data-align="wide"]:before{
                content: 'Theme Not Support';
                display: block;
                margin: 1rem 3rem;
                text-align: left;
                color: red;
            }
            [data-block]{
                margin-left:40px;
                .wp-block-search{
                    .wp-block-search__label{
                        max-width:100%;
                    }
                }
            }
        }
        &[data-type="core/archives"]{

            [data-block]{
                .components-disabled{
                }
                position: relative;
                width: calc(100% - 30px);
                left: 40px;
                top:1rem;
                .wp-block-archives-list{
                    li{
                        padding:.685rem;
                        list-style-type:none;
                    }
                }
            }
            &[data-align="center"]{
                text-align:left;
                height:240px;
                overflow:hidden;

                [data-block]{
                    top:1rem;
                }
            }
            &[data-align="left"]{
                height:240px;
                overflow:hidden;

                [data-block]{
                    top:1rem;
                }
            }
            &[data-align="right"]{
                height:240px;
                overflow:hidden;

                [data-block]{
                    top:1rem;
                }
            }

        }
        &[data-type="core/latest-comments"]{
            height:auto;

            &[data-align="center"]{
                overflow:hidden;

            }
            &[data-align="left"]{
                overflow:hidden;

            }
            &[data-align="right"]{
                overflow:hidden;

            }

        }
        &[data-type="core/latest-posts"]{
            height:auto;
            overflow:hidden;

            .alignwide,
            .alignfull,
            .wp-block-gallery,
            .wp-block-image{
                max-width:100% ! important;
            }
            li li{
                width:100%;
            }
            .wp-block-cover{
                .wp-block-cover__inner-container{
                    h2,h3,h4,p,li,td,th{
                        color:var(--thm_white_color);
                    }
                }
            }
            [data-block]{

                position: relative;
                overflow:visible;
                width: calc(100% - 2rem);
                left: 1rem;
                .wp-block-latest-posts{
                    padding-left:0;
                    &.wp-block-latest-posts__list{
                        li{
                            list-style:none;
                            padding:.685rem;
                            margin-bottom: calc(var( --thm_box_gap,3px ) * 2);
                            border:1px solid #ccc;
                            time,
                            a{
                                display:block;
                                text-align:left;
                                margin-left:auto;
                                margin-right:auto;
                                margin-top:1.5rem;
                                margin-bottom:.75rem;
                                width: -moz-fit-content;
                                width:fit-content;
                            }
                            a{
                                font-weight:700;
                                text-decoration:none;
                            }
                        }
                        & > li{
                            .wp-block-latest-posts__post-excerpt{
                                width: -moz-fit-content;
                                width:fit-content;
                                margin-left:auto;
                                margin-right:auto;
                            }
                            .wp-block-latest-posts__post-full-content{
                                @extend %die-aligns;
                                .wp-block-cover{

                                    .wp-block-cover__inner-container{
                                        h2,h3,h4,p,li,td,th{
                                            color:var(--thm_white_color);
                                        }
                                    }
                                }

                            }
                        }
                    }
                    &.is-grid{
                        & > li{
                            .wp-block-latest-posts__post-full-content{
                                @extend %die-aligns;
                                .wp-block-cover{
                                    .wp-block-cover__inner-container{
                                        h2,h3,h4,p,li,td,th{
                                            color:var(--thm_white_color);
                                        }
                                    }
                                }


                            }
                        }
                    }
                }
            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;
            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;
            }
            &[data-align="wide"]{
                .block-editor-block-mover{
                    top:0;
                }
            }
            &[data-align="full"]{
                .block-editor-block-mover{
                    top:0;
                }
            }

        }
        &[data-type="core/rss"]{
            height:auto;
            overflow:visible;
            padding-left:var(--thm_content_gap);
            padding-right:var(--thm_content_gap);
            padding-bottom:2rem;

        }
        &[data-type="core/categories"]{
            //height:300px;
            overflow:hidden;

            [data-block]{
                position: relative;
                width: calc(100% - 30px);
                left: 40px;
                li{
                    border:none;
                }
            }
            &[data-align="center"]{
                text-align:left;
                height:240px;
                overflow:hidden;

            }
            &[data-align="left"]{
                height:240px;
                overflow:hidden;

            }
            &[data-align="right"]{
                height:240px;
                overflow:hidden;

            }

        }
        &[data-type="core/quote"]{
            height:auto;

            &[data-align="left"]{
                height:auto;
            }
            &[data-align="right"]{
                height:auto;
            }

        }
        &[data-type="core/calendar"]{
            height:auto;

            .block-editor-block-contextual-toolbar{
                top:3rem;
            }
            [data-block]{
                position: relative;
                width: calc(100% - 30px);
                left: 40px;
            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;

            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;

            }
            &[data-align="center"]{
                height:auto;

            }

        }
        /**
         * Core Gallery
         */
        &[data-type="core/gallery"]{
            height:auto;
            [data-block]{
                .wp-block-gallery{
                    max-widht:100%;
                }
                .blocks-gallery-item{
                    &:before{
                        display:none;
                    }
                    figure{
                        img{
                            align-self: center;
                        }
                        figcaption{
                            color:var(--thm_white_color);
                        }
                    }
                }
            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;

            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;

            }

        }
        &[data-type="core/cover"]{
            overflow:visible;
            &[data-align="left"]{
                height:auto;

            }
            &[data-align="right"]{
                height:auto;

            }


        }
        &[data-type="core/tag-cloud"]{
            height:auto;
            overflow:hidden;

            &[data-align="center"]{
                height:auto;
                overflow:hidden;

            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;

            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;

            }

        }
        &[data-type="core/missing"]{
            [data-block]{
                .block-editor-warning{
                    border:1px solid rgba(231, 76, 60,1);
                    background:rgba(231, 76, 60,.4);
                }
            }
        }
        /**
         * Plugin TinyMCE Advanced
         */
        &[data-type="tadv/classic-paragraph"]{
            border:1px solid transparent;
            .block-editor-block-list__insertion-point-inserter{
                top:-1rem;
            }
            [data-block]{
                .block-library-classic__toolbar{
                    margin:3rem -14px 0;
                }
            }
        }
    }
    [data-block]{
        margin-top:28px;//gutenberg 5.9
        margin-bottom:28px;
    }
    div.block-editor-block-list__block .block-editor-block-contextual-toolbar{
        margin-left:0;
    }
}

/**
 * Block Group
 */
.has-fixed-toolbar{
    .block-editor-block-list__layout{
        > .block-editor-block-list__block{
            &[data-type="core/group"]{
                .wp-block-group__inner-container{
                    .block-editor-block-list__block{
                        &[data-type]:first-child{
                            .editor-block-mover{
                                top:0;
                                left:-24px;
                            }
                        }
                        &[data-type] {
                            overflow:visible;
                            [data-block]{
                                margin-top:0;
                            }
                            .editor-block-mover{
                                top:0;
                                left:-24px;
                            }
                            .block-editor-block-contextual-toolbar{
                                top:64px;
                                margin-left:32px;
                            }
                        }
                    }
                }
            }
        }
    }
}

/**
 *
 */

.block-editor-block-list__layout{
    > .block-editor-block-list__block{
        /**
         * Fallback for all environments (GB7.2-)
         */
        /**
         * block content
         *
         */
        .is-block-content{
            max-width:100%;
        }
    }
}


div.components-notice{
    margin: 5px 0px 16px;
    .components-notice__content{
        margin:4px 4px 4px 0;
    }
}
.block-editor-page:not([class*="emulsion-"]){
    /* misc */
    div.block-editor-block-list__layout .block-editor-block-list__block[data-type="core/image"][data-align="full"] div,
    div.block-editor-block-list__layout .block-editor-block-list__block[data-type="core/image"][data-align="full"] .wp-block-image{
        width:100%;

    }


}

/** 5.4
 * gutenberg 7.2 editor structure changed. block-editor-block-mover block-editor-block-toolbar
 * Styles before this line are maintained for compatibility up to WP5.3, but no styles are applied after GB7.2.
 * @see emulsion-gb-phase-site class is added lib/hooks.php emulsion_admin_body_class()
 */

.block-editor-page:not([class*="emulsion-"]), // for No use emulsion-addons
.emulsion-gb-phase-site{
    .interface-interface-skeleton__editor{
        max-width:100vw;
    }
    .editor-styles-wrapper{
        // same .edit-post-visual-editor

        width:var(--thm_editor_main_width);
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        /**
         * Toolbar , mover
         */
        .components-popover{
            .components-popover__content{
                .block-editor-block-contextual-toolbar{
                    &[data-type]{
                        &:not([data-align="wide"]){
                            &:not([data-align="full"]){
                                .block-editor-block-toolbar{
                                    .block-editor-block-mover{
                                        &:not(.is-horizontal){
                                        }
                                    }
                                }
                            }
                        }
                    }
                    &[data-type]{
                        &[data-align="left"],
                        &[data-align="right"]{
                            overflow:visible;
                        }
                        &[data-align="left"]{
                            .block-editor-block-toolbar{
                                .block-editor-block-mover{
                                    &:not(.is-horizontal){
                                        left:0;
                                    }
                                }
                            }
                        }

                    }
                    &[data-type="core/gallery"],
                    &[data-type="core/gallery"]{
                        // todo
                        margin-bottom: 0;
                        margin-left: 2rem;
                    }

                }


            }
        }
        /**
         * Blocks
         * Old CSS styles continue to apply. No need to rewrite
         * Simply shows the structure
         */

        .block-editor-writing-flow{
            .editor-post-title{
                padding-left:var(--thm_content_gap);
                padding-right:var(--thm_content_gap);
                .editor-post-title__block{
                    textarea.editor-post-title__input{
                    }
                }
            }
            .block-editor-block-list__layout.is-root-container{
                max-width:var(--thm_editor_main_width);
                .block-editor-warning__message{
                    background:#fff;
                    color:#333;
                }
                /**
                 * core/list
                 */
                @extend %list-effect-editor;

                ol:not(.list-style-initial):not(.is-style-list-style-initial),
                    ul:not(.list-style-initial):not(.is-style-list-style-initial){
                    &[data-type="core/list"]{
                        li{
                            text-indent:0;
                        }
                    }
                }
                /**
                 * block content
                 */
                .is-block-content{
                    max-width:100%;
                }
                /**
                 * Blocks
                 */
                [data-type]{
                    ol,ul{
                        li{
                            line-height: var(--thm_content_line_height, 1.5);
                            padding-top: calc(var(--thm_common_font_size) * var( --thm_content_line_height ) / 2);
                            padding-bottom: calc(var(--thm_common_font_size) * var( --thm_content_line_height ) / 2);
                            padding-left: 0.385rem;
                            padding-right: 0.385rem;
                        }
                    }
                }

                [data-type="core/paragraph"]{
                    // @extend %block;
                }
                [data-type="core/group"]{
                    &.has-background{
                        padding:0;
                    }
                }
                [data-type="core/code"]{
                    white-space:pre-wrap;
                    & > code{
                        padding:var(--thm_meta_data_font_size);
                        font-size:var(--thm_meta_data_font_size);
                    }
                }

                [data-type="core/latest-posts"]{
                    &.wp-block-latest-posts{
                        padding-left:0;
                        &.wp-block-latest-posts__list{
                            &:not(.list-style-initial):not(.is-style-list-style-initial){
                                li:before{
                                    display:none;
                                }
                            }

                            li{
                                overflow:hidden;
                                list-style:none;
                                padding:.685rem;
                                margin-bottom: calc(var( --thm_box_gap,3px ) * 2);
                                border:1px solid #ccc;
                                time,
                                a{
                                    display:block;
                                    text-align:left;
                                    margin-left:auto;
                                    margin-right:auto;
                                    margin-top:1.5rem;
                                    margin-bottom:.75rem;
                                    width: -moz-fit-content;
                                    width:fit-content;
                                }
                                a{
                                    font-weight:700;
                                    text-decoration:none;
                                }
                                @extend %narrow-space-block-and-elements;
                            }
                            & > li{
                                .wp-block-latest-posts__featured-image{
                                    margin-top:-0.685rem;
                                    margin-left:-0.685rem;
                                    margin-right:-0.685rem;
                                    margin-bottom:-0.685rem;
                                    &.alignleft{
                                        clear:both;
                                        float:left;
                                        margin-right:var(--thm_content_gap);
                                        max-width:40%;
                                    }
                                    &.alignright{
                                        clear:both;
                                        float:right;
                                        margin-left:var(--thm_content_gap);
                                        max-width:40%;
                                    }
                                    &.aligncenter{
                                        clear:both;
                                        float:none;
                                    }
                                    //  float:left;
                                }
                                .wp-block-latest-posts__post-excerpt{
                                    width: -moz-fit-content;
                                    width:fit-content;
                                    margin:1.5rem auto .75rem;
                                    padding-top:1.5rem;
                                    clear:both;
                                    &:before,
                                        &:after {
                                        content: " ";
                                        display: table;
                                    }
                                    &:after {
                                        clear: both;
                                    }
                                }
                                .wp-block-latest-posts__post-full-content{
                                    @extend %die-aligns;
                                    margin:1.5rem auto .75rem;
                                    padding-top:1.5rem;
                                    clear:both;
                                    .wp-block-cover{
                                        position:relative;
                                        max-width: 100%;
                                        box-sizing: border-box;
                                        .wp-block-cover__inner-container{
                                            h2,h3,h4,p,li,td,th{
                                                color:var(--thm_white_color);
                                            }
                                        }
                                    }
                                    &:before,
                                        &:after {
                                        content: " ";
                                        display: table;
                                    }
                                    &:after {
                                        clear: both;
                                    }
                                }
                            }
                        }
                        &.is-grid{
                            & > li{
                                .wp-block-latest-posts__post-full-content{
                                    @extend %die-aligns;
                                    .wp-block-cover{
                                        position:relative;
                                        .wp-block-cover__inner-container{
                                            h2,h3,h4,p,li,td,th{
                                                color:var(--thm_white_color);
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    &[data-align="right"]{
                        height:auto;
                        overflow:hidden;
                    }
                    &[data-align="left"]{
                        height:auto;
                        overflow:hidden;
                    }
                    &[data-align="wide"]{
                        .block-editor-block-mover{
                            top:0;
                        }
                    }
                    &[data-align="full"]{
                        .block-editor-block-mover{
                            top:0;
                        }
                    }
                    .block-editor-block-list__block-edit{
                        overflow:hidden;
                        height:auto;
                        overflow-y:auto;
                        overflow-x:hidden;
                        .alignleft{
                            clear:both;
                            float:none;
                        }
                        .alignright{
                            clear:both;
                            float:none;
                        }
                        .alignfull{
                            clear:both;
                            float:none;
                            position:static;
                        }
                        .is-grid{
                            position: relative;
                            width: calc(100% - 30px);
                            left: 40px;
                        }
                    }
                }
                [data-type="core/columns"]{
                    margin-top:var(--thm_box_gap);
                    margin-bottom:var(--thm_box_gap);

                    [data-type="core/column"]{
                        padding-left:0;
                        padding-right:0;
                        margin-left: calc(var(--thm_box_gap) * 2);
                        margin-right: calc(var(--thm_box_gap) * 2);

                        .wp-block-image{
                            margin-top:0;
                            margin-bottom:0;
                            padding-left:0;
                            padding-right:0;
                            max-width:100%;
                        }

                        [data-type="core/column"]{
                            padding-left:0;
                            padding-right:0;
                            *{
                                padding-left:0;
                                padding-right:0;
                            }
                        }
                    }
                }
                [data-type="core/table"]{
                    .wp-block-table{
                        width:100%;
                    }
                }

                [data-type="core/legacy-widget"]{
                    border-color:var(--thm_common_border, rgba(188, 188, 188, .5));
                    border-style:var(--thm_common_border_style);
                    border-width:var(--thm_common_border_width);
                }
                [data-type="core/buttons"]{
                    [data-type="core/button"]{
                        width:auto;
                    }
                    .wp-block-button{
                        padding-left:24px;
                        padding-right:24px;
                        width:auto;
                    }
                }
                [data-type="core/button"]{
                    width:auto;
                    padding-left:24px;
                    padding-right:24px;
                    &[data-align="center"]{
                        width: -moz-fit-content;
                        width:fit-content;
                        display:block;
                        margin-left:auto;
                        margin-right:auto;
                    }
                }
                [data-type^="core-embed"]{
                    .is-block-content{
                        width:100%;
                    }
                }

                [data-type="core/gallery"]{
                    .blocks-gallery-grid{
                        .blocks-gallery-item{
                            margin:var(--thm_box_gap);
                            padding:0;
                            text-indent:0;
                        }
                    }
                }


                [data-type="core/archives"]{
                    .wp-block-archives{
                        color: var(--thm_columns_section_color);
                        word-break: break-word;
                        overflow-wrap: break-word;
                        width: var(--thm_content_width, 720px);
                        max-width: 100%;
                        box-sizing: border-box;
                        list-style-type: none;
                        height: auto;
                        position: relative;
                        margin-top: calc(1rem - 6px) auto 0;
                        padding-left: var(--thm_box_gap);
                        padding-right: var(--thm_box_gap);
                        li{
                            margin-right: calc(var(--thm_box_gap) * 2);
                            margin-left: calc(var(--thm_box_gap) * 2);
                            width: initial;
                            flex: initial;
                            display: list-item;
                            box-sizing: border-box;
                            text-indent:0;
                            border:none;
                            border-bottom-color:var(--thm_common_border, rgba(188, 188, 188, .5));
                            border-bottom-style:var(--thm_common_border_style);
                            border-bottom-width:var(--thm_common_border_width);
                            &:before{
                                content:'';
                                display:none;
                            }
                        }
                    }
                }
                [data-type="core/navigation"]{
                    .wp-block-navigation__container{
                        .wp-block-navigation-link{
                            .wp-block-navigation__container{
                                padding-left:0;
                            }
                        }
                    }
                }

                /**
                 * Aligns
                 */
                .blocks-gallery-grid.blocks-gallery-grid:not(.alignleft):not(.alignright){
                    //OW
                    margin-left:auto;
                    margin-right:auto;
                }

                .wp-block[data-align]{
                    @extend %block;
                    padding-left:0;
                    padding-right:0;

                    h1,h2,h3,h4,h5,h6,p,ul,ol{
                        //   width:100%;
                    }

                    [class$="__inner-container"]{

                        .blocks-gallery-grid{
                            // width:100%;
                        }
                    }

                    &[data-align="left"]{
                        height:auto;
                        //  min-height:360px; //core overwritte height:0
                        @extend %alignleft;
                        .alignleft{
                            width:100%;
                            max-width:100%;
                        }
                        .alignright{
                            width:100%;
                            max-width:100%;
                        }
                    }
                    &[data-align="right"]{
                        height:auto;
                        //  min-height:360px; //core overwritte height:0
                        @extend %alignright;
                        margin-right:1rem;

                        .alignleft{
                            width:100%;
                            max-width:100%;
                        }
                        .alignright{
                            width:100%;
                            max-width:100%;
                        }
                    }
                    &[data-align="wide"]{
                        @extend %alignwide;
                        margin-left:auto;
                        margin-right:auto;
                    }
                    &[data-align="full"]{
                        margin-left:auto;
                        margin-right:auto;
                        width:100%;

                        .alignwide{
                            @extend %alignwide;
                            margin-left:auto;
                            margin-right:auto;
                        }
                        .alignfull{
                            width:100%;
                            max-width:100%;
                        }

                    }
                    [data-type="core/navigation-link"],
                    [data-type="core/button"]{
                        // block button ,block navigation

                        &:not([data-align]){
                            width:auto;
                            max-width:100%;
                        }
                    }
                }
            }
        }

    }
    &.enable-alignfull{
        div:not([class]){
            .block-editor-block-list__layout{
                //over write front end style
                .alignfull{
                    left:0 ! important;
                    width:var(--thm_editor_main_width);
                }
            }
        }
    }
}

/** 5.5
 * GB8.0 HTML Structure changed
 * data-align removed from [data-block]
 * if change align then wrapping [data-block] with <div class="wp-block" data-align="wide">[data-block]</div>
 */

.block-editor-page:not([class*="emulsion-"]), // for No use emulsion-addons
.emulsion-gb-phase-site{
    .editor-styles-wrapper{

        code{
            padding:1rem var(--thm_content_gap);
        }
        /**
         * Toolbar , mover
         */
        .components-popover{
        }


    }
}

/* experimental over write */

.emulsion-gb-phase-site{
    .editor-styles-wrapper{
        .has-link-color a{
            color: var(--thm_general_link_color);
            &:hover{
                color: var(--thm_general_text_color);
            }
        }
    }
}

/**
 * FSE
 */

.edit-site{
    .interface-interface-skeleton__content{
        width:var(--thm_editor_main_width);
    }

    [data-type="core/query-loop"]{
        width:var(--thm_content_width);
        padding-left:var(--thm_content_gap);
        padding-right:var(--thm_content_gap);
        margin:1.5rem auto .75rem;
    }

    .wp-block[data-align="full"],
    .wp-block[data-align="wide"]{
        margin-left:auto;
        margin-right:auto;

        & > [class|="wp-block"]{
            width:100%;
        }
    }
    //core overwrite
    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] {
        margin-left: auto;
        margin-right:auto;
    }

}
#editor div.wp-block-search__button{
    // non space language issue
    white-space:pre ! important;
}

.edit-post-text-editor{
    .editor-post-title{
        max-width:100%;
        width:auto;
        .editor-post-title__input{
            max-width:100%;
            width:100%;
        }
    }

}