@charset "UTF-8";
@import 'scss-@';
@import 'css-custom-prop';
@import 'fonts';


/**
 * Fallback
 * Right Sidebar
 * Left Inserter
 * Color
 * --thm_editor_main_width
 * Variation
 * Fonts
 * Block Classic
 * Block Align
        [data-align]
 * block style
        wp-block-xxxxx
 * Drop Cap
 * [data-type]
        [data-type="core/xxxxx"]
 * FSE
 * No activate gutenberg plugin
 */

a:any-link{
    text-decoration:none;
    color:var(--thm_general_link_color);
    &:hover{
        color:var(--thm_general_link_hover_color);
    }
}
.editor-styles-wrapper{
    figcaption,
    p,
    table{
        a:link{
            text-decoration: underline;
        }
    }
}
body:not(.emulsion-addons){
    a:any-link{
        color:#666666;
    }
}
.emulsion-gb-phase-block{
    .alignfull{
        //when block advanced class, conflict front end style.
        // GB7.7 background dim overflow
        position:static ! important;
    }
}

/**
 * Fallback block style
 */

h1,h2,h3,h4,h5,h6,
[data-type="core/buttons"],
[data-type="core/embed"],
[data-type="core/cover"],
[data-type="core/html"],
[data-type="core/freeform"],
.is-root-container > div:not([data-align]),
.is-root-container figure,
.is-root-container nav,
.is-root-container blockquote,
.wp-block code,
.is-style-list-style-initial,
.is-root-container pre,
.is-root-container p,
.is-root-container > ul,
.is-root-container > ol{

    @extend %block;
}
.blocks-gallery-grid{
    figure{
        width:auto;
    }
}

.is-root-container > div:not([data-align]){
    margin-left:auto;
    margin-right:auto;
    &.aligncenter{

        &.size1of3 {

            width: calc( 33.33333% - 1rem - var(--thm_box_gap, 3px) * 2);
        }
        &.size1of4 {

            width: calc( 24.99% - 1rem - var(--thm_box_gap, 3px) * 2 );
        }
        &.size1of2 {

            width: calc( 50% - 1rem - var(--thm_box_gap, 3px) * 2 );
        }
        &.size1of5 {

            width: calc( 19.99% - 1rem - var(--thm_box_gap, 3px) * 2 );
        }
        &.size2of3 {
            width: calc( 66.66666% - 1rem - var(--thm_box_gap, 3px) * 2 );
        }
        &.size2of5 {
            width: calc( 40% - 1rem - var(--thm_box_gap, 3px) * 2 );
        }
        &.size3of4 {
            width: calc( 75% - 1rem - var(--thm_box_gap, 3px) * 2 );
        }
        &.size3of5 {
            width: calc( 60% - 1rem - var(--thm_box_gap, 3px) * 2 );
        }
        &.size4of5 {
            width: calc( 80% - 1rem - var(--thm_box_gap, 3px) * 2 );
            width: calc( 80% - 1rem - var(--thm_box_gap, 3px) * 2 );
        }
    }
}

.is-root-container > div[data-align]{
    // note
    & > div:not([class]){
        width:100%;
        border:none;
    }
}
.is-root-container figure{
    padding:0;
}
body.disable-alignfull #editor .interface-interface-skeleton__content {
    .wp-block.editor-post-title,
    .wp-block[data-align="wide"],
    .wp-block[data-align="full"],
    .alignwide,
    .alignfull{
        @extend %block;
    }
}
pre.wp-block,
div.wp-block{
    padding-left:0;
    padding-right:0;
}
ul.attachments{
    width:calc(100% - 300px);
}
div.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"]{
    //OW
    margin-left:auto;
    margin-right:auto;
}

/**
 * Right Sidebar
 */

.interface-interface-skeleton__sidebar{
    overflow:auto;
    .edit-post-sidebar{
        //interface-complementary-area
        box-sizing:initial;
        .block-editor-block-styles__item{
            box-sizing:border-box;
        }
        .components-circular-option-picker__option-wrapper{
            box-sizing:border-box;
        }
        .components-panel{
            color:var(--thm_black_color);
            fieldset{
                color:var(--thm_black_color);
                legend{
                    .components-base-control__label{
                        color:var(--thm_black_color);
                    }
                }
            }
            .block-editor-block-card__content{
                max-width:200px;
            }
            .components-panel__body.is-opened > .components-panel__body-title {
                margin: -16px -16px 5px;
                max-width: calc(100% + 32px);
            }
        }
        input{
            max-width:100%;
        }
    }
    .edit-post-sidebar{
        box-sizing:border-box;
        color:var(--thm_black_color);
        a{
            color:#0073aa;
        }
        .components-color-palette__item{
            [style="color: rgba(231, 76, 60, 0.2);"]{
                background:rgba(231, 76, 60, 1) ! important;
            }
        }
        .edit-post-meta-boxes-area{
            .postbox{
                & >.inside{
                    .dashicons-lightbulb{
                        &:before{
                            color:#f39c12;
                        }
                    }
                }
            }
        }
    }
    .edit-post-sidebar input,
    .components-panel__body-toggle.components-button,
    .components-text-control__input,
    .components-text-control__input[type=color],
    .components-text-control__input[type=date],
    .components-text-control__input[type=datetime-local],
    .components-text-control__input[type=datetime],
    .components-text-control__input[type=email],
    .components-text-control__input[type=month],
    .components-text-control__input[type=number],
    .components-text-control__input[type=password],
    .components-text-control__input[type=tel],
    .components-text-control__input[type=text],
    .components-text-control__input[type=time],
    .components-text-control__input[type=url],
    .components-text-control__input[type=week]{
        box-sizing:border-box;
    }
    #postcustom{
        table{
            display:block;
            border:none;
        }
        th{
            width:230px;
        }
        tr{
            width:230px;
            display:block;
            margin-bottom:1rem;
            background:#ddd;
        }
        th,
        td{
            list-style-type:none;
            width:230px;
            display:list-item;
            margin-top:3px;
            border:none;
            box-sizing:border-box;
        }
        th.left,
        td.left{
            width:230px;
        }
        label{
            vertical-align:top;
        }
    }
    .block-editor-block-styles__item-preview{
        min-height:0;
    }
}
.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container {
    display: block!important;
}
.edit-post-layout .components-editor-notices__snackbar{
    .components-snackbar{
        background:var(--wp-admin-theme-color);
    }
    .components-button{
        padding:0 8px;
        &:any-link{
            color:var(--thm_white_color);
            &:hover{
                color:var(--thm_white_color) ! important;
            }
        }
    }
}

/**
 * Left Inserter
 * Block inserter preview
 */

.edit-post-layout__inserter-panel{
    .block-editor-inserter__main-area{
        overflow-x:hidden;
        .editor-block-list-item-group-emulsion-panel .block-editor-block-types-list__item-icon,
        .editor-block-list-item-group-dropdown-on-hover .block-editor-block-types-list__item-icon,
        .editor-block-list-item-group-dropdown-on-click .block-editor-block-types-list__item-icon,
        .editor-block-list-item-group-emulsion-panel .block-editor-block-types-list__item-icon,
        .editor-block-list-item-group-grid-group-5col .block-editor-block-types-list__item-icon,
        .editor-block-list-item-group-grid-group-4col .block-editor-block-types-list__item-icon,
        .editor-block-list-item-group-grid-group-3col .block-editor-block-types-list__item-icon,
        .editor-block-list-item-group-grid-group-2col .block-editor-block-types-list__item-icon,
        .editor-block-list-item-columns-cta-block .block-editor-block-types-list__item-icon{
            color:#c0392b;
        }
    }
}

/**
 * Color
 */
/**
 * fallback
 * Due to other themes, the set color scheme cannot be reproduced. Causes a fatal problem with contrast
 */

.wp-block-cover__inner-container:first-child{
    color:var(--thm_black_color);
}
[class*="background-color"],
.has-background{

    background:var(--thm_unknown-bg);
    color:var(--thm_black_color);
}

[style*="radial-gradient"]:not(.has-text-color) *:not(.has-text-color),
[style*="linear-gradient"]:not(.has-text-color) *:not(.has-text-color),
[style*="gradient-background"]:not(.has-text-color){
    color:#fff;
    mix-blend-mode: difference;
}
//.has-background.has-text-color,
[style*="gradient-background"] *.has-text-color,
[style*="radial-gradient"] *.has-text-color,
[style*="linear-gradient"] *.has-text-color,
[style*="radial-gradient"].has-text-color,
[style*="linear-gradient"].has-text-color,
[style*="gradient-background"].has-text-color{
    mix-blend-mode: normal;
}
#editor .has-black-background-color:not(.has-text-color),
#editor [style*="background-color: rgb(0, 0, 0);"]:not(.has-text-color):not(button){
    background:rgb(0,0,0);
    color:var(--thm_white_color) ! important;
}


.has-vivid-cyan-blue-background-color,
.has-vivid-red-background-color,
.has-vivid-purple-background-color{
    //todo remove important
    color:var(--thm_white_color) ! important;
}

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

    .editor-post-visibility__dialog-fieldset{
        color:var(--thm_black_color);
    }
    .edit-post-layout__metaboxes{
        color:#23282d;
        background:inherit;
        .form-table{
            th,
            td{
                color:#23282d;
                background:inherit;
            }
        }
    }
    .components-notice-list{
        z-index:89;
    }
    div[data-block]{

        //overflow:hidden;
        .has-black-color{
            color:#333 ! important;
        }
        .has-gray-color{
            color:#A9A9A9 ! 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:#A9A9A9 ! 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;
            }
        }
    }

}

body{
    &.emulsion-color-enable{
        .editor-styles-wrapper{
            :not(.has-background),
                :not[style|="background"]{// cover
                                      p{
                                          //@since 1.1.1 block cover text ccontrast issue
                                          color:var(--thm_general_text_color);
                                      }
                                      li{
                                          color:var(--thm_general_text_color);
                                      }
            }
        }

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

            &:not(.has-text-color){
                color:var(--thm_white_color);
                *{
                    color:var(--thm_white_color);
                }
            }
        }
        .edit-post-manage-blocks-modal__content *{
            color:var(--thm_black_color);
        }
        .components-modal__content *{
            color:var(--thm_black_color);
        }
        .interface-interface-skeleton__content{
            blockquote:not([class]){
                // old tinymce quote
                border-left:6px solid rgba(188,188,188,.5);
                max-width:100%;
            }
            .wp-block-quote{
                border:none;
                max-width:100%;
                border-left:2px solid rgba(188,188,188,.5);
                &.has-text-align-left{
                    border:none;
                    border-left:2px solid rgba(188,188,188,.5);
                }
                &.has-text-align-center{
                    border:none;
                    border-top:2px solid rgba(188,188,188,.5);
                }
                &.has-text-align-right{
                    border:none;
                    border-right:2px solid rgba(188,188,188,.5);
                }
            }
            .wp-block-pullquote{
                border:none;
                border-top:2px solid;
                border-bottom:2px solid;
                border-color:rgba(188,188,188,.5);
                .is-style-solid-color{
                    &.has-success-background-color{
                        color:var(--thm_black_color);
                    }
                    &.has-notice-background-color{
                        color:var(--thm_black_color);
                    }
                    &.has-info-background-color{
                        color:var(--thm_black_color);
                    }
                    &.has-alert-background-color{
                        color:var(--thm_black_color);
                    }
                    &.has-cool-background-color{
                        color:var(--thm_black_color);
                    }
                }
                & > blockquote{
                    border:none;
                }
            }
            [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{
                }
            }
            &.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);
            }

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

                .has-white-background-color,
                .has-cool-background-color,
                .has-info-background-color,
                .has-alert-background-color,
                .has-notice-background-color{
                    color: var(--thm_black_color);
                }
                .wp-block-table{
                    table{
                        td{
                            background:transparent;
                            color:var(--thm_general_text_color);
                        }
                        &.has-background{
                            th{
                                // color:var(--thm_general_text_color);
                                color:var(--thm_black_color);
                            }
                            td{
                                color:var(--thm_black_color);
                            }
                        }
                        &.has-subtle-light-gray-background-color{
                            background:#f3f4f5;
                            color:var(--thm_black_color);
                        }
                        &.has-subtle-pale-green-background-color{
                            background:#e9fbe5;
                            color:var(--thm_black_color);
                        }
                        &.has-subtle-pale-blue-background-color{
                            background:#e7f5fe;
                            color:var(--thm_black_color);
                        }
                        &.has-subtle-pale-pink-background-color{
                            background:#ffccf8;
                            color:var(--thm_black_color);
                        }
                    }
                }

                .wp-block-media-text{
                    color:var(--thm_media_text_section_color);
                    background:var(--thm_media_text_section_bg);
                    min-height:var(--thm_media_text_section_height);

                    .wp-block-media-text {
                        color:var(--thm_columns_section_color);
                    }
                    &:not(.has-background):not[style|="background"]{
                        p{
                            color:var(--thm_columns_section_color);
                        }
                    }

                    code{
                        color: var(--thm_black_color);
                    }
                    &.has-white-background-color,
                    &.has-cool-background-color,
                    &.has-info-background-color,
                    &.has-alert-background-color,
                    &.has-notice-background-color{
                        p:not(.has-background):not(.has-text-color){
                            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;
                        }
                    }
                }
            }

            .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{
                &.is-style-default{
                    background:transparent ! important;
                    color:var(--thm_general_text_color);
                }
                &.is-style-solid-color{
                    &.has-background{
                        &.has-white-background-color,
                        &.has-cool-background-color,
                        &.has-info-background-color,
                        &.has-alert-background-color,
                        &.has-notice-background-color{

                            *:not(.has-background):not(.has-text-color){
                                color: var(--thm_black_color);
                            }
                        }
                    }

                }
            }
            //z-index
            .wp-block-button{
                z-index:3;
                .has-background{
                    z-index:auto;
                }
                &.is-style-outline{
                    .wp-block-button__link{
                        background:transparent;
                        color:var(--thm_general_text_color);
                        border:1px solid;
                    }
                }
            }
            [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-dark-gray-background-color:not(.has-text-color){
                // twenty twenty one
                color:var(--thm_white_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);
            }
        }
        .wp-block-button__link{
            font-size:1rem;
            &:not(.has-background){

                background: var(--thm_header_bg_color);
            }
            &:not(.has-text-color){
                color:var(--thm_header_text_color);
            }
            &.has-background{
                border:none;
            }
            &:visited,
                &:focus,
                &:active,
                &:hover{

            }
        }
    }
    #editor{

        //over write inline style
        .has-alert-color,
        [style="color:rgba(231, 76, 60,.4)"]{
            color:rgba(231, 76, 60,1) ! important;
        }
        .has-notice-color,
        [style="color:rgba(163, 140, 8,.4)"]{
            color:rgba(163, 140, 8,1) ! important;
        }
        .has-info-color,
        [style="color:rgba(22, 160, 133,.4)"]{
            color:rgba(22, 160, 133,1) ! important;
        }
        .has-cool-color,
        [style="color:rgba(52, 152, 219,.4)"]{
            color:rgba(52, 152, 219,1) ! important;
        }


        .wp-block-separator{
            &.has-alert-color{
                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;
            }
        }
        .has-stripe-background-color,
        .mark-stripe {
            background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
        }
        .has-cool-background-color,
        .mark-success,
        .mark-cool {
            background: var(--thm_cool_color_alpha);
            background-image:linear-gradient( var(--thm_cool_color_alpha), var(--thm_cool_color_alpha) ),
                linear-gradient(  var(--thm_white_color), var(--thm_white_color) );
            color:var(--thm_black_color);
        }
        .has-notice-background-color,
        .mark-notice {
            background: var(--thm_notice_color_alpha);
            background-image:linear-gradient( var(--thm_notice_color_alpha), var(--thm_notice_color_alpha) ),
                linear-gradient(  var(--thm_white_color), var(--thm_white_color) );
            color:var(--thm_black_color);
        }
        .has-info-background-color,
        .mark-info {
            background: var(--thm_info_color_alpha);
            background-image:linear-gradient( var(--thm_info_color_alpha), var(--thm_info_color_alpha) ),
                linear-gradient(  var(--thm_white_color), var(--thm_white_color) );
            color:var(--thm_black_color);
        }

        .has-alert-background-color,
        .mark-alert {
            background: var(--thm_alert_color_alpha);
            background-image:linear-gradient(  var(--thm_alert_color_alpha),  var(--thm_alert_color_alpha) ),
                linear-gradient(  var(--thm_white_color), var(--thm_white_color) );
            color:var(--thm_black_color);

        }

        .has-gray-background-color,
        .mark-gray{
            background: #ddd;
            color: var(--thm_black_color);
        }
        .has-dark-background-color,
        .mark-dark{
            color:var(--thm_white_color) ! important;
            background:var(--thm_black_color);
        }


    }
}


//　default theme color

$twenty_twenty_one_palette: dark-gray #28303D, green #D1E4DD, blue #D1DFE4, purple #D1D1E4, red #E4D1D1, orange #E4DAD1, yellow #EEEADD;
body{
    @each $twenty_twenty_one_color in $twenty_twenty_one_palette {
        $slug: nth($twenty_twenty_one_color, 1);
        $color: nth($twenty_twenty_one_color, 2);

        .has-#{$slug}-color {
            // OW over write global-styles-inline-css
            color:#{$color} ! important;
        }
        --global--color-#{$slug}:#{$color};


        .has-#{$slug}-background-color{
            background:var(--global--color-#{$slug});
        }
    }
}
body{
    .has-purple-to-yellow-gradient-background {
	background-image: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
    }
    .has-yellow-to-purple-gradient-background {
        background-image: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
    }
    .has-green-to-yellow-gradient-background {
        background-image: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
    }
    .has-yellow-to-green-gradient-background {
        background-image: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
    }
    .has-red-to-yellow-gradient-background {
        background-image: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
    }
    .has-yellow-to-red-gradient-background {
        background-image: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
    }
    .has-purple-to-red-gradient-background {
        background-image: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
    }
    .has-red-to-purple-gradient-background {
        background-image: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
    }
}
/** Todo
 *
.emulsion-gb-phase-site .editor-styles-wrapper .wp-block-columns,
.emulsion-gb-phase-block [data-type="core/columns"] .block-editor-block-list__block-edit > [data-block] .wp-block-columns{

}*/

/*
.emulsion-gb-phase-site .editor-styles-wrapper  [data-type="core/group"] [data-type="core/media-text"],
.emulsion-gb-phase-block [data-type="core/group"] [data-type="core/media-text"]{
    color:var(--thm_media_text_section_color);
    background:transparent;
    min-height:var(--thm_media_text_section_height);
}
.emulsion-gb-phase-site .editor-styles-wrapper [data-type="core/group"] [data-type="core/media-text"],
.emulsion-gb-phase-block [data-type="core/gallery"]{

}
.emulsion-gb-phase-site .editor-styles-wrapper [data-type="core/group"] [data-type="core/media-text"],
.emulsion-gb-phase-block [data-type="core/group"] [data-type="core/gallery"]{
    color:var(--thm_gallery_section_color);
    background:transparent;
    min-height:var(--thm_gallery_section_height);
}
 *-------------------------------------------------------------------------------------------------*/

body{
    &.is-dark{
        &.emulsion-gb-phase-site .editor-styles-wrapper  [data-block],
        &.emulsion-gb-phase-block [data-block]{
            &.galley-is-light{
                color:var(--thm_gallery_section_color);
                .blocks-gallery-caption{
                    color:var(--thm_gallery_section_color);
                }
            }
            &.columns-is-light{
                color:var(--thm_columns_section_color);
                a{
                    color:var(--thm_columns_section_link_color);
                }
                .wp-block-latest-comments__comment{
                    article{
                        color:var(--thm_columns_section_color);
                        a{
                            color:var(--thm_columns_section_link_color);
                        }
                    }
                }
            }
            &.media-text-is-light{
                color:var(--thm_media_text_section_color);
            }
        }
    }
    &.is-light{
        &.emulsion-gb-phase-site .editor-styles-wrapper  [data-block],
        &.emulsion-gb-phase-block [data-block]{
            .gallery-is-dark{
                color:var(--thm_gallery_section_color);
                .blocks-gallery-caption{
                    color:var(--thm_gallery_section_color);
                }
            }
            .columns-is-dark{
                color:var(--thm_columns_section_color);
                a{
                    color:var(--thm_columns_section_link_color);
                }
                .wp-block-latest-comments__comment{
                    article{
                        color:var(--thm_columns_section_color);
                        a{
                            color:var(--thm_columns_section_link_color);
                        }
                    }
                }
            }
            .media-text-is-dark{
                color:var(--thm_media_text_section_color);
            }
        }
    }
}

/**
 * --thm_editor_main_width
 * Caluclate editor main width
 */

body{
    .block-editor-block-list__layout{
        padding-left:0;
        padding-right:0;
        .block-editor-block-list__block{
            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
            .interface-interface-skeleton__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
            .interface-interface-skeleton__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
            .interface-interface-skeleton__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
            .interface-interface-skeleton__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 );
        }
    }
}

/**
 * Variation , Styles
 */

.wp-block{
    & > .wp-block-cover{
        width:100%;
    }
    & > .wp-block-gallery{
        width:100%;
        .blocks-gallery-grid{
            width:100%;
            padding:0;
        }
    }
}
div.wp-block-group{
    padding-left:0;
    padding-right:0;
    &.emulsion-modal,
    &.dropdown-on-hover,
    &.dropdown-on-click,
    &.emulsion-panel{
        overflow:hidden;
        border:1px dotted;
        padding-left:0;
        padding-right:0;
        .dropdown-on-click-title,
        .dropdown-on-hover-title{
            margin-top:0;
            margin-bottom:0;
            padding-top:.5rem;
            padding-bottom:.5rem;
        }
    }
    &.emulsion-modal{
        .emulsion-modal-title{
            max-width:none;
            margin-top:0;
            margin-bottom:0;
        }
        .emulsion-modal-content{
            margin-top:0;
        }
        &.alignfull{
            .emulsion-modal-title{
            }
        }
    }
    &.is-selected{
        border:1px dotted;
        &.emulsion-modal:before{
            content:'Patterns: Modal Box';
            color:#fff;
            background:#f66;
            padding:.3rem .6rem;
        }
        &.dropdown-on-hover:before{
            content:'Variation: Dropdown on hover';
            color:#fff;
            background:#f66;
            padding:.3rem .6rem;
        }
        &.dropdown-on-click:before{
            content:'Variation: Dropdown on click';
            color:#fff;
            background:#f66;
            padding:.3rem .6rem;
        }
        &.emulsion-panel:before{
            content:'Variation: Panel';
            color:#fff;
            background:#f66;
            padding:.3rem .6rem;
        }
    }
}
.list-style-tab.block-editor-block-list__block.is-selected:before{
    content:'Pattern: TAB';
    color:#fff;
    background:#f66;
    padding:.3rem .6rem;
    margin-bottom:1rem;
    display: block;
    width:-moz-fit-content;
    width: fit-content;
}
.is-style-list-style-inline li{
    display:inline-block;
}

/**
 * Fonts
 */

div.editor-styles-wrapper{
    --thm_common_border:var(--thm_border_global, rgba(188,188,188,.5));
    --thm_common_border_style:$border_global_style;
    --thm_common_border_width:$border_global_width;

    font-size:var(--thm_common_font_size, 16px);
    line-height:var(--thm_content_line_height, 1.5);

    h1,h2,h3,h4,h5,h6{
        line-height:var(--thm_common_line_height, 1.15);
    }
    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-size:var(--thm_common_font_size, 16px);
        line-height:var(--thm_content_line_height, 1.5);
    }

}

//todo

.editor-styles-wrapper{
    .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;
        }
    }


}

[class$="inner-container"].block-editor-block-list__layout{
    //Required width in any case
    width:100% ! important;
    margin-left:auto;
    margin-right:auto;
}
.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;
            }
        }
    }
}
@media (min-width: 960px){
    .block-editor .edit-post-text-editor{
        padding-left: 20px;
        padding-right: 20px;
    }
}

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

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

            a{
                color:var(--thm_general_link_color);
                &:hover{
                    color:var(--thm_general_text_color);
                }
            }
            .wpview-wrap[data-wpview-type="gallery"]{
                overflow:visible !important;
                height:180px;
            }
            p,h1,h2,h3,h4,h5,h6{
                clear:both;
                float:none;
            }
            strong,
            b {
                font-weight: bold;
            }
            pre {
                font-family: Consolas, Monaco, monospace;
            }
            table{
                width:100%;
                td,
                th {
                    font-family: inherit;
                    font-size: inherit;
                    padding:.7rem;
                }
            }
            /* 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 [data-align]
 * @see * Aligns
 */
.is-root-container .wp-block-media-text.aligncenter,
ul,ol,
h1,h2,h3,h4,h5,h6,
p{
    &.aligncenter{
        @extend %aligncenter;
    }
}
div.is-root-container .wp-block-media-text.alignleft{
    @extend %alignleft;
}
div.is-root-container .wp-block-media-text.alignright{
    @extend %alignright;
}
.wp-block{
    margin-left:auto;
    margin-right:auto;
    &[data-align="full"] .wp-block-group > .wp-block-group__inner-container > .wp-block:not(.wp-block-group):not(.wp-block-columns){
        //OW
        padding-left:var(--thm_content_gap, 24px);
        padding-right:var(--thm_content_gap, 24px);
    }
    // Block Children
    h1,h2,h3,h4,h5,h6{
        width:100%;
    }
    //0416 [class|="wp-block"],
    [class$="inner-container"]{
        width:100%;
    }
    [data-align="center"],
    &[data-align="center"]{
        @extend %aligncenter;
        .wp-block-image:not(.resized){
            display:block;
            figcaption{
                display:block;
            }
        }
    }
    [data-align="full"],
    &[data-align="full"]{
        @extend %has-sidebar-alignfull;
        width:100%;
        margin-left:auto;
        margin-right:auto;
        left:0;
        .wp-block-embed-wordpress,
        .wp-block-embed-issuu,
        .wp-block-embed-instagram,
        .wp-block-embed-twitter,
        .wp-block-embed-facebook{
            // gutenberg 8.6 ?
            @extend %block;
        }
    }

    &.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"]{
        & > [data-type]{
            //OW
            margin:auto;
        }
        .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%;
                }
            }
        }
        .wp-block-image.is-style-shrink{
            margin-left:auto;
            margin-right:0;
        }
        .wp-block-image:not(.resized){
            display:block;
            figcaption{
                display:block;
            }
        }
    }

    [data-align="right"],
    &[data-align="right"]{
        & > [data-type]{
            //OW
            margin:auto;
        }
        .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%;
                }
            }
        }
        .wp-block-image.is-style-shrink{
            margin-left:0;
            margin-right:auto;
        }
        .wp-block-image:not(.resized){
            display:block;
            figcaption{
                display:block;
            }
        }

    }

    [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%;
                }
            }
        }
        .wp-block-categories.alignwide,
        .wp-block-archives.alignwide{
            width:100%;
        }
    }
}

/**
 * block style
 */

.editor-styles-wrapper{
    /**
     * 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;
            }
        }
    }
    ol,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, 3px);
                padding:1rem var(--thm_content_gap, 24px);
            }
        }
    }
    .wp-block{
        @extend %block;
    }
    .wp-block[data-align] {
        //0416
        /*[class|="wp-block"]{
            border:1px solid red;
            margin:0 auto;
            padding:0;
            float:none;
            width:100%;
        }*/
    }

    ul[class|="wp-block"]{
        li{
            &:before{
                content:none;
                display:none;
            }
        }
    }

    /**
     * block spacer
     */

    .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;
        }
    }
    /**
     * 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;
            }
            .wp-block-file__button{
                display:inline-block;
                margin:1.5rem .5rem .75rem;
                line-height: calc(var(--thm_common_font_size, 16px) * 3 - 2px);
                text-align:center;
                border-radius:5px;
                background: var(--thm_header_bg_color);
                color:var(--thm_header_text_color);

                padding:0 var(--thm_content_gap, 24px);
                box-sizing:border-box;
                &:empty{
                    display:none;
                }
            }
        }
    }
    /**
     * Block Category
     */

    .wp-block-categories{
        & > ul {
            margin:0;
            padding-left: 0.385rem;
            padding-right: 0.385rem;
            & > li{
                border-bottom-color: var(--thm_common_border, rgba(188, 188, 188, 0.5));
                border-bottom-style: var(--thm_common_border_style, solid);
                border-bottom-width: var(--thm_common_border_width, 1px);
            }
        }
        li{
            list-style:none;
            padding:.685rem;
            margin-bottom:var( --thm_box_gap,3px );
        }
    }
    /**
     * Block Pullquote
     */


    .wp-block-pullquote{
        min-height:calc(720px * 0.5625);
        .wp-block-pullquote__citation{
            text-align:center;
        }
    }
    /**
    * Block separator
    */


    .wp-block-separator{
        clear:both;
        float:none;
    }
    /**
     * Theme class
     */

    .vertically,
    .centered{
        display: -webkit-box;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -webkit-box-sizing:border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction:column;
        flex-direction:column;
        height:100%;
        box-sizing:border-box;
    }
    .horizontally{
        display: -webkit-box;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -webkit-box-sizing:border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction:row;
        flex-direction:row;
        flex-wrap:wrap;
        box-sizing:border-box;
    }
    /* height classes */

    .vh25{
        min-height:25vh;
    }
    .vh50{
        min-height:50vh;
    }
    .vh75{
        min-height:75vh;
    }
    .vh100{
        min-height:100vh;
    }
    .editor-block-list__block{
        .block-editor-block-list__insertion-point{
            left:0;
            margin-top:0;
        }
    }

    /**
         * data type
         */

    [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, 24px);
                padding-right:var(--thm_content_gap, 24px);
                box-sizing:border-box;
            }
        }

    }
    .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;
            }
        }
    }
    [data-block]:not(.alignleft),
        [data-block]:not(.alignright){
        float:none;
    }


    img{
        vertical-align:middle;
    }
}

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

/**
 * [data-type]
 */
.block-editor-block-list__layout{
    .block-editor-block-list__block{
        /**
         * Align and Paragraph
         */

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

        }
        .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-type="core/more"]{
            float:none;
            clear:both;
        }
        /**
         * Core Legacy Widget
         */

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

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

        }

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

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

        }
        &[data-type="core/table"]{
            height:auto;
            overflow-y:hidden;
            overflow-x:auto;

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

        }
        &[data-type="core/button"]{
            .wp-block-button__link{
            }

        }
        &[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-block]{
                margin-left:40px;
                .wp-block-search{
                    .wp-block-search__label{
                        max-width:100%;
                    }
                }
            }
        }
        &[data-type="core/archives"]{

            &.is-style-list-style-inline{
                padding-left:0;
                padding-right:0;
                .wp-block-archives{
                }
            }
        }
        &[data-type="core/latest-comments"]{

            .wp-block-latest-comments__comment:before{
                display:none ! important;
            }
        }
        &[data-type="core/latest-posts"]{

            margin-left:auto;
            margin-right:auto;
            &.alignleft{
                width: calc(var(--thm_editor_main_width) / 2 - var(--thm_content_gap, 24px) - var(--thm_common_font_size, 16px));
                margin-right:2rem;
                margin-left:0;
            }
            &.alignleft{
                width: calc(var(--thm_editor_main_width) / 2 - var(--thm_content_gap, 24px) - var(--thm_common_font_size, 16px));
                margin-right:0;
                margin-left:2rem;
            }
            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-type="core/rss"]{
            height:auto;
            overflow:visible;
            padding-left:var(--thm_content_gap, 24px);
            padding-right:var(--thm_content_gap, 24px);
            padding-bottom:2rem;
        }
        &[data-type="core/categories"]{

            overflow:hidden;
            padding:0;
            &.is-style-list-style-inline{
                & > ul {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;
                    & > li{
                        border-color: var(--thm_common_border, rgba(188, 188, 188, 0.5));
                        border-style: var(--thm_common_border_style, solid);
                        border-width: var(--thm_common_border_width, 1px);
                    }
                }
            }
        }
        &[data-type="core/quote"]{
            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;
            }
        }
        /**
         * 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-type="core/cover"]{

            overflow:visible;
        }
        &[data-type="core/tag-cloud"]{
            height:auto;
            overflow:hidden;
        }
        .block-editor-warning{
            border:1px solid rgba(231, 76, 60,1);
            background:rgba(231, 76, 60,.4);
            padding:0;
            min-height:120px;
            .block-editor-warning__message{
                width:calc(100% - 2rem);
                box-sizing:border-box;
                margin:1rem;
            }
            .block-editor-warning__actions{
                margin-left:1rem;
            }
        }
        &[data-type="core/missing"]{
            min-height:120px;
            [data-block]{
                .block-editor-warning{
                    border:1px solid rgba(231, 76, 60,1);
                    background:rgba(231, 76, 60,.4);
                    padding:0;
                    min-height:120px;
                    .block-editor-warning__message{
                        width:calc(100% - 2rem);
                        box-sizing:border-box;
                        margin:1rem;
                    }
                    .block-editor-warning__actions{
                        margin-left:1rem;
                    }
                }
            }
        }
        /**
         * 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:1.5rem;
        margin-bottom:.75rem;
        &.dropdown-on-click-content{
            margin-top:0;
        }
    }
}

/**
 * Block Group
 */

.has-fixed-toolbar{
    .block-editor-block-list__layout{
        > .block-editor-block-list__block{
            &[data-type="core/group"]{
                .wp-block-group__inner-container{
                    .block-editor-block-list__block{
                        &[data-type] {
                            overflow:visible;
                            [data-block]{
                                margin-top:0;
                            }
                        }
                    }
                }
            }
        }
    }
}
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%;
    }
}

.block-editor-page:not([class*="emulsion-"]), // for No use emulsion-addons
.emulsion-gb-phase-site{
    .interface-interface-skeleton__editor{
        max-width:100vw;
    }
    .editor-styles-wrapper{
        // same .edit-post-visual-editor
        width:var(--thm_editor_main_width);
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        /**
         * Blocks
         * Old CSS styles continue to apply. No need to rewrite
         * Simply shows the structure
         */

        .block-editor-writing-flow{
            .editor-post-title{
                padding-left:var(--thm_content_gap, 24px);
                padding-right:var(--thm_content_gap, 24px);
            }
            .block-editor-block-list__layout.is-root-container{
                max-width:var(--thm_editor_main_width);
                .has-warning{
                    .block-editor-warning{
                        position:absolute;
                        .block-editor-warning__message{
                            background:#fff;
                            color:#333;
                        }
                    }
                }
                /**
                 * block content
                 */

                .is-block-content{
                    max-width:100%;
                }
                /**
                 * Blocks
                 */
                .wp-block{
                    margin:1.5rem auto .75rem;
                    & > [data-type]{
                        width:100%;
                    }
                }
                .emulsion-panel{

                    .emulsion-panel-title{
                        width:100%;
                        margin:0 auto;
                    }
                }
                .emulsion-modal{
                    .emulsion-modal-title{
                        width:100%;
                        margin:0 auto;
                        .modal-close-link{
                            text-decoration:none;
                        }
                    }
                }
                .dropdown-on-hover{
                    .dropdown-on-hover-title{
                        width:100%;
                        margin:0 auto;
                        .modal-close-link{
                            text-decoration:none;
                        }
                    }
                }
                .dropdown-on-click{
                    .dropdown-on-click-title{
                        width:100%;
                        margin:0 auto;
                        .modal-close-link{
                            text-decoration:none;
                        }
                    }
                }
                .wp-block-navigation.is-vertical{
                    .wp-block{
                        margin:var(--thm_box_gap),auto;
                    }
                }
                [data-type]{
                    ol,ul{
                        li{
                            line-height: var(--thm_content_line_height, 1.5);
                            padding-top: calc(var(--thm_common_font_size, 16px) * var( --thm_content_line_height ) / 2);
                            padding-bottom: calc(var(--thm_common_font_size, 16px) * var( --thm_content_line_height ) / 2);
                            padding-left: 0.385rem;
                            padding-right: 0.385rem;
                        }
                    }
                }
                .wp-block{
                    & > [data-type="core/group"]{
                        width:100%;
                    }
                }
                [data-type="core/group"]{
                    &.has-background{
                        padding:0;
                    }
                }
                [data-type="core/code"]{
                    white-space:pre-wrap;
                    & > code{
                        font-size:inherit;
                    }
                }
                [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, 24px);
                                        max-width:40%;
                                    }
                                    &.alignright{
                                        clear:both;
                                        float:right;
                                        margin-left:var(--thm_content_gap, 24px);
                                        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"]{
                    }
                    &[data-align="full"]{
                    }
                    .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;
                        }
                    }
                }
                .wp-block{
                    & > [data-type="core/columns"]{
                        width:100%;
                        &.has-background{
                            // background:transparent!important;
                        }
                    }
                }
                [data-type="core/columns"]{
                    margin-top:var(--thm_box_gap, 3px);
                    margin-bottom:var(--thm_box_gap, 3px);
                    [data-type="core/column"]{
                        padding-left:0;
                        padding-right:0;
                        margin-left: calc(var(--thm_box_gap, 3px) * 2);
                        margin-right: calc(var(--thm_box_gap, 3px) * 2);
                        .wp-block-image{
                            margin-top:0;
                            margin-bottom:0;
                            padding-left:0;
                            padding-right:0;
                            max-width:100%;
                        }
                        [data-type="core/column"]{
                            padding-left:0;
                            padding-right:0;
                            *{
                                padding-left:0;
                                padding-right:0;
                            }
                            h1,h2,h3,h4,h5,h6,ul,ol,figure,p{
                                margin-left:auto;
                                margin-right:auto;
                            }
                        }
                    }
                }
                .wp-block{
                    & > [data-type="core/table"]{
                        width:100%;
                    }
                }
                [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, solid);
                    border-width:var(--thm_common_border_width, 1px);
                }
                .wp-block{
                    & > [data-type="core/buttons"]{
                        width:100%;
                    }
                }
                [data-type="core/buttons"]{
                    [data-type="core/button"]{
                        width:auto;
                    }
                    .wp-block-button{
                        padding-left:0;
                        padding-right:0;
                        width:auto;
                    }
                }
                [data-type="core/button"]{
                    width:auto;
                    padding-left:0;
                    padding-right:0;
                    &[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, 3px);
                            padding:0;
                            text-indent:0;
                        }
                    }
                }
                [data-type="core/archives"]{
                    padding-left:0;
                    padding-right:0;
                    .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: calc(1rem - 6px) auto 0;
                        padding-left:0;
                        padding-right:0;
                        //  padding-left: var(--thm_box_gap, 3px);
                        // padding-right: var(--thm_box_gap, 3px);
                        li{
                            margin-right: calc(var(--thm_box_gap, 3px) * 2);
                            margin-left: calc(var(--thm_box_gap, 3px) * 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, solid);
                            border-bottom-width:var(--thm_common_border_width, 1px);
                            &:before{
                                content:'';
                                display:none;
                            }
                        }
                    }
                    &.is-style-list-style-inline{
                        .wp-block-archives{
                            padding-left:0;
                            padding-right:0;
                            li{
                                flex:1 1 auto;
                                border-color:var(--thm_common_border, rgba(188, 188, 188, .5));
                                border-style:var(--thm_common_border_style, solid);
                                border-width:var(--thm_common_border_width, 1px);
                            }
                        }
                    }
                }
                & > .wp-block{
                    [data-type="core/navigation"]{
                        width:100%;
                    }
                }
                [data-type="core/navigation"]{

                    .wp-block-navigation__container{

                        .wp-block-navigation-link{
                            .wp-block-navigation__container{
                                padding-left:0;
                            }
                        }
                    }
                }
                /**
                 * Aligns
                 */

                .blocks-gallery-grid.blocks-gallery-grid:not(.alignleft):not(.alignright){
                    //OW
                    margin-left:auto;
                    margin-right:auto;
                }
                .wp-block[data-align]{
                    //   @extend %block;
                    padding-left:0;
                    padding-right:0;
                    &[data-align="left"]{
                        height:auto;
                        @extend %alignleft;
                        .alignleft{
                            width:100%;
                            max-width: calc(100% - var(--thm_content_gap, 24px) - var(--thm_common_font_size, 16px));

                            &.fit-align{
                                min-width:25%;
                                width:auto;
                                &[data-type="core/table"]{
                                    min-width:25%;
                                    width:auto;

                                }
                            }
                        }
                        .fit-align{
                            min-width:25%;
                            width:auto;
                            &[data-type="core/table"]{
                                min-width:25%;
                                width:auto;

                            }
                        }
                    }
                    &[data-align="right"]{
                        height:auto;
                        @extend %alignright;
                        margin-right:1rem;

                        .alignright{
                            width:100%;
                            max-width: calc(100% - var(--thm_content_gap, 24px) - var(--thm_common_font_size, 16px));
                            &.fit-align{
                                min-width:25%;
                                width:auto;
                                &.wp-block-table{
                                    min-width:25%;
                                    width:auto;
                                }
                            }
                        }
                        .fit-align{
                            min-width:25%;
                            width:auto;
                            &[data-type="core/table"]{
                                min-width:25%;
                                width:auto;
                            }
                        }

                    }
                    &[data-align="wide"]{
                        // @extend %alignwide;
                    }
                    &[data-align="full"]{
                        width:100%;
                        .alignwide{
                            @extend %alignwide;
                        }
                        .alignfull{
                            width:100%;
                            max-width:100%;
                        }
                    }
                    [data-type="core/navigation-link"],
                    [data-type="core/button"]{
                        // block button ,block navigation
                        &:not([data-align]){
                            width:auto;
                            max-width:100%;
                        }
                    }
                }
            }
        }

        code{
            padding:1rem var(--thm_content_gap, 24px);
        }
        p{
            code{
                padding:0 .25rem;
            }
        }
        .has-link-color a{
            color: var(--thm_general_link_color);
            &:hover{
                color: var(--thm_general_text_color);
            }
        }
    }
    &.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);
                }
            }
        }
    }
}

/**
 * FSE
 */
//header footer article aside main section

.enable-alignfull{
    [core/template-part]{
        @extend %has-sidebar-alignfull;
        margin:0 auto;
    }
    .fse-header{
        @extend %has-sidebar-alignfull;
        margin:0 auto;
    }
    .fse-footer{
        @extend %has-sidebar-alignfull;
        margin:0 auto;
    }
}
.edit-site{
    .interface-interface-skeleton__content{
        width:var(--thm_editor_main_width);
    }
    [data-type="core/query-loop"]{
        width:var(--thm_content_width, 720px);
        padding-left:var(--thm_content_gap, 24px);
        padding-right:var(--thm_content_gap, 24px);
        margin:1.5rem auto .75rem;
    }
    .wp-block[data-align="full"],
    .wp-block[data-align="wide"]{
        margin-left:auto;
        margin-right:auto;
        & > [class|="wp-block"]{
            width:100%;
        }
    }
    //core overwrite
    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] {
        margin-left:auto;
        margin-right:auto;
    }
}
#editor div.wp-block-search__button{
    // non space language issue
    white-space:pre ! important;
}
.edit-post-text-editor{
    .editor-post-title{
        max-width:100%;
        width:auto;
        .editor-post-title__input{
            max-width:100%;
            width:100%;
        }
    }
}
ul.wp-block-social-links{
    @extend %block;
    display:flex;
    justify-content: flex-start;
    padding-left: var(--thm_content_gap, 24px);
    padding-right: var(--thm_content_gap, 24px);
    margin: 1.5rem auto .75rem;
    &.alignleft{
        justify-content: flex-end;
    }
    &.has-huge-icon-size{
        &.is-style-pill-shape{
            .wp-social-link{
                width:calc( var(--thm_common_font_size, 16px) * 8 );
            }
        }
        .wp-social-link{
            width:calc( var(--thm_common_font_size, 16px) * 4 );
            height:calc( var(--thm_common_font_size, 16px) * 4 );
            a{
                svg{
                    width:calc(var(--thm_common_font_size, 16px) * 3);
                    height:calc(var(--thm_common_font_size, 16px) * 3);
                }
            }
        }
    }
    &.has-large-icon-size{
        &.is-style-pill-shape{
            .wp-social-link{
                width:calc( var(--thm_common_font_size, 16px) * 6 );
            }
        }
        .wp-social-link{
            width:calc( var(--thm_common_font_size, 16px) * 3 );
            height:calc( var(--thm_common_font_size, 16px) * 3 );
            a{
                svg{
                    width:calc(var(--thm_common_font_size, 16px) * 2);
                    height:calc(var(--thm_common_font_size, 16px) * 2);
                }
            }
        }
    }
    &.has-normal-icon-size{
        &.is-style-pill-shape{
            .wp-social-link{
                width:calc( var(--thm_common_font_size, 16px) * 4 );
            }
        }
        .wp-social-link{
            width:calc( var(--thm_common_font_size, 16px) * 2 );
        }
    }
    &.has-small-icon-size{
        &.is-style-pill-shape{
            .wp-social-link{
                width:calc( var(--thm_common_font_size, 16px) * 3 );
            }
        }
        .wp-social-link{
            width:calc( var(--thm_common_font_size, 16px) * 1.3 );
            height:calc( var(--thm_common_font_size, 16px) * 1.3 );
        }
    }
    .wp-social-link{
        list-style:none;
        height:calc( var(--thm_common_font_size, 16px) * 2 );
        text-align:center;
        width:calc( var(--thm_common_font_size, 16px) * 2 );
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin:0 .75rem .75rem 0;
        a{
            background:transparent;
            padding:0;
            svg{
                fill: var(--wp--social-links--icon-color,#fff);
                width:var(--thm_common_font_size, 16px);
                height:var(--thm_common_font_size, 16px);
            }
        }
        &.wp-social-link-wordpress{
        }
    }
    &:not(.has-icon-background-color){
        &:not(.has-icon-color){
            .wp-social-link-chain {
                border: 2px solid rgba(188,188,188,.5);
                color:var(--thm_social_icon_color);
                a{
                    svg{
                        fill:var(--thm_social_icon_color);
                    }
                }
            }
        }
    }
    &.is-style-logos-only{
        &:not(.has-icon-color){
            .wp-social-link{
                //gutenberg deactivated WordPress 5.6
                a{
                    svg{
                        fill:var(--thm_social_icon_color);
                    }
                }
            }
        }
        .wp-block-social-link.wp-social-link-chain {
            border:none;
        }
    }
}

/**
 * No activate gutenberg plugin
 */

.emulsion-gb-deactive{

}
/**
 * No use emulsion-addons
 */
.block-editor-page:not([class*="emulsion-"]){

}