@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
 */

[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 h1,
.is-root-container h2,
.is-root-container h3,
.is-root-container h4,
.is-root-container h5,
.is-root-container h6,
.is-root-container ul,
.is-root-container ol{
    @extend %block;
}

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{
    .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{
                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{

        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;
    }
}
.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{
        &: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;
            }
        }
    }
    .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%;
        }
    }
}

/**
 * Theme Color Settings
 */

.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);
    }
}

/**
 * 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
 */

.wp-block-group{

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

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

    &.is-selected{
        border:1px dotted;
        &.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_black_color);
        margin:0;
        max-width: 100%;
        -webkit-font-smoothing: antialiased !important;
        overflow-wrap: break-word;
        word-wrap: break-word; /* Old syntax */

        .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
 */

[class$="inner-container"].block-editor-block-list__layout{

    //border:1px solid red;
    //Required width in any case
    width:100% ! important;
    margin-left:auto;
    margin-right:auto;
}
.wp-block{

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

    /**
     * Block Children
     */

    [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;
        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 Column
     */
    .wp-block-columns{
        width:100%;
        .wp-block-column{
            max-width:100%;

        }
    }
    /**
    * 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;
        &.has-background{
            border:none;
        }
        &:hover{
            color:var(--thm_general_text_color);
        }
    }
}
.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;
    }
}

/**
 * Color
 */

body{
    &.emulsion-color-enable{
        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);
                        }
                        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);
        }
    }
}

/**
 * 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{
        .block-editor-block-list__empty-block-inserter{
            z-index:10;
        }
        .block-editor-block-list__side-inserter{
            width:auto;
            overflow:hidden;
            .block-editor-inserter-with-shortcuts{
            }
        }

        .is-hovered{
            &[data-type="core/list"]{
                .editor-block-list__insertion-point-inserter{
                    .editor-inserter__toggle{
                        top:0;
                    }
                }
            }
            &[data-type="core/code"]{
                .editor-block-list__insertion-point-inserter{
                    .editor-inserter__toggle{
                        top:0;
                    }
                }
            }
            &[data-type="core/column"]{
                .editor-block-list__insertion-point-inserter{
                    .editor-inserter__toggle{
                        top:0;
                    }
                }
            }
            &[data-type="core/pullquote"]{
                .editor-block-list__insertion-point-inserter{
                    .editor-inserter__toggle{
                        top:0;
                    }
                }
                &[data-align="wide"]{
                    .editor-block-list__insertion-point-inserter{
                        .editor-inserter__toggle{
                            top:3rem;
                        }
                    }
                }
                &[data-align="left"]{
                    .editor-block-list__insertion-point-inserter{
                        .editor-inserter__toggle{
                            top:3rem;
                        }
                    }
                }
                &[data-align="right"]{
                    .editor-block-list__insertion-point-inserter{
                        .editor-inserter__toggle{
                            top:3rem;
                        }
                    }
                }
            }
            &[data-type="core/paragraph"]{
                p[data-is-placeholder-visible=true] + p{
                    min-height:0;
                }
                .editor-block-list__insertion-point-inserter{
                    .editor-inserter__toggle{
                    }
                }
            }
        }

        /**
         * 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/list"]{

        }
        &[data-type="core/code"]{

        }

        &[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 Columns for Page Layout
 */

.block-editor .edit-post-visual-editor{
    /**
     * Block Column
     */
    .wp-block-columns{
        width:100%;
        margin-top:3rem;
        margin-bottom:3rem;
    }
}

/**
 * Block Columns default
 */

.block-editor-block-list__layout{
    & > .block-editor-block-list__block{
        &[data-type="core/column"]{
            .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle {
            }
        }
        &[data-type="core/columns"]{
            height:auto;
            overflow:visible;
            max-width: calc(var( --thm_content_width ) + var( --thm_align_offset ));
            padding-left:0;
            padding-right:0;
            //columns
            .editor-block-mover{
                top:0;
                left:-3rem;
            }

            [data-type="core/column"]:not(:first-child){
                margin-left:24px;
            }
            [data-type="core/column"]{
                min-height:64px;
                overflow:visible;
                margin-left:0;
                margin-right:0;
                .block-editor-block-list__layout{
                    .block-editor-block-list__block{
                        padding-left:0;
                        padding-right:0;
                        box-sizing:border-box;
                        .block-editor-block-mover{
                            top:0;
                        }
                        .block-editor-block-contextual-toolbar{
                        }
                        &[data-type] {
                            overflow:visible;
                            [data-block]{
                                margin-top:32px;
                            }
                            .editor-block-mover{
                                top:0;
                                left:-3rem;
                            }
                            .block-editor-block-contextual-toolbar{
                            }
                            .block-editor-block-toolbar{
                                left:-3rem;
                            }
                        }

                        [data-block]{
                            .block-editor-inner-blocks{
                            }
                        }
                        &[data-type="core/paragraph"] {
                            [data-block]{
                                max-width:calc(100% - 24px);
                            }
                            .editor-block-mover{
                                top:0;
                                left:0;
                            }
                            .editor-block-mover{
                                top:.5rem;
                                left:-3rem;
                            }
                            .block-editor-block-toolbar{
                                top:0;
                                left:0;
                            }
                        }
                        &[data-type="core/list"] {
                            overflow:visible;
                            margin-top:2rem;
                            margin-bottom:2rem;

                            [data-block]{
                                margin-top:0;
                                padding-left:0;
                                max-width:calc(100% - 24px);
                                ul{
                                    margin-top:0;
                                    padding-left:0;
                                }
                            }
                            .editor-block-mover{
                                top:-1rem;
                                left:-3rem;
                            }
                            .block-editor-block-toolbar{
                                top:0;
                                left:0;
                            }
                        }
                        &[data-type="core/heading"] {
                            overflow:visible;
                            height:3rem;
                            [data-block]{
                                max-width:calc(100% - 24px);
                            }
                            .editor-block-mover{
                                top:-2rem;
                                left:-3rem;
                            }
                            .block-editor-block-contextual-toolbar{
                            }
                            .block-editor-block-toolbar{
                            }
                        }
                        &[data-type="core/cover"] {
                            overflow:visible;

                            [data-block]{
                            }
                            .editor-block-mover{
                                top:24px;
                                left:0;
                            }
                            .block-editor-block-contextual-toolbar{
                                top:64px;
                                margin-left:64px;
                            }
                            .block-editor-block-toolbar{
                            }
                        }
                        &[data-type="core/gallery"]{
                            overflow:visible;
                            [data-block]{
                                margin-top:32px;
                            }
                            .editor-block-mover{
                                top:0;
                                left:-3rem;
                            }
                            .block-editor-block-toolbar{
                            }
                        }
                        &[data-type="core/image"]{
                            .editor-block-mover{
                                top:-1rem;
                                left:-3rem;
                            }
                            .block-editor-block-toolbar{
                            }
                            &[data-align="left"]{
                                overflow:visible;
                                [data-block]{
                                    margin-top:32px;
                                    margin-bottom:48px;
                                }
                                .editor-block-mover{
                                    top:0;
                                    left:-2rem;
                                }
                                .block-editor-block-toolbar{
                                }
                            }
                            &[data-align="right"]{
                                overflow:visible;
                                [data-block]{
                                    margin-top:32px;
                                    margin-bottom:48px;
                                }
                                .editor-block-mover{
                                    top:0;
                                    right:-3rem;
                                }
                                .block-editor-block-toolbar{
                                    width:300px;
                                    left:-300px;
                                }
                            }
                            &[data-align="wide"]{
                                overflow:visible;
                                [data-block]{
                                    margin-top:32px;
                                }
                                .editor-block-mover{
                                    top:16px;
                                    left:0;
                                }
                                .block-editor-block-toolbar{
                                }
                            }
                            &[data-align="full"]{
                                overflow:visible;
                                [data-block]{
                                    margin-top:32px;
                                }
                                .editor-block-mover{
                                    top:24px;
                                    left:0;
                                }
                                .block-editor-block-contextual-toolbar{
                                    top:64px;
                                    margin-left:72px;
                                }
                                .block-editor-block-toolbar{
                                }
                            }
                        }
                        &[data-type*="core-embed"]{
                            overflow:visible;
                            [data-block]{
                                margin-top:32px;
                            }
                            .editor-block-mover{
                                top:0;
                                left:-3rem;
                            }
                            .block-editor-block-toolbar{
                            }
                        }
                        &[data-type="core/table"] {
                            overflow:visible;

                            [data-block]{
                                margin-top:51px;
                            }
                            .editor-block-mover{
                                top:0rem;
                                left:-3rem;
                            }
                            .block-editor-block-toolbar{
                            }
                        }
                        &[data-type="core/search"]{
                            // todo
                            height:auto;
                            overflow:visible;

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

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

                            }
                            &[data-align="full"]:before,
                                &[data-align="wide"]:before{
                                content: 'Theme Not Support';
                                display: block;
                                margin: 1rem;
                                text-align: center;
                                color: red;
                            }
                            [data-block]{
                                top:1rem;
                                margin-left:0;
                                padding-left:2rem;
                                overflow:visible;
                                .wp-block-search{
                                    .wp-block-search__label{
                                        max-width:100%;
                                    }
                                }
                            }
                        }
                        &[data-type="core/archives"]{

                            &.is-selected{
                                [data-block]{
                                    margin-top:3rem;
                                }
                            }
                        }
                        &[data-type="core/categories"]{

                            &.is-selected{
                                [data-block]{
                                    margin-top:3rem;
                                }
                            }
                        }
                        // general
                        &[data-align="full"]{
                            margin-left:0;
                            margin-right:0;
                        }

                        [data-block]{
                            margin-top:1rem;
                            position: relative;
                            width: 100%;
                            left: 0;
                        }
                        .editor-block-mover{
                            top:0;
                            left:-3rem;
                        }
                        .block-editor-block-toolbar{
                        }
                    }
                }
            }
            &.block-editor-block-list__block{
                &.is-multi-selected{
                    & > .block-editor-block-mover{
                    }
                }

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

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

            }
            &[data-align="full"]{

            }
            &[data-align="wide"]{

            }
            &.block-editor-block-list__block{
                &.is-multi-selected{
                    & > .block-editor-block-mover{
                        //  left:0;
                    }
                }

            }
        }
        /**
         * Block Columns wide,full
         */
        &[data-type="core/columns"]{
            &[data-align="full"],
            &[data-align="wide"]{

                [data-type="core/column"]{
                    .block-editor-block-list__layout{
                        .block-editor-block-list__block{
                            .block-editor-block-mover{
                                top:0;
                            }
                            .block-editor-block-contextual-toolbar{
                                top:3rem;
                            }
                            // wide
                            &[data-type="core/paragraph"] {
                                [data-block]{
                                }
                                .editor-block-mover{
                                }
                                .editor-block-mover{
                                }
                                .block-editor-block-toolbar{
                                }
                            }
                            &[data-type="core/list"] {
                                [data-block]{
                                    margin:0;
                                }
                                .editor-block-mover{
                                }
                                .block-editor-block-toolbar{
                                    top:0;
                                    left:0;
                                }
                            }
                            &[data-type="core/heading"] {
                                overflow:visible;
                                [data-block]{
                                }
                                .editor-block-mover{
                                }
                                .block-editor-block-toolbar{
                                    left:0;
                                    top:0;
                                }
                            }
                            &[data-type="core/cover"] {
                                [data-block]{
                                }
                                .editor-block-mover{
                                }
                                .block-editor-block-toolbar{
                                    left:100px;
                                    top:0;
                                }
                            }
                            &[data-type="core/gallery"]{
                                overflow:visible;
                                [data-block]{
                                }
                                .editor-block-mover{
                                }
                                .block-editor-block-toolbar{
                                    left:100px;
                                    top:0;
                                }
                                &[data-align="left"]{
                                    [data-block]{
                                        margin-left:0;
                                        .wp-block-gallery{
                                            &.alignleft{
                                                margin-left:0;
                                            }
                                        }
                                    }
                                    .editor-block-mover{
                                        left:0;
                                    }
                                    .block-editor-block-toolbar{
                                        left:100px;
                                        top:-2rem;
                                    }
                                }
                                &[data-align="right"]{
                                    margin-left:0;
                                    [data-block]{
                                        margin-left:0;
                                        .wp-block-gallery{
                                            &.alignright{
                                                margin-left:0;
                                            }
                                        }
                                    }
                                    .editor-block-mover{
                                        left:0;
                                    }
                                    .block-editor-block-toolbar{
                                        width:200px;
                                        left:-200px;
                                        top:-2rem;
                                    }
                                }
                                &[data-align="wide"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                        left:0;
                                        top:-2rem;
                                    }
                                    .block-editor-block-toolbar{
                                    }
                                }
                                &[data-align="full"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                        left:0;
                                        top:-2rem;
                                    }
                                    .block-editor-block-toolbar{
                                    }
                                }
                            }
                            &[data-type="core/image"] {
                            }
                            &[data-type="core/image"]{
                                .editor-block-mover{
                                }
                                .block-editor-block-toolbar{
                                    left:0;
                                    top:0;
                                }
                                &[data-align="left"]{
                                    overflow:visible;
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                    }
                                    .block-editor-block-contextual-toolbar{
                                    }
                                    .block-editor-block-toolbar{
                                    }
                                }
                                &[data-align="right"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                    }
                                    .block-editor-block-contextual-toolbar{
                                    }
                                    .block-editor-block-toolbar{
                                        width:300px;
                                        left:-300px;
                                        top:0;
                                    }
                                }
                                &[data-align="wide"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                    }
                                    .block-editor-block-contextual-toolbar{
                                    }
                                    .block-editor-block-toolbar{
                                    }
                                }
                                &[data-align="full"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                    }
                                    .block-editor-block-contextual-toolbar{
                                    }
                                    .block-editor-block-toolbar{
                                        left:-3rem;
                                    }
                                }
                            }
                            &[data-type*="core-embed"]{
                                [data-block]{
                                }
                                .editor-block-mover{
                                }
                                .block-editor-block-toolbar{
                                    left:0;
                                    top:0;
                                }
                                &[data-align="left"]{
                                    [data-block]{
                                        .wp-block-embed__wrapper{
                                            max-width:70%;
                                        }
                                    }
                                    .editor-block-mover{
                                    }
                                    .block-editor-block-contextual-toolbar{
                                    }
                                    .block-editor-block-toolbar{
                                    }
                                }
                                &[data-align="right"]{
                                    [data-block]{
                                        .wp-block-embed__wrapper{
                                            max-width:70%;
                                        }
                                    }
                                    .editor-block-mover{
                                    }
                                    .block-editor-block-contextual-toolbar{
                                    }
                                    .block-editor-block-toolbar{
                                        width:300px;
                                        left:-300px;
                                        top:0;
                                    }
                                }
                                &[data-align="wide"]{
                                    [data-block]{
                                        .wp-block-embed__wrapper{
                                        }
                                    }
                                    .editor-block-mover{
                                        top:-2rem;
                                        left:0;
                                    }
                                    .block-editor-block-toolbar{
                                        left:100px;
                                        top:0;
                                    }
                                }
                                &[data-align="full"]{
                                    [data-block]{
                                        .wp-block-embed__wrapper{
                                        }
                                    }
                                    .editor-block-mover{
                                        top:-2rem;
                                        left:0;
                                    }
                                    .block-editor-block-toolbar{
                                        left:100px;
                                        top:0;
                                    }
                                }
                            }
                            &[data-type="core/table"] {

                                [data-block]{
                                }
                                .editor-block-mover{
                                }
                                .block-editor-block-toolbar{
                                    left:0;
                                    top:0;
                                }
                                &[data-align="right"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                    }
                                    .block-editor-block-contextual-toolbar{
                                    }
                                    .block-editor-block-toolbar{
                                        width:300px;
                                        left:-300px;
                                        top:0;
                                    }
                                }
                                &[data-align="wide"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                        top:-2rem;
                                        left:0;
                                    }
                                    .block-editor-block-toolbar{
                                        left:100px;
                                        top:0;
                                    }
                                }
                                &[data-align="full"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                        top:-2rem;
                                        left:0;
                                    }
                                    .block-editor-block-toolbar{
                                        left:100px;
                                        top:0;
                                    }
                                }
                            }
                            &[data-type="core/search"]{

                                &[data-align="left"]{

                                }
                                &[data-align="right"]{

                                }
                                &[data-align="wide"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                        top:-2rem;
                                        left:0;
                                    }
                                    .block-editor-block-toolbar{
                                        left:100px;
                                        top:0;
                                    }
                                }
                                &[data-align="full"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                        top:-2rem;
                                        left:0;
                                    }
                                    .block-editor-block-toolbar{
                                        left:100px;
                                        top:0;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.has-fixed-toolbar{
    .block-editor-block-list__layout{
        > .block-editor-block-list__block{
            &[data-type="core/columns"]{
                [data-type="core/column"]{
                    .block-editor-block-list__layout{
                        .block-editor-block-list__block{
                            &[data-type] {
                                overflow:visible;
                                [data-block]{
                                    margin-top:0;
                                }
                                .editor-block-mover{
                                    top:0;
                                    left:0;
                                }
                                .block-editor-block-contextual-toolbar{
                                    top:64px;
                                    margin-left:32px;
                                }
                            }
                            &[data-type="core/paragraph"]{
                                [data-block]{
                                    padding-left:0;
                                }
                                .editor-block-mover{
                                }
                                .block-editor-block-contextual-toolbar{
                                }
                            }
                            &[data-type="core/gallery"]{
                                overflow:visible;
                                [data-block]{
                                    margin-top:32px;
                                }
                                .editor-block-mover{
                                    top:32px;
                                    left:40px;
                                }
                                .block-editor-block-contextual-toolbar{
                                    top:64px;
                                    margin-left:72px;
                                }
                            }
                            &[data-type*="core-embed"]{
                                overflow:visible;
                                [data-block]{
                                    margin-top:32px;
                                }
                                .editor-block-mover{
                                    top:32px;
                                    left:40px;
                                }
                                .block-editor-block-contextual-toolbar{
                                    top:64px;
                                    margin-left:72px;
                                }
                            }
                            [data-block]{
                                overflow:visible;
                                margin-left:24px;
                                margin-bottom:4px;
                                width:calc(100% - 24px);
                            }
                        }
                    }
                    &.block-editor-block-list__block{
                        &.has-child-selected{
                            [data-type="core/paragraph"]{
                                [data-block]{
                                    padding-left:0;
                                }
                                .editor-block-mover{
                                    top:1.5rem;
                                    left:-.5rem;
                                }
                                .block-editor-block-contextual-toolbar{
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.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%;
        }
    }
}
.edit-post-visual-editor .components-button{
    padding:0 8px;
}

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
        /**
         * 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__typewriter{
        .editor-styles-wrapper{
            width:var(--thm_editor_main_width);
            max-width:100%;
            margin-left:auto;
            margin-right:auto;
            .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:var(--thm_content_gap);
                            padding-right:var(--thm_content_gap);

                            .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
                     */
                    [data-type]{
                        &[data-align="left"]{
                            min-height:300px; //core overwritte height:0
                            .is-block-content{
                                margin-right:0;
                                .is-focused{
                                }
                            }
                        }
                        &[data-align="right"]{
                            min-height:300px; //core overwritte height:0
                            margin-right:1rem;
                            .is-block-content{
                                margin-left:0;
                                .is-focused{
                                }
                            }
                        }
                        &[data-align="full"]{
                            margin-left:0;
                            margin-right:0;
                        }
                        [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{
        }
        /**
         * Blocks
         */
        .block-editor-writing-flow{
            .block-editor-block-list__layout{
                &.is-root-container{
                    & > .wp-block[data-align="left"] {
                        clear:left;
                        float:left;
                        height:max-content; //core overwritte
                        width:calc( 50% - 2rem );
                        margin-right:1rem;
                        height:auto;
                        overflow:hidden;
                        [data-block]{
                            width:100%;
                            .wp-block-gallery.alignright,
                            .wp-block-gallery.alignleft,
                            .alignleft,
                            .alignright{
                                width:100%;
                                float:none;
                                max-width:100%;
                            }
                            &.wp-block-button{
                                padding-left:24px;
                                padding-right:24px;
                                width:auto;
                            }
                        }
                        .is-style-shrink,
                        .shrink{
                            width:50%;
                            transform: translate(100%, 0);
                        }
                    }
                    & > .wp-block[data-align="right"] {
                        clear:right;
                        float:right;
                        height:auto; //core overwritte
                        width:calc( 50% - 2rem );
                        margin-left:1rem;
                        height:auto;
                        overflow:hidden;
                        [data-block]{
                            width:100%;
                            .wp-block-gallery.alignleft,
                            .wp-block-gallery.alignright,
                            .alignleft,
                            .alignright{
                                width:100%;
                                max-width:100%;
                                float:none;
                            }
                            &.wp-block-button{
                                padding-left:24px;
                                padding-right:24px;
                                width:auto;
                            }

                        }
                        .is-style-shrink,
                        .shrink{
                            width:50%;
                            transform: translate(-100%, 0);
                        }
                    }
                    & > .wp-block[data-align="wide"] {
                        & > [data-block]{
                            @extend %alignwide;
                        }
                    }
                    & > .wp-block[data-align="full"] {
                        & > [data-block]{
                            width:var(--thm_editor_main_width, 100%);
                            max-width:100%;
                        }
                    }
                    & > [data-block]:not([data-align]){
                        // not select  align
                    }
                }
            }
        }
    }
}

/* 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;
    }

}