/**
 * SCSS @extend
    * SPACING
        * @extend %centered_spacing;
        * @extend %structure_spacing;
    * WIDTH
        * @extend %alignleft;
        * @extend %alignright;
    * TEXYT-ALIGN
        * @extend %list-quote-padding;
    * FLEX
        * @extend %flex-container;
    * Excerpt line-clamp
        * @extend %line-clamp;
    * Fix flex container push
        * @extend %fix-flex-container-push;
 * RULE SET
    * Theme
        * has-background
         * WordPress 6.4
         * WordPress 6.3
         * extemd end

 */

/**
    * SPACING
 */

/**
 * Center content
        * @extend %centered_spacing;
 */

%centered_spacing{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction:column;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
}

/**
 * Layout Block Margin Padding
 * A wrapper block containing content (eg p h* ul ol table)
        * @extend %structure_spacing;
 *
 */

%structure_spacing{
    /* theme.json is responsible for CSS
     * @since 2.7.6 */

    box-sizing:border-box;
    padding:0 0 0 0;
    margin:var(--wp--custom--margin--container);
    overflow:hidden;
}


/**
 * alignleft
        * @extend %alignleft;
 */

%alignleft {
    box-sizing:border-box;
    float:left;
    width:var(--wp--custom--width--float);
    margin:var(--wp--custom--margin--alignleft);
    clear:left;
    &.is-resized:not(.is-style-shrink){
        width:auto;
    }
    &.has-background{
        @media screen and (max-width: 40rem){
            margin-top:var(--wp--style--block-gap, .75rem);
            margin-bottom:var(--wp--style--block-gap, .75rem);
        }
    }
    &.wp-block-image{
        @media screen and (max-width: 45rem) {
            float:none;
            max-width:calc( 100% - var(--wp--custom--padding--content,.75rem) * 2);
            clear:both;
        }
    }
    &:is(ul,ol){
        @media screen and (min-width: 57.5rem) {
            width:auto;
            max-width:var(--wp--custom--width--float);
        }
    }
    &.wp-block-embed{
        width:var(--wp--custom--width--float);
    }
    &.wp-block-social-links{
        margin-top:1.5rem;
        &:is(ul,ol){
            padding-left:0;
            li{
                padding:0;
            }
        }
        @media screen and (max-width: 40rem) {
            width:100px;
            margin:1.5rem auto
        }
    }
    &.wp-block-file:not(.specificity){
        width:-moz-fit-content;
        width:fit-content;
        padding:0;
        margin-top:1.5rem;
        @media screen and ( max-width : 30rem ) {
            width:100%;
            padding:0 var(--wp--custom--padding--content, .75rem);
            margin:var(--wp--custom--margin--block);
        }
    }
    &.wp-block-search,
    &.wp-block-latest-comments{
        width:20rem;
        margin-top:1.5rem;
        @media screen and ( max-width : 40rem ) {
            width:100%;
            padding:0 var(--wp--custom--padding--content, .75rem);
            margin:var(--wp--custom--margin--block);
        }
    }
    &.wp-block-archives,
    &.wp-block-categories{
        z-index:10;
        width:20rem;
        margin-top:0;
        margin-left:0;
        &.is-style-list-style-inline{
            width:20rem;
            margin-right:var(--wp--custom--padding--content, .75rem);
        }
        @media screen and ( max-width : 40rem ) {
            width:100%;
            padding-left: clamp( 2rem, calc( 100vw / 36 ), calc(2.5rem + var(--wp--custom--padding--content,.75rem)));
            &.is-style-list-style-inline{
                width:100%;
                margin:var(--wp--custom--margin--block);
            }
        }
        @media (min-width: 40rem) and (max-width: 87.5rem){
            & ~ .is-vertical ol:not([class*="wp-block"]),
                & ~ .is-vertical ul:not([class*="wp-block"]),
                & ~ ol:not([class*="wp-block"]),
                & ~ ul:not([class*="wp-block"]){
                li{
                    margin-right:1.75rem;
                    transform: translateX(1.75rem);
                }
            }
            & ~ .wp-block-separator{
                width:auto;
                clear:none!important;
            }
            & ~ .wp-block-image,
            & ~ .wp-block-gallery{
                width:auto;
                clear:none!important;
            }
            & ~ .wp-block-table{
                width:auto;
                clear:none!important;
            }
            & ~ .wp-block-group{
                .wp-block-image,
                .wp-block-separator,
                .wp-block-embed__wrapper{
                    display:flex;
                    flex-direction:column;
                    width:auto;
                }
                .wp-block-table,
                .wp-block-gallery,
                .wp-block-separator{
                    width:auto;
                    clear:none!important;
                }
            }
        }
    }
    & > figure{
        margin-top:0;
        margin-bottom:0;
    }
    &:is(ul,ol):not(#spacificity){
        @media screen and ( max-width : 40rem ) {

            width:100%;
            margin-right:auto;
            margin-left:auto;
        }
    }
    &.wp-block-group{
        @media screen and ( max-width : 40rem ) {

            width:100%;
            margin-right:auto;
            margin-left:auto;
        }
    }
    .alignleft,
    .alignright{
        float:none;
        width:100%;
        margin-right:0;
        margin-left:0;
    }
    @media screen and ( max-width : 40rem ) {

        width:100%;
        max-width:100%;
        padding:0 var(--wp--custom--padding--content, .75rem);
        margin-right:auto;
        margin-left:auto;
        &.alignleft{
            margin-right:auto;
            margin-left:auto;
            &.is-resized figcaption:not(.specificity),
                figcaption{
                text-align:center;
            }
        }
    }
}

/**
 * alignright
        * @extend %alignright;
 */

%alignright {
    box-sizing:border-box;
    float:right;
    width:var(--wp--custom--width--float);
    margin:var(--wp--custom--margin--alignright);
    clear:right;
    &.is-resized:not(.is-style-shrink){
        width:auto;
    }
    &.has-background{
        @media screen and (max-width: 45rem){
            margin:var(--wp--custom--margin--block);
            margin-top:0;
            margin-bottom:0;
        }
    }
    &.wp-block-image{
        @media screen and (max-width: 40rem) {
            float:none;
            max-width:calc( 100% - var(--wp--custom--padding--content,.75rem) * 2);
            clear:both;
        }
    }
    &:is(ul,ol){
        @media screen and (min-width: 57.5rem) {
            width:auto;
            max-width:var(--wp--custom--width--float);
        }
    }
    &.wp-block-embed{
        width:var(--wp--custom--width--float);
    }
    &.wp-block-social-links{

        margin-top:1.5rem;
        @media screen and (max-width: 40rem) {
            width:6.25rem;
            margin:var(--wp--custom--margin--block);
        }
    }
    &.wp-block-search,
    &.wp-block-latest-comments{
        width:20rem;
        margin-top:1.5rem;
        &.is-style-list-style-inline{
            margin-left:var(--wp--custom--padding--content, .75rem);
        }
        @media screen and ( max-width : 40rem ) {
            width:100%;
            padding:0 var(--wp--custom--padding--content, .75rem);
            margin:var(--wp--custom--margin--block);
        }
    }
    &.wp-block-archives,
    &.wp-block-categories{
        width:20rem;
        margin-top:0;
        margin-right:0;
        &.is-style-list-style-inline{
            width:20rem;
            margin-right:var(--wp--custom--padding--content, .75rem);
        }
        @media screen and ( max-width : 40rem ) {
            width:100%;
            padding-left: clamp( 2rem, calc( 100vw / 36 ), calc(2.5rem + var(--wp--custom--padding--content,.75rem)));
            &.is-style-list-style-inline{
                width:100%;
                margin:var(--wp--custom--margin--block);
            }
        }
        @media (min-width: 40.0625rem) and (max-width: 85rem){
            & ~ .wp-block-separator{
                width:auto;
                clear:none!important;
            }
            & ~ .wp-block-image,
            & ~ .wp-block-gallery{
                width:auto;
                clear:none!important;
            }
            & ~ .wp-block-table{
                width:auto;
                clear:none!important;
            }
            & ~ .wp-block-group{
                .wp-block-image,
                .wp-block-separator,
                .wp-block-embed__wrapper{
                    display:flex;
                    flex-direction:column;
                    width:auto;
                }
                .wp-block-table,
                .wp-block-gallery,
                .wp-block-separator{
                    width:auto;
                    clear:none!important;
                }
            }
        }
    }
    & > figure{
        margin-top:0;
        margin-bottom:0;
    }
    &.wp-block-media-text{
        p{
        }
    }
    &:is(ul,ol):not(#spacificity){
        @media screen and ( max-width : 40rem ) {
            width:100%;
            margin-right:auto;
            margin-left:auto;
        }
    }
    &.wp-block-group{
        @media screen and ( max-width : 40rem ) {
            width:100%;
            margin-right:auto;
            margin-left:auto;
        }
    }
    .alignleft,
    .alignright{
        float:none;
        width:100%;
        margin-right:0;
        margin-left:0;
    }
    @media screen and ( max-width : 40rem ) {
        width:100%;
        max-width:100%;
        padding:0 var(--wp--custom--padding--content, .75rem);
        margin-right:auto;
        margin-left:auto;
        &.alignright{
            margin-right:auto;
            margin-left:auto;
            &.is-resized figcaption:not(.specificity),
                figcaption{
                text-align:center;
            }
        }
    }
}

/**
        * @extend %list-quote-padding;
 */

%list-quote-padding{
    padding-top:.75rem;
    padding-left: clamp( 2rem, calc( 100vw / 72 ), calc(2.5rem + var(--wp--custom--padding--content, .75rem)));
    blockquote,
    ul ul,
    ul ol,
    ol ol,
    ol ul{
        padding-left: clamp( 2rem, calc( 100vw / 72 ), calc(2.5rem + var(--wp--custom--padding--content, .75rem)));
    }
    li{
        padding-left: clamp(.375rem, calc( 100vw / 72 ),.75rem);
    }
}

/**
    * FLEX
 */

/**
 * Content wrapper to be placed horizontally
        * @extend %flex-container;
 */

%flex-container{
    display:flex;
    flex-wrap:wrap;
    .columns-default{
        flex-wrap:nowrap;
    }
    &.is-nowrap{
        flex-wrap:nowrap;
    }
    gap:var(--wp--style--block-gap, .75rem);
    //--wp--style--block-gap:var(--wp--custom--margin--gap, .75rem);
}

/**
    * Excerpt line-clamp
        * @extend %line-clamp;
 */

%line-clamp{
    display: -webkit-box;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: var(--wp--custom--max-height--excerpt-lines);
    -webkit-box-orient: vertical;
}

/**
    * Fix flex container push
        * @extend %fix-flex-container-push;
 */

%fix-flex-container-push{
    @media (min-width: 48rem){
        &:not(.specificity){

            max-width:calc( 100% - var(--wp--custom--padding--content,.75rem) * 2);
            margin-right: calc(50% - var(--wp--style--global--content-size) / 2 );
            margin-left: calc(50% - var(--wp--style--global--content-size) / 2 );
            &.wp-block-table{
                width:calc(  var(--wp--style--global--content-size) - var(--wp--custom--padding--content,.75rem) * 2);
            }
            &.alignfull{
                width:var(--wp--custom--width--full);
                margin-left:0;
            }
            &.alignwide{
                max-width:calc( var(--wp--style--global--wide-size) - var(--wp--custom--padding--content,.75rem) * 2);
                margin-right: calc(50% - var(--wp--style--global--wide-size) / 2 );
                margin-left: calc(50% - var(--wp--style--global--wide-size) / 2 );
                &.wp-block-table{
                    width:calc(  var(--wp--style--global--content-size) - var(--wp--custom--padding--content,.75rem) * 2);
                }
            }
            &.is-layout-default:not(.is-root-container),
                &.is-layout-flow:not(.is-root-container),
                &.has-fluid-children{
                margin-right:auto;
                margin-left:auto;
            }
            &.alignleft{
                width:var(--wp--custom--width--float);
                margin:var(--wp--custom--margin--alignleft);
            }
            &.alignright{
                width:var(--wp--custom--width--float);
                margin:var(--wp--custom--margin--alignright);
            }
            &.aligncenter{
                margin-right:auto;
                margin-left:auto;
            }
            .wp-block-columns{
                margin:auto;
                .wp-block-column{
                    .wp-block-separator{
                        margin:auto;
                        border:1px solid;
                    }
                    .wp-block-buttons{
                        margin:auto;
                    }
                }
            }
            & > .alignfull,
            & > .alignwide{
                margin:auto;
            }
        }
    }
    @media (min-width: 968px){
        &:not(.specificity){
            &.alignwide{
                max-width:var(--wp-custom--width--wide,57.5rem);

                margin-right:calc(50% - var(--wp-custom--width--wide,57.5rem) / 2);

                margin-left:calc(50% - var(--wp-custom--width--wide,57.5rem) / 2);

                &.wp-block-table{
                    width:var(--wp-custom--width--wide,57.5rem);
                }
                & > .alignfull,
                & > .alignwide{
                    margin:auto;
                }
            }
        }
    }
    &:not(.wp-block-table):not(.fse-header-content){
        &.alignfull{
            float:none;
            width:auto;
            margin:var(--wp--custom--margin--container);
            clear:both;
            & > .alignfull,
            & > .alignwide{
                margin:auto;
            }
        }
    }
}

/**
         * extemd end
 */

/**
 * RULE SET
 */

/**
        * has-background
     */
body{
    p.has-background,
    h1.has-background,
    h2.has-background,
    h3.has-background,
    h4.has-background,
    h5.has-background,
    h6.has-background{
        padding:var(--wp--custom--margin--gap);
    }
    :where(.wp-block-group.has-background) {
        padding: revert;
    }

    .wp-block-pullquote:not(#specificity){
        blockquote{
            width:100%;
            p{
                width:-moz-fit-content;
                width:fit-content;
                text-align:left;
            }
        }
    }
    .wp-block-post-template.is-layout-grid,
    .wp-block-post-template.is-flex-container,
    [class*="wp-container-"][class*="wp-container-"]{
        gap:var(--wp--style--block-gap);
    }
}
.has-background{
    background:.375rem var(--wp--custom--color--unknown-bg);
}

.emulsion{
    .has-background{
        padding:.375rem var(--wp--custom--padding--content);
        &.wp-block-navigation__responsive-container{
            padding:0;
        }

        .wp-block-column{
            margin:0;
        }
    }
    ol.has-background,
    ul.has-background{
        padding-top: var( --wp--custom--padding--content, .75rem );
        padding-left: 2.5rem;
        &.wp-block-navigation-submenu{
            padding-left:var(--wp--custom--padding--left);
        }
    }
    .wp-block{
        &.has-background{
            padding:0;
            &.is-vertical{
                overflow:visible;
                &:before,
                    &:after {
                    display: table;
                    content: " ";
                }
                &:after {
                    clear: both;
                }

            }

        }
    }
    ol.wp-block.has-background,
    ul.wp-block.has-background{
        padding-top: .75rem;
        padding-left: calc(2.5rem + var(--wp--custom--padding--content, .75rem));
    }
    .wp-block-group,
    .wp-block-group.has-background{
        .wp-block-group.has-background{
            max-width:100%;
        }
    }
    .wp-block-media-text{
        &[class*="has-background"]{
            padding:0;
        }
    }
}
.has-background{
    &.wp-block-post-excerpt{

        .wp-block-post-excerpt__more-text,
        .wp-block-post-excerpt__excerpt{
            color:inherit;
        }
    }
    &.wp-block-columns{
        padding:0;
    }
    &.wp-block-column{
        padding:0;
    }
    .wp-block-quote{
        padding-left:2.5rem;
        &:before{
            position: absolute;
            top: .75rem;
            left: .75rem;
            display: inline-block;
            width:1.875rem;
            height:1.875rem;
            font-size: 2.5rem;
            line-height: 1;
            color:rgba(255,255,255,.6);
            content: "“";
        }
    }
    &.wp-block-code{
        padding:0;
        code{
            margin:0 auto;
            background:transparent;
        }

    }
    &.wp-block-details{
        padding:.375rem .75rem;
    }
    &.wp-block-table-of-contents ol{
        background:inherit;
    }
}

.edit-post-post-template__dialog{
    width:auto;
    max-width:300px;
    div{
        width:auto;
    }
    .components-popover__content h2{
        width:auto;
    }
}
/**
         * WordPress 6.4
         fallback full site editor global style
*/

.is-dark-theme,
.is-fse-dark-global{
    --wp--custom--border--common-color: #888;
    --wp--custom--border--common: var(--wp--custom--border--common-width) var(--wp--custom--border--common-style) var(--wp--custom--border--common-color);
    --wp--custom--color--code-tag-bg: #364549;
    --wp--custom--color--code-tag-text: #1bff4a;
    --wp--custom--color--banner-bg: rgba(255,255,255,.1);
    --wp--custom--color--banner-text: #ffffff;
    --wp--custom--color--stripe: rgba(255,255,255,.1);
    --wp--custom--color--toc-bg: #364549;
    --wp--custom--color--button-bg: #000000;
    --wp--custom--color--button-text: #cccccc;
    --wp--custom--color--unknown-bg: #f8f8ff;
    --wp--custom--color--dark-mode-bg: #1b262c;
    --wp--custom--marker--color:#90ee90;

    &.fse-scheme-default .rich-header{
        color:var(--wp--custom--color--banner-text);
    }
}

/**
* HTML constructs that do not occur in the block editor. maybe third party block
*/
/**
         * WordPress 6.3
* .is-layout-default
* theme.json definitions deleted on 6.3
*/
.wp-block-template-part > :where(:not([class*="align"]):not(a):not(span,select,input,textarea,button,img)) {

    width: min(100%, var(--wp--style--global--content-size));

}
.emulsion:where(:not(.block-editor-page)){

    // globaly
    .wp-site-blocks > :where(:not([class*="align"]):not(a)):not(span,select,input,textarea,button,img){
        width: min(100%, var(--wp--style--global--content-size));
        max-width:100%;
        margin-right: auto;
        margin-left: auto;
        &.is-layout-flex:not(.is-vertical) > *{
            width:auto;
        }
    }

    .is-layout-constrained > :where(:not([class*="align"]):not(a)):not(span,select,input,textarea,button,img){
        width: min(100%, var(--wp--style--global--content-size));
        margin-left:auto;
        margin-right:auto;

    }
    .is-layout-constrained > img{
        width:auto;
        max-width:min(100%, var(--wp--style--global--content-size));
        box-sizing:border-box;
        padding-right:var( --wp--custom--padding--content, .75rem );
        padding-left:var( --wp--custom--padding--content, .75rem );
        margin:var(--wp--custom--margin--block);
        padding:0;
    }

    div > [class*="-aligned-"],
    div > [class*="-align-"]{
        width: min(100%, var(--wp--style--global--content-size));
        max-width:100%;
        margin-right: auto;
        margin-left: auto;
    }

    //exception
    .wp-block-pullquote.alignleft,
    .wp-block-pullquote.alignright{
        max-width:100%;
    }

    //is-layout-flex, is-layout-grid
    .is-layout-flex{
        display:flex;
        gap:var(--wp--custom--margin--gap);
    }
    .is-layout-grid{
        display:grid;
    }
    .is-grid > *,
    .is-flex-container > *,
    .is-layout-flex:not(.is-vertical) > *{
        @media (min-width: 48rem){
            margin-right:0 ;
            margin-left:0 ;
        }
    }

    //layout exceptions
    .is-layout-constrained > .alignwide{
        //OW
        max-width:100%;
    }
    .wp-site-blocks{

        .wp-block-comments-pagination{
            margin:1.5rem auto;
            .wp-block-comments-pagination-numbers,
            .wp-block-comments-pagination-next,
            .wp-block-comments-pagination-previous,
            .wp-block-comments-pagination-numbers * {
                width:-moz-fit-content;
                width:fit-content;
                margin:0;
            }
        }

        .aligncenter{
            width: var(--wp--custom--width--aligncenter);
            max-width: 100%;
            margin: var(--wp--custom--margin--block);
            clear: both;
        }
        .aignwide{
            width: var(--wp--style--global--wide-size);
            max-width: 100%;
            margin: var(--wp--custom--margin--block);

        }
        .aignfull{
            width: var(--wp--custom--width--full);
            max-width:100%;
            margin:var(--wp--custom--margin--container);
        }
        .is-style-layout-wide{

            width:auto;
            margin-left:auto !important;
            margin-right:auto !important;

            & > *:not(.alignfull){
                width:var(--wp--style--global--wide-size, 57.5rem);
                margin-left:auto !important;
                margin-right:auto !important;
            }
            .archive-title,
            .post-header-content,
            .fse-header-content,
            .wp-block-comment-template .wp-block-columns,
            .wp-block-comment-template,
            .wp-block-post-featured-image img{
                width:var(--wp--style--global--wide-size, 57.5rem);
            }

        }

        .wp-block-group:not(.fse-header-content).is-layout-flex{
            & > *{
                margin:0;
            }

            &.is-vertical{
                gap:0;
                & > *{
                    margin:var(--wp--custom--margin--block);

                    &:where(.wp-block-group){
                        margin:var(--wp--custom--margin--container);
                    }

                    &:is(p, h1,h2,h3,h4,h5,h6){
                        //Margin collapsing does not occur in flexbox
                        margin-top:calc(var(--wp--custom--margin--top) / 2);
                        margin-bottom:calc(var(--wp--custom--margin--bottom) / 2);
                    }
                }
            }
        }
    }
    & > #wp-toolbar,
    & > #adminmenumain{
        width:auto;
        max-width:none;
    }
}

.emulsion{
    .wp-site-blocks{
        //core pattern
        .wp-block-query{
            width:100%;
            max-width:none;
            ul{
                padding-left:0;
            }
        }
    }
}

.emulsion{
    /**
    * name: core/post-content
    */

    .wp-block-post-content{
        min-height:var(--wp--custom--min-height--one-third);
        overflow:hidden;
        & > :last-child:where(h1,h2,h3,h4,h5,h6,p,ul,ol,.wp-block-table,pre,figure:not(.alignfull)){
            margin-bottom:3rem;
        }
        & > select,
        & > hr,
        & > .wp-block-group.is-layout-flex,
        & > .wp-block-gallery,
        & > .wp-block-columns,
        & > .wp-block-buttons,
        & > .is-style-list-style-inline,
        & > div.gallery,
        & > .is-style-list-style-inline.wp-block-latest-comments,
        & > .wp-block-comments-pagination{
            @extend %fix-flex-container-push;

            @media (max-width: 48rem){
                max-width:100%;
                margin-left:auto;
                margin-right:auto;
            }
        }

        & > .alignleft ~ .wp-block-table:not([class*="align"]),
            & > .alignleft ~ .wp-block-pullquote:not([class*="align"]),
            & > .alignleft ~ .wp-block-quote:not([class*="align"]),
            & > .alignleft ~ .wp-block-code:not([class*="align"]),
            & > .alignright ~ .wp-block-table:not([class*="align"]),
            & > .alignright ~ .wp-block-pullquote:not([class*="align"]),
            & > .alignright ~ .wp-block-quote:not([class*="align"]),
            & > .alignright ~ .wp-block-code:not([class*="align"]){
            @media (min-width: 48rem){
                margin-right: max(1px, calc(50% - var(--wp--style--global--content-size) / 2 ));
                margin-left: max(1px,calc(50% - var(--wp--style--global--content-size) / 2 ));
            }

        }


    }
    &.summary{
        //classic
        .wp-block-post-content{
            min-height:0;
        }
    }

    .page{
        .wp-block-post-content > *:first-child{
            margin-top:0;
        }
    }
}

*:not([id]):not(.main-query) > .wp-block-query{
    margin: var(--wp--custom--margin--block);
    //pattern query
    & > *{
        width: var(--wp--style--global--content-size);
        margin-right: auto;
        margin-left: auto;
    }

    & > #adminmenumain{
        width:auto;
    }
    & > .alignleft{
        float: left;
        width: var(--wp--custom--width--float);
        margin: var(--wp--custom--margin--alignleft);
        clear: left;

    }
    & > .alignright{
        float: right;
        width: var(--wp--custom--width--float);
        margin: var(--wp--custom--margin--alignright);
        clear: right;
    }
    & > .aligncenter{
        width: var(--wp--custom--width--aligncenter);
        margin: var(--wp--custom--margin--block);
        margin-right: auto;
        margin-left: auto;
        clear: both;
    }
    & > .alignwide{
        width: var(--wp--style--global--wide-size);
        margin: var(--wp--custom--margin--block);
        margin-right: auto;
        margin-left: auto
    }
    & > .alignfull{
        width: var(--wp--custom--width--full);
        margin: var(--wp--custom--margin--container);
        margin-right: auto;
        margin-left: auto
    }
    .wp-block-group:not(.fse-header-content).is-vertical > *,
        .wp-block-group:not(.fse-header-content).is-layout-flex > *{

        margin:0;
        //todo 要チェック
    }
    .wp-block-group.is-layout-flex.is-vertical > :not(.specificity){

        width:100%;
    }
    .is-style-layout-wide{
        width:auto;
        margin-left:auto !important;
        margin-right:auto !important;

        & > *:not(.alignfull){
            width:var(--wp--style--global--wide-size, 57.5rem);
            margin-left:auto !important;
            margin-right:auto !important;
        }
        .archive-title,
        .post-header-content,
        .fse-header-content,
        .wp-block-comment-template .wp-block-columns,
        .wp-block-comment-template,
        .wp-block-post-featured-image img{
            width:var(--wp--style--global--wide-size, 57.5rem);
        }
        .wp-block-query-title,
        .post-footer,
        .wp-block-comments-title,
        .taxsonomy,
        .posted-on,
        .wp-block-post-title{
            width:auto;
        }
    }
}

#emulsion{

    //lost
    .items-justified-space-between,
    .is-content-justification-space-between{
        &:where(.is-layout-flex){
            display:flex;
            //flex-wrap:nowrap;
        }
        justify-content: space-between;
        & > *{
            margin-left:0;
            margin-right:0;
        }
    }
    .items-justified-left,
    .is-content-justification-left{

        & > *{
            //@media (min-width: 45rem){
            margin-left:max(1px,var(--wp--custom--margin--start-content));
            width:-moz-fit-content;
            width:fit-content;
            //}
        }
        &:where(.is-layout-flex){
            display:flex;

            justify-content: flex-start;
            & > *{
                margin-left:0;
                margin-right:0;
            }
        }
    }
    .items-justified-center,
    .is-content-justification-center{
        & > *{
            margin-left:auto;
            margin-right:auto;
        }
        &:where(.is-layout-flex){
            display:flex;

            align-items: center;
            justify-content: center;
            & > *{
                margin-left:0;
                margin-right:0;
            }
        }
    }
    //.items-justified-right,
    .is-content-justification-right{
        & > *{
            // @media (min-width: 45rem){

            margin-right:max(1px,var(--wp--custom--margin--start-content));
            width:-moz-fit-content;
            width:fit-content;
            // }
        }
        &:where(.is-layout-flex){
            display:flex;

            align-items: flex-end;
            justify-content: flex-end;
            & > *{
                margin-left:0;
                margin-right:0;
            }
        }
    }
    .wp-block-navigation.fse-primary.items-justified-center{
        //exception
        & > *{
            &.wp-block-navigation__responsive-container-open{
                margin-left:0;
                margin-right:auto;
            }
            &.wp-block-navigation__responsive-container li{
                margin:0;
            }
        }
    }

}
.wp-block-columns{
    &.are-vertically-aligned-top{
        align-items:flex-start;
    }
    &.are-vertically-aligned-center{
        align-items:center;
    }
    &.are-vertically-aligned-bottom{
        align-items:flex-end;
    }
    .wp-block-column{
        &.is-vertically-aligned-top{
            align-self: flex-start;
        }
        &.is-vertically-aligned-center{
            align-self:center;
        }
        &.is-vertically-aligned-bottom{
            align-self:flex-end
        }
    }
}
/**
* WordPress 6.3 END
*/

/**
* name: core/table-of-contents
*/

.wp-block-table-of-contents{
    padding:0;
    & > ol,
    & > ul{
        width:auto;
        margin:0 auto;
    }
}

/**
* name: core/next-page
*/

.wp-block-nextpage,
.post-nav-links{
    float:none;
    clear:both;
    .post-page-numbers{
        padding:var( --wp--custom--padding--content, .75rem );
        border:var(--wp--custom--border--common);
    }
    .current{
        padding:var( --wp--custom--padding--content, .75rem );
        font-weight:700;
    }
}

.emulsion{
    /**
    * figcaption
    */

    figcaption{
        width:-moz-fit-content;
        width:fit-content;
        text-align:left;
        font-size:var(--wp--preset--font-size--small,0.8125rem);
        margin:0 auto;
        padding:.75rem;
    }

    .alignleft.size-thumbnail{
        figcaption{
            width:9.375rem;
            margin-right:0;
        }
    }
    .alignright.size-thumbnail{
        figcaption{
            width:9.375rem;
            margin-left:0;
        }
    }
    .alignleft.is-resized figcaption{
        width:inherit;
        padding-right:var(--wp--custom--padding--content);
        margin-right:0;
        text-align:center;
    }
    .alignright.is-resized figcaption{
        width:inherit;
        padding-left:var(--wp--custom--padding--content);
        margin-left:0;
        text-align:center;
    }
    .wp-element-caption:has(br){
        //todo waiting firefox suppots
        width:auto;
        padding:1.5rem;
        font-size:1rem;
        margin-top:0;
        white-space:pre-wrap;
        border-bottom: var(--wp--custom--border--common);

    }
}

.emulsion{
    /**
     * post-header
     */
    .wp-site-blocks > header + .wp-block-group header,
    .post-header{
        .posted-on{
            padding:0;
            margin-left:0;
        }
        .taxsonomy{
            margin:0;
        }
    }

    .page-header,
    .post-header{
        min-height:var(--wp--custom--min-height--quarter);
        @extend %centered_spacing;
    }
    div.taxsonomy{
        // width depend .post-header-content
        padding:0 var( --wp--custom--padding--content, .75rem );
        overflow:initial;
        .taxsonomy{
            padding:0;
        }
        .taxonomy-category, //classic
        .taxonomy-post_tag,//classic
        .wp-block-post-terms{
            display:flex;
            flex-wrap:wrap;
            width:100%;
            gap:var(--wp--custom--margin--gap);
            margin-bottom:.75rem;
            a{
                padding:.375rem .75rem;
                border:var(--wp--custom--border--common);

            }
            .wp-block-post-terms__separator{
                display:none;
            }
        }

    }
    .posted-on{
        // width depend .post-header-content
        overflow:initial;
        font-family:var(--wp--preset--font-family--system-font);
        font-size:var( --wp--preset--font-size--normal );
        time{
            width:auto;
        }
    }

    .wp-block-post-author__name{
        font-family:var(--wp--preset--font-family--system-font);
        font-size:var( --wp--preset--font-size--normal );
    }
    .centered{
        @extend %centered_spacing;
    }


    /**
    * wp-block (front end Theme class)
    */

    .wp-block{
        & > .wp-block:where(div,aside,section,main,header,footer,article){
            padding:0;
            margin:var(--wp--custom--margin--container);
            .wp-block-buttons{
                box-sizing:border-box;
                padding-right:var( --wp--custom--padding--content, .75rem );
                padding-left:var( --wp--custom--padding--content, .75rem );
                margin:var(--wp--custom--margin--block);
            }
        }
        &.wp-block-table{
            thead{
                border-bottom-color:inherit;
            }
            tfoot{
                border-top-color:inherit;
            }
            tr td{
                border-color:inherit;
            }
            &.alignleft{
                @extend %alignleft;
            }
            &.alignright{
                @extend %alignright;
            }
            &.aligncenter:not(#spacificity){
                box-sizing:border-box;
                float:none;
                width:var(--wp--custom--width--aligncenter);
                clear:both;
                @media screen and ( max-width : 40rem ) {
                    width:calc( 100% - var(--wp--custom--padding--content,.75rem) * 2);
                    margin-right:auto;
                    margin-left:auto;
                }
            }
            &.alignwide:not(#spacificity){
                width:var(--wp--style--global--wide-size, 57.5rem);
            }
            &.alignfull:not(#spacificity){
                width:var(--wp--custom--width--full);

                @media screen and ( min-width : 80rem ) {
                    // Limit width
                    max-width:var(--wp--custom--width--limit, 1600px);
                }
            }
        }
        &.wp-block-columns{
            overflow:visible;
        }
        ul.wp-block,
        ol.wp-block,
        .wp-block:where(blockquote){
            @extend %list-quote-padding;
        }
        ul.is-layout-grid,
        ul.is-flex-container{
            padding:0;
            margin:var(--wp--custom--margin--container);
            &.alignfull{
                max-width:calc(100% - var(--wp--custom--padding--content) * 2);
            }
            li{
                padding:0;
                .loop-item{
                    margin:var(--wp--custom--margin--container);
                }
            }
            @media screen and ( max-width : 40rem ) {
                max-width:calc(100% - var(--wp--custom--padding--content) * 2);
            }
        }
        &.alignleft{
            @extend %alignleft;
        }
        &.alignright{
            @extend %alignright;
        }
        &.alignwide{
            //need width
            width:var(--wp--style--global--wide-size, 57.5rem);
            box-sizing:border-box;
            padding-right:0;
            padding-left:0;
            margin:var(--wp--custom--margin--block);
        }
        &.alignfull{
            //need width
            width:var(--wp--custom--width--full);

            @media screen and ( min-width : 80rem ) {
                // Limit width
                max-width:var(--wp--custom--width--limit, 1600px);
            }
        }
        &.wp-block-navigation{
            overflow:visible;
        }
    }
    .wp-block.toc{
        @extend %structure_spacing;
    }

    .wp-block-columns{
        @extend %flex-container;
    }


    /**
    * Clear Align
    */

    .wp-block-post-content > div:not([class]),
        .wp-block-query-pagination{
        float:none;
        margin-right:auto;
        margin-left:auto;
        clear:both;
    }
    .is-layout-flex.is-vertical{
        padding:0;
        &.wp-block-buttons{
            .wp-block-button{
                margin:var(--wp--custom--margin--container);
                a{
                    margin:var(--wp--custom--margin--container);
                }
            }
        }
    }
    .post-password-form{
        @extend %structure_spacing;
    }
}

.emulsion{

    /**
    * name: core/group
    */


    .wp-block-group{
        box-sizing:border-box;
        padding-right:var( --wp--custom--padding--content, .75rem );
        padding-left:var( --wp--custom--padding--content, .75rem );
        margin:var(--wp--custom--margin--block);
        padding:0;
        display:block;
        overflow:hidden;
        &.alignfull{
            //need width
            width:var(--wp--custom--width--full);

            @media screen and ( min-width : 80rem ) {
                // Limit width
                max-width:var(--wp--custom--width--limit, 1600px);
            }
            @extend %structure_spacing;
        }
        &.is-layout-flex{
            @extend %flex-container;
            &.is-vertical{
                flex-direction:column;
            }
        }
        &.is-layout-grid{
            display:grid;

            & > .wp-block-image:not(#specificity){
                margin:0;
            }
        }
        &.is-layout-grid:not(#spacificity){
            gap:var(--wp--custom--margin--gap);

            .wp-block-group,
            & > *{
                margin:0;

                img{
                    aspect-ratio:unset;
                }
                @media (max-width: 48rem){
                    margin:auto;
                }
            }
        }
        &.is-content-justification-right > *:not(.spacificity){
            margin-right:0;
        }
        &.is-content-justification-left > *:not(.spacificity){
            margin-left:0;
        }
        &.centered{
            @extend %centered_spacing;
        }
    }
}
.emulsion{
    .alignright,
    .alignleft{
        //push not apply width auto
        &.wp-block-archives,
        &.wp-block-categories{
            & ~ .wp-block-group{
                margin-right: max(1px,calc(50% - var(--wp--style--global--content-size) / 2 ));
                margin-left: max(1px,calc(50% - var(--wp--style--global--content-size) / 2 ));
                &.alignfull{
                    margin-right:auto;
                    margin-left:auto;
                }
            }
        }
    }

    /**
    * name: core/gallery
    */
    .wp-block-post-content{
        & > .wp-block-gallery{
            @media (min-width: 48rem){
                max-width:calc( 100% - var(--wp--custom--padding--content,.75rem) * 2);
            }
        }
    }
    .wp-block-gallery{
        @extend %flex-container;
        &.has-nested-images{
            flex-wrap:wrap;
            justify-content: center;

            //OW
            &.alignleft{
                @extend %alignleft;
            }
            &.alignright{
                @extend %alignright;
            }
            figure.wp-block-image{
                figcaption{
                    background:#000;
                    color:#fff;
                    a{
                        color:#fff;
                    }
                }
            }
        }
    }
    .wp-block-group.is-vertical,
    .wp-block-column{
        & > .wp-block-gallery{
            width:auto;
            margin:var(--wp--custom--margin--block);
        }
    }

    /**
    * name: core/columns
    */


    .wp-block-columns{
        @extend %flex-container;
        overflow:visible;
        @media screen and (min-width: 37.5rem) and (max-width: 48rem){
            &:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
                flex-basis: calc(50% - var(--wp--style--block-gap, .75rem) * 2)!important;
                flex-grow: 0;
            }
        }
    }
    .wp-block-columns:not(.fse-columns){
        .wp-block-column{
            .wp-block-code,
            .wp-block-table,
            .wp-block-pullquote,
            .wp-block-gallery{
                margin-right:auto;
                margin-left:auto;
            }

            &:not(.is-style-main){
                & > ul,
                & > ol{
                    ul,
                    ol{
                        padding-left:min(15%, 1.5rem);
                        @media screen and ( max-width : 48rem ) {
                            padding-left: clamp( 2rem, calc( 100vw / 72 ), calc(2.5rem + var(--wp--custom--padding--content, .75rem)));
                        }
                        li{
                            padding-left:0;
                        }
                    }
                }
                h1{
                    font-size:xx-large;
                }
                h2{
                    font-size:x-large;
                }
                h3{
                    font-size:large;
                }
                h4{
                    font-size:medium;
                }
                h5{
                    font-size:small;
                }
                h6{
                    font-size:x-small;
                }
            }
        }
    }
}

/**
* name: core/table
*/
.is-layout-constrained > .wp-block-table:not([class*="align"]){
    width:calc( var(--wp--style--global--content-size) - var(--wp--custom--padding--content) * 2);
}

.wp-block-table{
    thead {
        border-bottom-color:var(--wp--custom--border--common-color);
        border-bottom-style:var(--wp--custom--border--common-style);
        border-bottom-width:3px;
    }
    tfoot {
        border-top-color:var(--wp--custom--border--common-color);
        border-top-style:var(--wp--custom--border--common-style);
        border-top-width:3px;
    }
    td,th{
        border:var(--wp--custom--border--common);
        padding:calc( var(--wp--custom--padding--content,.75rem) / 2);
    }
}
.emulsion{
    .wp-block-table{
        &.is-style-stripes{
            //OW
            tbody tr:nth-child(odd) {
                background-color:var(--wp--custom--color--stripe);
            }
        }

        table{
            width:100%;
            margin:0;
            &[style]{
                thead {
                    border-bottom-color:inherit;
                    border-bottom-style:inherit;
                    border-bottom-width:3px;
                }
                tfoot {
                    border-top-color:inherit;
                    border-top-style:inherit;
                    border-top-width:3px;
                }
                td,th{
                    border:inherit;
                }
            }
        }
    }
}
.emulsion{
    .wp-block-column{
        & > .wp-block-table{
            margin:var(--wp--custom--margin--block);
        }
    }
}

.emulsion{

    /**
    * name: core/post-featured-image
    */

    .wp-block-post-featured-image{
        margin-block-start:0;
        margin-block-end:0;
        text-align:center;
        img{
            height:100%;
            max-height: var(--wp--custom--max-height--post-featured-image, 75vh);
            margin:0 0 0 0;
            object-fit:cover;
        }
        &.alignleft{
            text-align:right;
        }
        &.alignright{
            text-align:left;
        }
    }
    &.page,
    &.single{
        .wp-block-post-featured-image{
            width:100%;
            background:var(--wp--custom--color--featured-image-bg);
        }
    }

    /**
    * name: core/post-excerpt
    */


    .wp-block-post-excerpt{
        .wp-block-post-excerpt__excerpt{
            margin:0 auto 1.5rem;
        }
    }
}
.trancate,
.wp-block-post-excerpt__excerpt{
    @extend %line-clamp;
    margin-top:0;
}
.emulsion{
    .wp-block-post-excerpt__more-text{
        margin:var(--wp--custom--margin--block);
    }


    /**
    * name: core/media-text
    */


    .wp-block-media-text{
        margin-left:auto;

        &:not(.alignleft):not(.alignright){
            padding-right:0;
            padding-left:0;
        }
        &.is-stacked-on-mobile{
            .wp-block-media-text__media{
                @media screen and (max-width: 48rem){
                    width:auto;
                    max-width:100%;
                }
            }
        }
    }

    /**
    * name: core/pullquote
    */


    .wp-block-pullquote {
        @extend %flex-container;
        padding:0;
        text-align:left;
        &:not(.has-border-color){
            border:var(--wp--custom--border--common);
        }
        &:not(#specificity){
            border-right-width:0 ! important;
            border-left-width:0 ! important;
        }
        blockquote{
            border:none;
            p{
                font-size:inherit;
                line-height:inherit;
            }
        }
        cite{
            padding: 0 var(--wp--custom--padding--content);
            font-size: var(--wp--preset--font-size--small);
            font-weight:700;
            line-height: var(--wp--custom--line-height--common,1.5);
            text-transform: var(--wp--custom--text-transform--common, none);
        }
    }

    /**
    * name: core/quote
    */


    &.is-tpl-single-with-toc_template{
        .wp-block-post-content{
            .wp-block-quote{
                margin-right:auto;
                margin-left:auto;
            }
        }
    }
    .wp-block-quote{
        box-sizing:border-box;
        padding-right:var( --wp--custom--padding--content, .75rem );
        padding-left:var( --wp--custom--padding--content, .75rem );
        margin:var(--wp--custom--margin--block);
        position:relative;
        padding-left: clamp(2rem, calc(100vw / 72), calc(2.5rem + var(--wp--custom--padding--content, .75rem)));
        p{
            padding:0;
        }

        &.has-text-align-left{
            padding-left: clamp(2rem, calc(100vw / 72), calc(2.5rem + var(--wp--custom--padding--content, .75rem)));
            border:none;
            border-left:2px solid rgba(188,188,188,.5);
        }
        &.has-text-align-center{
            padding:0 clamp(2rem, calc(100vw / 72), calc(2.5rem + var(--wp--custom--padding--content, .75rem)));
            border:none;
            border-top:2px solid rgba(188,188,188,.5);
            &:before{
                position: absolute;
                top: .75rem;
                left: .75rem;
                display: inline-block;
                width:1.875rem;
                height:1.875rem;
                font-size: 2.5rem;
                line-height: 1;
                content: "“";
            }
        }
        @media screen and ( max-width : 40rem ) {
            max-width:calc(100vw - var(--wp--custom--padding--content) * 2);
            padding-left: clamp(2rem, calc(100vw / 72), calc(2.5rem + var(--wp--custom--padding--content, .75rem)));
        }
        &.has-text-align-right{
            padding-right: clamp(2rem, calc(100vw / 72), calc(2.5rem + var(--wp--custom--padding--content, .75rem)));
            border:none;
            border-right:2px solid rgba(188,188,188,.5);
        }
        &.alignleft{
            @extend %alignleft;
        }
        &.alignright{
            @extend %alignright;
        }
        &.alignfull{
            width: calc( 100% - var(--wp--custom--padding--content,.75rem) * 2) !important;
            padding-left: clamp(2rem, calc(100vw / 72), calc(2.5rem + var(--wp--custom--padding--content, .75rem)));
        }

        cite{
            padding: 0;
            font-size: var(--wp--preset--font-size--small);
            font-weight:700;
            line-height: var(--wp--custom--line-height--common,1.5);
            text-transform: var(--wp--custom--text-transform--common, none);
        }
    }
    .is-root-container blockquote p.alignright ~ cite,
    .is-root-container blockquote p.alignleft ~ cite{
        width:50%;
        clear:both;
    }

    /**
     * name: core/separator
     */

    .wp-block-separator{
        position:relative !important;
        height:3rem;
        border:none;
        &:before{
            position:absolute;
            top:0;
            right:0;
            bottom:0;
            left:0;
            width:50%;
            height:2px;
            margin:auto;
            color:inherit;
            content:'';
            background:transparent;
            border-bottom:1px solid;
        }
        &.is-style-dots{
            height:3rem;
            &:before{
                width:-moz-fit-content;
                width:fit-content;
                height:3rem;
                margin:1rem auto;
                font-size:3rem;
                color:inherit;
                content:'\2026';
                background:transparent;
                border:none;
            }
        }
        &.is-style-wide{
            background:transparent !important;
            &:before{
                width:100%;
                color:inherit;
                background:transparent;
            }
        }
    }

    .wp-block-column{
        & > .wp-block-separator{
            width:auto;
            margin:auto;
            &:not(.is-style-dots):before{
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left:0;
                width: 6.25rem;
                height: 2px;
                margin: auto;
                color: inherit;
                content: '';
                background: transparent;
                border-bottom: 1px solid;
            }
        }
    }

    /**
    * name: core/cover
    */
    .wp-block-cover{
        &.is-position-bottom-left,
        &.is-position-center-left,
        &.is-position-top-left{
            .wp-block-cover__inner-container > *{
                margin-left:0;
            }
        }
        &.is-position-bottom-right,
        &.is-position-center-right,
        &.is-position-top-right{
            .wp-block-cover__inner-container > *{
                margin-right:0;
            }
        }
        &.alignleft,
        &.alignright{
            max-width:100%;
        }
    }

    .wp-block-cover__gradient-background,
    .wp-block-cover__background{
        width:100%;
        height:100%;
        margin:var(--wp--custom--margin--container);
    }
    .wp-block-cover-image.is-light .wp-block-cover__inner-container,
    .wp-block-cover.is-light .wp-block-cover__inner-container{
        // color:inherit;
    }

    /**
    * name: core/embed
    */

    .wp-block-group.is-vertical,
    .wp-block-column{
        & > .wp-block-embed{
            .wp-block-embed__wrapper{
                display:flex;
                flex-direction: column;
                width:auto;
            }
        }
    }

    /**
    * name: core/image
    */

    .wp-lightbox-overlay{
        .wp-block-image{
            margin-top:0;
        }
    }
    .wp-block-image:not(#specificity) img[style*="width"][style*="height"]{
        height:auto !important;
    }
    .wp-block-image{
        position:relative;
        text-align:center;
        .components-resizable-box__container:not(.specificity){
            max-width:100%!important;
            max-height:auto!important;
            margin:auto;
            & ~ figcaption{
                display:block;
            }
        }
        &.alignleft{
            .components-resizable-box__container{
                margin-right:0;
            }
        }
        &.alignright{
            .components-resizable-box__container{
                margin-left:0;
            }
        }
        figcaption{
            display:block;
        }
        &.alignright.size-thumbnail,
        &.alignleft.size-thumbnail{
            width:var(--wp--custom--width--thumbnail-float);
            @media screen and ( max-width : 40rem ) {
                width:auto;
                padding:0;
                margin-right:auto;
                margin-left:auto;
                text-align:center;
                figcaption{
                    margin-right:auto;
                    margin-left:auto;
                }
            }
        }
        &.is-style-circle-mask{
            figcaption{
                position: absolute;
                top: 40%;
                right: 0;
                left: 0;
                z-index: 10;
                display:block;
                width:-moz-fit-content;
                width:fit-content;
                padding:var( --wp--custom--padding--content, .75rem );
                color:#fff;
                visibility:hidden;
                background:rgba(0,0,0,.3);
            }
            &:hover{
                figcaption{
                    visibility:visible;
                }
            }
        }
        .alignleft,
        &.alignleft{
            display:block;
            text-align:right;
            @media screen and ( max-width : 40rem ) {
                padding:0;
                margin-right:auto;
                margin-left:auto;
                text-align:center;
            }
            &.is-style-circle-mask{
                text-align:center;
                shape-outside: circle();
                @media screen and ( max-width : 40rem ) {
                    shape-outside: none;
                }
            }
        }
        .alignright,
        &.alignright{
            display:block;
            text-align:left;
            @media screen and ( max-width : 40rem ) {
                padding:0;
                margin-right:auto;
                margin-left:auto;
                text-align:center;
            }
            &.is-style-circle-mask{
                text-align:center;
                shape-outside: circle();
                @media screen and ( max-width : 40rem ) {
                    shape-outside: none;
                }
            }
        }
    }
    .wp-block-group.is-vertical,
    .wp-block-column{
        & > .wp-block-image{
            display:flex;
            flex-direction: column;
            align-items: center;
            background: var(--wp--custom--color--featured-image-bg);
            &:not(.alignleft):not(.alignright){
                margin:0 auto;
            }
        }

    }
    .wp-block-group.shape-speech-bubble{
        .wp-block-image{
            background:transparent;
        }
    }

    /**
    * name: core/post-navigation
    */

    .is-root-container .wp-block-post-navigation-link a{
        padding:.75rem;
    }
    .wp-block-post-navigation{
        max-width: calc( 100% - var(--wp--style--block-gap, .75rem) * 2);
        &.wp-block-group:not(.specificity){
            @extend %flex-container;
            @extend %fix-flex-container-push;
            margin:var(--wp--custom--margin--block);
        }
        .wp-block-post-navigation-link{
            flex: 1 1 auto;
            padding:0;
            a{
                padding: 0.385rem;
            }
            &:empty{
                display:none;
            }
        }
    }
    .wp-block-post-navigation-link.post-navigation-link-previous a,
    .wp-block-post-navigation-link.post-navigation-link-next a{
        display:block;
    }

    .wp-block-post-template.is-layout-grid,
    .wp-block-post-template.is-layout-flex,
    .wp-block-post-template.is-flex-container{
        li{
            border:var(--wp--custom--border--common,1px solid #ccc);
            .loop-item{
                position:relative;
                height:100%;
                margin:0;
                .wp-block-post-title{
                    font-size:revert;
                }
            }
            &.has-post-thumbnail{
                .wp-block-post-excerpt{
                    display:none;
                }
                .is-layout-grid{
                    .wp-block-post-excerpt{
                        display:none;
                    }
                    .wp-block-post-featured-image{
                        aspect-ratio:unset;
                    }
                }
            }
            .wp-block-group{
                margin:0;
            }
        }
        &:not(.wp-block-query-pagination){
            gap:var(--wp--style--block-gap, .75rem);
            min-height:var(--wp--custom--max-height--harf);
            .loop-item:after{
                display:none;
                border:none;
            }
            li{
                border:var(--wp--custom--border--common,1px solid #ccc);
                .wp-block-post-title{
                    font-family: var(--wp--preset--font-family--system-font);
                    font-weight:700;
                    line-height: var(--wp--custom--line-height--heading,1.15);
                    text-transform: var(--wp--custom--text-transform--heading);
                }
                .wp-block-post-excerpt p{
                    @extend %line-clamp
                }
                &.has-post-thumbnail{
                    .wp-block-post-featured-image ~  .wp-block-post-excerpt{
                        display:none;
                    }
                }
                & > div{
                    &.has-background{
                        height:100%;
                        margin:var(--wp--custom--margin--container);
                    }
                }
                article{
                    &.has-background{
                        margin:var(--wp--custom--margin--container);
                    }
                }
            }
        }
    }
    .main-query .wp-block-post-template:where(:not(.is-flex-container):not(.is-layout-flex):not(.is-layout-grid)) {
        li{
            width:100%;
            .loop-item{
                position:relative;
                width:100%;
                height:100%;
                border-bottom:var(--wp--custom--border--common);
            }
            &.has-post-thumbnail{
                display:block;
                margin-right:0!important;
                margin-left:0!important;
                border-bottom:none;
                .loop-item{
                    position:relative;
                    width:100%;
                    height:100%;
                    border:none;
                    .wp-block-post-title{
                        margin-top:1.5rem;
                    }
                    .post-header,
                    .wp-block-post-featured-image{
                        width:calc( var(--wp--style--global--content-size) / 2 - var(--wp--style--block-gap, .75rem) * 2);

                    }
                    .wp-block-post-title{
                        background:transparent;
                    }
                    @media screen and (max-width: 45rem) {
                        min-height:0;
                        margin:auto;
                        .post-header,
                        .wp-block-post-featured-image{
                            width:100%;
                            min-height:0;
                            margin:0 auto;
                        }
                        .post-header{
                            padding-bottom:1.5rem;
                        }
                    }
                }
            }
        }
        &.alignwide,
        &.alignfull{
            .loop-item{
                .wp-block-post-excerpt{
                    padding:0;
                    margin:var(--wp--custom--margin--container);
                }
            }
        }
    }
    .is-grid{
        &.wp-block-latest-posts li{
            padding:0 var(--wp--custom--padding--content, .75rem);
            list-style-type:none;
        }
    }


    /**
    * name: core/query-pagination
    */

    .wp-block-query-pagination{
        @extend %flex-container;
        @extend %fix-flex-container-push;
        padding:0 var(--wp--custom--padding--content,.75rem);
        margin:var(--wp--custom--margin--block, 1.5rem auto);
        align-items:center;
        overflow-wrap: break-word;
        a{
            flex:1 1 auto;
            border:var(--wp--custom--border--common,1px solid #ccc);
        }
        .wp-block-query-pagination-numbers{
            display:flex;
            gap:var(--wp--style--block-gap, .75rem);
            align-items:center;
            .current{
                padding:var(--wp--custom--padding--content,.75rem);
                border:var(--wp--custom--border--common,1px solid #ccc);
            }
            .dots{
                padding:var(--wp--custom--padding--content,.75rem);
                border:none;
            }
        }
    }

    /**
    * name: core/query-title
    */
    div.wp-site-blocks{
        .archive-title{
            margin: var(--wp--custom--margin--container);
            &:last-child{
                .wp-block-query-title{
                    margin:var(--wp--custom--margin--block);
                }
            }
        }
    }

    /**
    * name: core/query
    */

    .wp-block-query{
        & > .wp-block-post-template{
            display: flex;
            li{
                z-index:0;
                order:2;
                &.sticky{
                    order:1;
                }
            }
        }
        & > .wp-block-post-template:not(.is-layout-flex):not(.is-flex-container):not(.is-layout-grid){
            flex-direction: column;
            padding:0;
            li{
                padding:0;
            }
        }

    }
    .wp-block-query{
        .wp-block-group{
            &.is-layout-grid{
                display:grid;
                &.loop-item{
                    //query loop article
                    .wp-block-post-excerpt{
                        @extend %centered_spacing;
                    }
                }
            }
        }
        ul:not(.is-layout-flex):not(.is-flex-container):not(.is-layout-grid){
            li.has-post-thumbnail{
                .is-layout-grid{
                    display:grid;
                }
            }
        }
    }

    .main-query .wp-block-query{
        ul.wp-block-post-template{
            padding-left:0;
            &.is-layout-flex{
                @media (max-width: 48rem){
                    padding:0 .75rem;
                }
            }
        }
        .wp-block-post-template li{
            overflow:hidden;
        }
        .is-layout-flex li{
            padding:0;
            margin:0;
        }
    }
}
.single,
.page{
    .wp-block-query{
        ul:not(.is-layout-flex):not(.is-flex-container):not(.is-layout-grid){
            // alignwide or alignfull wp-block-post-template start
            .loop-item{
                width:100%;
            }
            .post-header-content{
                width:100%;
            }
            //alignwide or alignfull wp-block-post-template end
        }
    }
    .wp-block-query{
        ul.is-layout-flex{
            padding-left:0;
            margin:0;
            .has-post-thumbnail{
                .loop-item{
                    .wp-block-post-excerpt{
                        display:none;
                    }
                }
            }
        }
    }
}

.emulsion{
    /**
    * name: core/term-description
    */
    .wp-block-term-description{
        @extend %structure_spacing;
        p{
            font-family:var(--wp--preset--font-family--system-font);
            font-size:var( --wp--preset--font-size--normal );
            width:100%;
            margin-top:0;
        }
    }

    /**
    * name: core/buttons
    * global style
    wp-block-buttons : block spacing (gap)
    wp-block-button : padding, radius,
    */


    .wp-block-buttons{
        overflow:visible;
        align-items: stretch;
        &.alignfull{
            padding:0 var(--wp--custom--padding--content, 0.75rem);
        }
        &.is-layout-flex{
            flex-wrap:wrap;
        }
        .wp-block-button:not(.has-custom-width){
            width:-moz-fit-content;
            width:fit-content;
            text-align:left;
        }
        .wp-block-button{
            padding:0;
            .wp-block-button__link{
                width:100%;
                display:inline-block;
                &:empty{
                    display:none;
                }
            }
            &.is-style-outline{
                a{
                    padding: calc(var(--wp--custom--padding--content, 0.75rem) / 2 - 2px) calc(var(--wp--custom--padding--content, 0.75rem) - 2px);
                }
            }
            &.wp-block-button__width-25{
                flex-basis:calc( 25% - var(--wp--style--block-gap, .75rem) * 4);
                width:calc( 25% - var(--wp--style--block-gap, .75rem) * 4);
                margin:0;
            }
            &.wp-block-button__width-50{
                flex-basis:calc(50% - var(--wp--style--block-gap, .75rem) * 4);
                width:calc(50% - var(--wp--style--block-gap, .75rem) * 4);
                margin:0;
            }
            &.wp-block-button__width-75{
                flex-basis:calc( 75% - var(--wp--style--block-gap, .75rem) * 4);
                width:calc( 75% - var(--wp--style--block-gap, .75rem) * 4);
                margin:0;
            }
            &.wp-block-button__width-100{
                flex-basis:calc( 100% - var(--wp--style--block-gap, .75rem) * 4 );
                width:calc( 100% - var(--wp--style--block-gap, .75rem) * 4 );
                margin:0;
            }
        }
        &.is-vertical:not(#specificity){
            width:-moz-fit-content;
            width:fit-content;
            .wp-block-button{
                &.wp-block-button__width-25{
                    flex-basis:calc( 25% - var(--wp--style--block-gap, .75rem) * 4);
                    width:calc( 25% - var(--wp--style--block-gap, .75rem) * 4);
                    margin:0;
                }
                &.wp-block-button__width-50{
                    flex-basis:calc(50% - var(--wp--style--block-gap, .75rem) * 4);
                    width:calc(50% - var(--wp--style--block-gap, .75rem) * 4);
                    margin:0;
                }
                &.wp-block-button__width-75{
                    flex-basis:calc( 75% - var(--wp--style--block-gap, .75rem) * 4);
                    width:calc( 75% - var(--wp--style--block-gap, .75rem) * 4);
                    margin:0;
                }
                &.wp-block-button__width-100{
                    flex-basis:calc( 100% - var(--wp--style--block-gap, .75rem) * 4 );
                    width:calc( 100% - var(--wp--style--block-gap, .75rem) * 4 );
                    margin:0;
                }
                .wp-block-button__link{
                    min-width:9.125rem;
                }
            }
            &.alignleft{
                margin-right:.75rem;
                margin-left:var(--wp--custom--padding--content,.75rem);
            }
            &.alignright{
                margin-right:var(--wp--custom--padding--content,.75rem);
                margin-left:.75rem;
            }
        }
        &.is-style-has-shadow{
            .wp-block-button{
                .wp-block-button__link{
                    filter: var(--thm_filter_shadow, drop-shadow(3px 3px 3px rgba(0,0,0,0.3)));
                }
                .wp-block-button__link:active{
                    filter:none;
                }
            }
        }
        &.alignleft:not(.specificity),
            &.alignright:not(.specificity){
            @media screen and (max-width: 40rem) {
                float:none;
                width:auto;
                clear:both;
            }
        }
    }

    /**
    * name: core/heading
    */

    .wp-block-heading:is(h1,h2,h3,h4,h5,h6){
        &.alignfull{
            padding:0 var(--wp--custom--padding--content,.75rem);
        }
    }

    /**
    * name: core/file
    */

    .wp-block-file{
        display:block;
        margin:1.5rem auto;
        a{
            display:inline-block;
            padding:.75rem;
            margin:0 0 0 0.75rem;
            width:-moz-fit-content;
            width:fit-content;
            text-align:left;
            &:empty{
                display:none;
            }
        }
    }

    /**
    * name: core/post-comments-form
    */

    .form-submit [type="submit"]{
        width:auto;
    }
    /*
    * Theme align
    * must last for cascading
    */

    .alignwide{
        //need width
        width:var(--wp--style--global--wide-size, 57.5rem);
        margin:var(--wp--custom--margin--block);
        &:where(ul,ol){
            @extend %list-quote-padding;
            &.is-style-list-style-inline{
                padding-left:var(--wp--custom--padding--content,.75rem);
            }
        }
    }
    .alignfull{
        &:where(ul,ol){
            @extend %list-quote-padding;
            &.is-style-list-style-inline{
                padding-left:var(--wp--custom--padding--content,.75rem);
            }
        }
    }
    .is-layout-constrained > .is-style-new-line{
        position:static;
        & ~ :where(h1,h2,h3,h4,h5,h6,p) {
            position: static;
        }
        & ~ :where(ul,ol){
            position:static;
            width:var(--wp--style--global--content-size, 45rem );

        }
    }
    .alignright{
        @extend %alignright;
        & ~ :where(h1,h2,h3,h4,h5,h6,p) {
            position: static;
        }
        &:where(ul,ol){
            @extend %list-quote-padding;
            &.is-style-list-style-inline{
                padding-left:var(--wp--custom--padding--content,.75rem);
            }
        }
    }
    .alignleft{
        @extend %alignleft;
        &:is(ul,ol){
            @extend %list-quote-padding;
            &.is-style-list-style-inline{
                padding-left:var(--wp--custom--padding--content,.75rem);
            }
        }
    }
}

/**
* Minimal kindness for posts written in old editors
*/

.no-block{
    h1,h2,h3,h4,h5,h6,p,ul,ol{
        //need width
        width: min(100%, var(--wp--style--global--content-size));
    }
    .entry-content{
        @extend %structure_spacing;
    }
    img{
        display:block;
        height: auto;
    }
}

/**
* header
*/
/**
* Position fse-header/fse-header-content post-header/post-header-content
*/

.wp-block-site-logo{
    width:-moz-fit-content !important;
    width:fit-content !important;
    &:where(:not([class*="align"])){
        padding:0 0 0 var(--wp--custom--padding--left);
        margin:0;
    }
    img{
        max-width:revert;
        height:revert;
    }
    a{
        width:auto;
        width:-moz-fit-content;
        width:fit-content;
    }
}
.wp-block-site-tagline,
.wp-block-site-title,
.wp-block-site-logo{
    width:-moz-fit-content;
    width:fit-content;

}

.emulsion{
    .fse-header{

        .rich-header{
            &.wp-block-cover{
                &:not([class*="align"]){
                    width:100%;
                }
            }
        }
        .wp-block-navigation{
            margin-top:1.5rem;
            margin-bottom:1.5rem;
        }

    }

}
.bbpress{
    .header-layer.fse-header{
        overflow:hidden;
    }
}



/**
* Accesibility
*/

.home:not(.paged){
    .header-layer{
        .wp-block-site-title a{
            text-decoration: none;
            pointer-events: none;
            cursor: default;
        }
    }
}

/**
* name: core/media-text
*/

.wp-block-media-text{
    display: grid;
    grid-template-areas: "media-text-media media-text-content";
    grid-template-rows: auto;
    grid-template-rows: 2;
    grid-template-columns: 50% 50%;
    align-items: center;

    .wp-block-media-text__media{
        position:relative;
        width:100%;
        height:100%;
        overflow:hidden;

        &[style^="background-image"]{
            img{
                display:block;
                height:100%;
                visibility:hidden;
            }
            & > a{
                display:block;
                height:100%;
            }
        }
        & > a{
            position:absolute;
            top:50%;
            left:50%;
            width:100%;
            transform: translate(-50%, -50%);
        }
        & > img{
            position:absolute;
            top:50%;
            left:50%;
            width:auto;
            transform: translate(-50%, -50%);
            max-height: 100%;
        }
        &:before{
            z-index:-1;
            display:block;
            height:0;
            padding-bottom:56.25%;
            content:'';
        }
    }
    &.is-vertically-aligned-top{
        figure:not([style^="background-image"]){
            & > img,
            & > a{
                top: 0;
                left: 50%;
                transform: translate(-50%, 0);
            }
        }
    }
    &.is-vertically-aligned-bottom{
        figure:not([style^="background-image"]){
            & > img,
            & > a{
                top:auto;
                bottom: 0;
                left: 0;
                transform: none;
            }
        }
    }
    .wp-block-media-text__content{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-right:0;
        padding-left:0;
        overflow:hidden;
        p{
            margin-bottom:0;
        }
        p:last-child{
            margin-bottom: calc(1rem * var(--wp--custom--line-height--common));
        }
        .wp-block-table{
            padding-right:var(--wp--custom--padding--content);
            padding-left:var(--wp--custom--padding--content);
            overflow-x:auto;
            overflow-y:hidden;
        }
        ul,ol{
            padding-left:min(15%, 1.5rem);
            @media screen and ( max-width : 48rem ) {
                padding-left: clamp( 2rem, calc( 100vw / 72 ), calc(2.5rem + var(--wp--custom--padding--content, .75rem)));
            }
            li{
                padding-left:0;
            }
        }
        h1{
            font-size:xx-large;
        }
        h2{
            font-size:x-large;
        }
        h3{
            font-size:large;
        }
        h4{
            font-size:medium;
        }
        h5{
            font-size:small;
        }
        h6{
            font-size:x-small;
        }
    }
    &.has-media-on-the-right {
        grid-template-areas: "media-text-content media-text-media";
        grid-template-columns: 50% 50%;
    }
}


/**
* name: core/latest-posts
*/

.wp-block-latest-posts{
    overflow-wrap: break-word;
    &.wp-block-latest-posts__list{
        //OW
        padding-left: clamp(2rem, calc(100vw / 36), calc(2.5rem + var(--wp--custom--padding--content,.75rem)));
        list-style:decimal;
    }

    .wp-block-latest-posts__post-title{
        display:block;
        margin:var(--wp--custom--margin--block);
        font-family:var(--wp--preset--font-family--system-font);
        font-size: var(--wp--preset--font-size--medium);
        font-weight:700;
        line-height: var(--wp--custom--line-height--heading,1.15);
        text-decoration:none;
        text-transform: var(--wp--custom--text-transform--heading);
    }

    &.is-grid{
        @for $i from 1 through 5 {
            &.columns-#{$i}{
                li{
                    flex:1 1 auto;
                    width: calc( 99.9% / #{$i} - var(--wp--style--block-gap, .75rem));
                    @media screen and ( max-width : 40rem ) {
                        width:100%;
                    }
                    .wp-block-latest-posts__post-title{
                        display:block;
                        margin:var(--wp--custom--margin--block);
                    }
                }
            }
        }
        gap:var(--wp--style--block-gap, .75rem);
        padding:0;
        list-style:none;
        @media screen and ( max-width : 40rem ) {
            &:not(.specificity){
                max-width:calc(100% - var(--wp--custom--padding--content) * 2);
            }
        }
        li{
            margin:0;
            border: var(--wp--custom--border--common,1px solid #ccc);
        }
    }
    .wp-block-latest-posts__post-excerpt{
        @extend %line-clamp;
        margin:var(--wp--custom--margin--block);
    }
}

/**
* name: core/list
*/

.is-tpl-single-with-toc_template{
    .wp-block-post-content{
        & > .is-style-inline,
        & > .is-style-list-style-inline:not(.specificity){
            margin-right:auto;
            margin-left:auto;
        }
    }
}
.block-editor-block-list__layout{
    // only editor
    &.wp-block-list{
        &.alignleft,
        &.alignright{
            li{
                width:auto;
            }
        }
        li{
            margin:0;
        }
    }
    &.is-style-list-style-inline{
        li{
            width:-moz-fit-content;
            width:fit-content;
        }
    }
}

/**
* name: core/post-title
*/

.layout{
    //classic
    .sticky{
        .entry-title{
            position:relative!important;
            &:before{
                position:relative;
                display:inline-block;
                font-size:1.15rem;
                color:currentColor;
                vertical-align:top;
                content:'\1f4cc';
            }
        }
    }
}
.main-query{

    /**
    * Sticky Post
    */

    .sticky{
        .wp-block-post-title{
            position:relative!important;
            &:before{
                position:relative;
                display:inline-block;
                font-size:1.15rem;
                color:currentColor;
                vertical-align:top;
                content:'\1f4cc';
            }
        }
    }
}
.page,
.single{
    .post-header-content{
        .wp-block-post-title{
            //Stop link. accessibility
            pointer-events: none;
            cursor: default;

        }
    }
}

.emulsion{
    .wp-block-post-title{
        margin-top:0;
        margin-left:0;
        margin-bottom:0;
    }
    .wp-block-query{
        .wp-block-post-title{
            margin:var(--wp--custom--margin--top) auto var(--wp--custom--margin--bottom);
        }

    }

    &.fse-scheme-grid-midnight,
    &.fse-scheme-grid{
        .wp-block-query{
            .wp-block-post-title{
                margin-top:var(--wp--custom--margin--top);
            }
        }
    }
}

/**
* name: core/verse
*/

pre.wp-block-verse{
    overflow:visible;
}


/**
* name: core/preformatted
*/

.wp-block-preformatted{
    &.alignleft:not(.specificity),
        &.alignright:not(.specificity){
        @media screen and (max-width: 40rem) {
            float:none;
            width:auto;
            clear:both;
        }
    }
}

/**
* name: core/social-links
*/

.wp-block-social-links{
    gap:var(--wp--style--block-gap, .75rem);
    margin-top:1.5rem;
    &.has-icon-background-color{
        background:transparent;
    }
    .wp-block-social-link{
        gap:var(--wp--style--block-gap, .75rem);
        width:-moz-fit-content;
        width:fit-content;
    }
    &.is-style-pill-shape:not(.specificity){
        gap:var(--wp--style--block-gap, .75rem);
        //OW
        width:-moz-fit-content;
        width:fit-content;
    }
}
.wp-block-social-links .wp-social-link{
    padding:0;
    button{
        padding:0;
        margin:0;
        &:before{
            display:none!important;
        }
    }
}
ul.wp-block-social-links{
    &:not(.alignleft):not(.alignright){
        float:none;
        clear:both;
    }
    display:flex;
    margin: 1.5rem auto .75rem;
    &.is-vertical{
        flex-direction:column;
    }
    &.is-content-justification-space-between{
        justify-content: space-between;
    }
    &.is-content-justification-left{
        justify-content: flex-start;
    }
    &.is-content-justification-center{
        align-items: center;
        justify-content: center;
    }
    &.is-content-justification-right{
        align-items: flex-end;
        justify-content: flex-end;
    }
    .wp-block-social-link-anchor{
        min-width:1rem;
    }
    &.alignleft{
        justify-content: flex-end;
    }
    &.has-huge-icon-size{
        &.is-style-pill-shape{
            .wp-social-link{
                width:calc( 1rem * 8 );
            }
        }
        .wp-social-link{
            width:calc( 1rem * 4 );
            height:calc( 1rem * 4 );
            a{
                svg{
                    width:calc(1rem * 3);
                    height:calc(1rem * 3);
                }
            }
        }
    }
    &.has-large-icon-size{
        &.is-style-pill-shape{
            .wp-social-link{
                width:calc( 1rem * 6 );
            }
        }
        .wp-social-link{
            width:calc( 1rem * 3 );
            height:calc( 1rem * 3 );
            a{
                svg{
                    width:calc(1rem * 2);
                    height:calc(1rem * 2);
                }
            }
        }
    }
    &.has-normal-icon-size{
        &.is-style-pill-shape{
            .wp-social-link{
                width:calc( 1rem * 4 );
            }
        }
        .wp-social-link{
            width:calc( 1rem * 2 );
        }
    }
    &.has-small-icon-size{
        &.is-style-pill-shape{
            .wp-social-link{
                width:calc( 1rem * 3 );
            }
        }
        .wp-social-link{
            width:calc( 1rem * 1.3 );
            height:calc( 1rem * 1.3 );
        }
    }
    .wp-social-link{
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width:calc( 1rem * 2 );
        height:calc( 1rem * 2 );
        padding:0;
        margin:0;
        text-align:center;
        list-style:none;
        a{
            background:transparent;
            svg{
                width:1rem;
                height:1rem;
                fill: var(--wp--social-links--icon-color,#fff);
            }
        }
    }
    &:not(.has-icon-background-color){
        &:not(.has-icon-color){
            .wp-social-link-chain {
                color:var(--thm_social_icon_color, #666);
                border: 2px solid rgba(188,188,188,.5);
                a{
                    svg{
                        fill:var(--thm_social_icon_color, #666);
                    }
                }
            }
        }
    }
    &.is-style-logos-only{
        &:not(.has-icon-color){
            .wp-social-link{
                //gutenberg deactivated WordPress 5.6
                a{
                    svg{
                        fill:var(--thm_social_icon_color, #666);
                    }
                }
            }
        }
        .wp-block-social-link.wp-social-link-chain {
            border:none;
        }
    }
}

/**
* name: core/post-comments
*/

.wp-block-comment-template .is-layout-flex,
.wp-block-comments-pagination.is-layout-flex {
    align-items: center;
    justify-content: flex-start;
}
body.emulsion :where(:not(.alignleft):not(.alignright):not(.alignfull)){
    .wp-block-comment-edit-link,
    .wp-block-comment-reply-link{
        display:inline-block;
        width:-moz-fit-content;
        width:fit-content;
    }
    .wp-block-comment-date{
        display:inline-block;
        width:-moz-fit-content;
        width:fit-content;
    }
}
.wp-block-post-comments{
    .wp-list-comments{
        padding:0;
    }
    .trackback,
    .pingback,
    .comment{
        margin-bottom:var(--wp--style--block-gap, .75rem);
        list-style:none;
    }
    .paginate-comment-links{
        a{
            padding:var(--wp--custom--padding--content,.75rem);
            &.page-numbers{
                border:var(--wp--custom--border--common,1px solid #ccc);
            }
        }
        .current{
            padding:var( --wp--custom--padding--content, .75rem );
            border:var(--wp--custom--border--common);
        }
    }
    .comment-respond{
        overflow:auto;
    }

}
.comment-wrapper{
    .comment-form,
    .wp-block-post-comments-form{
        .comment-form-cookies-consent{
            display:flex;
            gap:var(--wp--style--block-gap, .75rem);
            input{
                width:48px;
            }
        }
    }
}
.comment-wrapper{
    overflow:hidden;
}

/**
* name: core/code
*/


.emulsion{
    .wp-block-code{
        @extend %flex-container;
        overflow-x:auto;


        &.alignleft,
        &.alignright{
            @media screen and ( max-width : 40rem ) {
                width: 100%;
                padding: 0 var(--wp--custom--padding--content, 0.75rem);
                margin-right: auto;
                margin-left: auto;
            }
        }
        code{
            position:relative;
            width:100%;
            padding:var(--wp--custom--padding--content);
            color:inherit;
            tab-size:var(--wp--custom--tab-size--default);
            white-space:pre;
            border:none;
        }
    }
}
pre.wp-block-code{
    overflow-x:auto;
    overflow-y:hidden;
}

/**
* name: core/post-author-biography
*/

.wp-block-post-author-biography{
    padding:var( --wp--custom--padding--content, .75rem );
}
.wp-block-post-author{
    display:inline-flex;
    align-items: baseline;
    justify-content: center;
    width:auto;
    .wp-block-post-author__avatar{
        display:inline-block;
        flex: 0 0 auto;
        align-items: baseline;
        justify-content: center;
        width:1.5rem;
        margin:0;
        img{
            display:inline;
            height:auto;
            vertical-align:bottom;
        }
    }
    .wp-block-post-author__content{
        display:inline-block;
        flex: 0 0 auto;
        width:auto;
        padding:0;
        margin:0;
    }
    .wp-block-post-author__name{
        display:inline;
        margin: 0;
        vertical-align:bottom;
    }
    .wp-block-post-author__byline{
        display:inline;
    }
}
/**
* name: core/spacer
*/

.emulsion{
    div.wp-block-spacer{
        .block-library-spacer__resize-container{
            background:rgba(0,0,0,.1);
        }
    }
}

/**
* name: core/group stack
*/

.is-root-container > .wp-block-group.is-layout-flex,
.wp-block-post-content > .wp-block-group.is-layout-flex{
    @extend %flex-container;
    @extend %fix-flex-container-push;

    &.is-vertical{
        gap:var(--wp--style--block-gap, .75rem);
    }
    &.is-nowrap{
        flex-wrap:nowrap;
        & > .wp-block-separator{
            transform-origin: center center;
            transform: rotate( 90deg );
            width:48px;
            &.is-style-dots:before{
                padding-left:0;
                margin:0;
            }


        }
        & > *{
            width:fit-content;
            margin:0;
        }

        &.fill > *:where(:not([style])),
            & > .fill{

            flex: 1 1 auto;
        }
    }
    &:not(.is-vertical){
        // ][
        flex-direction: row;
        align-items:center;
        justify-content:flex-start;

    }
    &.items-justified-left{
        justify-content: flex-start;
    }
    &.items-justified-right{
        align-items:flex-end;
        justify-content: flex-end;
    }
    &.items-justified-center {
        align-items:center;
        justify-content: center;
    }
    &.items-justified-space-between{
        align-content: space-between;
        justify-content: flex-start;
        & > *{
            flex:0 1 auto;
            width:fit-content;
        }
        & > *:last-child{
            width:-moz-fit-content;
            width:fit-content;
            margin-left:auto;
        }
    }
    @for $i from 1 through 6 {
        &:not(.is-vertical):not(.items-justified-space-between):not(.is-nowrap) > *:nth-child(1):nth-last-child(#{$i})~ *,
        &:not(.is-vertical):not(.items-justified-space-between):not(.is-nowrap) > *:nth-child(1):nth-last-child(#{$i}){
            width:calc( 100% / #{$i} - var(--wp--style--block-gap, .75rem));
            margin:.75rem 0;
        }
    }
    &.is-style-responsive{
        @media screen and ( max-width : 40rem ) {
            display:block;
            @for $i from 1 through 6 {
                &:not(.is-vertical) > *:nth-child(1):nth-last-child(#{$i})~ *,
                &:not(.is-vertical) > *:nth-child(1):nth-last-child(#{$i}){
                    width:100%;
                }
            }
        }
    }
}

/**
* bbpress
*/

div.wp-editor-container{
    //bbpress
    width:90%;
}
div.bbp-submit-wrapper{
    float:none;
}

/**
* WordPress.com Editing Toolkit
*/

.wp-block-newspack-blocks-carousel{
    .post-thumbnail{
        width:auto;
    }
    .entry-title{
        margin:auto;
    }
}
@media only screen and (min-width: 40rem) {
    ul.wp-block-jetpack-timeline.is-alternating .wp-block-jetpack-timeline-item {
        width: calc(50% - 99px);
    }
}
.wp-block-jetpack-timeline.wp-block-jetpack-timeline{
    padding:revert;
}
.wp-block-jetpack-timeline li.wp-block-jetpack-timeline-item .timeline-item__bubble{
    height:2px;
    background:#ccc;
}
.wp-block-jetpack-timeline li.wp-block-jetpack-timeline-item .timeline-item:after {
    width: 2px;
    background: #ccc;
}
.wp-block-newspack-blocks-homepage-articles{
    [data-posts]{
        article{
            display:flex;
            flex-direction:column;
            .entry-wrapper{
                .entry-title{
                    @extend %line-clamp;
                }
                p{
                    @extend %line-clamp;
                }
            }
        }
    }
}

/**
* AMP
*/

[amp]{
    .emulsion{
        .post-header-content{
            .posted-on{
                .wp-block-post-author{
                    line-height:1.5;
                    .wp-block-post-author__avatar amp-img{
                        display:inline-block;
                    }
                }
            }
        }
        .wp-block-post-comments .comment-form textarea{
            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-template-part{
            &.post-footer{
                width:100%;
            }
            &.footer-layer a{
                background:transparent;
            }
        }
        .form-submit [type="submit"]{
            color:#fff;
            background:#000;
        }
        .breadcrumbs{
            box-sizing:border-box;
            padding-right:var( --wp--custom--padding--content, .75rem );
            padding-left:var( --wp--custom--padding--content, .75rem );
            margin:var(--wp--custom--margin--block);
        }
        article footer .editor{
            display:block;
            box-sizing:border-box;
            padding-right:var( --wp--custom--padding--content, .75rem );
            padding-left:var( --wp--custom--padding--content, .75rem );
            margin:var(--wp--custom--margin--block);
        }
        .wp-block-categories-dropdown{
            width:auto;
        }
        &.is-tpl-single-with-toc_template{
            .column-toc{
                display:none;
            }
        }
        .wp-block-gallery[data-amp-carousel="true"]{
            @extend %structure_spacing;
            margin:var(--wp--custom--margin--block);
            amp-carousel{
                width:100%;
            }
        }
    }
}

/**
* name: core/rss
*/

@for $i from 2 through 6 {
    ul.wp-block-rss.is-grid.columns-#{$i} li{
        flex:1 1 auto;
        gap:var(--wp--style--block-gap, .75rem);
        width:calc(100% / #{$i} - var( --wp--custom--padding--content, .75rem ) * #{$i} );
        margin:0;
        border: var(--wp--custom--border--common,1px solid #ccc);
    }
}
.emulsion{
    ul.wp-block-rss.is-grid{
        gap:var(--wp--style--block-gap, .75rem);
        @media screen and ( max-width : 40rem ) {
            display:flex;
            width:calc(100% - var( --wp--custom--padding--content, .75rem ) * 2 );
            .wp-block-rss__item{
                width:100%;
            }
        }
    }
}
.wp-block-rss__item{
    padding:var( --wp--custom--padding--content, .75rem );
}
.wp-block-rss__item-title{
    width:auto;
}
.wp-block-rss__item-title a{
    display:block;
    width:auto;
    margin:var(--wp--custom--margin--block);
    font-family: var(--wp--preset--font-family--system-font);
    font-size: var(--wp--preset--font-size--medium);
    font-weight:700;
    line-height: var(--wp--custom--line-height--heading, 1.15);
    text-transform: var(--wp--custom--text-transform--heading);
    text-decoration:none;
}
.wp-block-rss__item-excerpt{
    @extend %line-clamp;
    margin:var(--wp--custom--margin--block);
}



.wp-block-read-more{
    display:inline-block;
    width:-moz-fit-content;
    width:fit-content;
    padding:var(--wp--custom--padding--content, .75rem);
}
.wp-block-post-comments-link{
    width:auto;
    padding:0 var(--wp--custom--padding--content, .75rem);
}

.wp-block-post-content:not(.specificity){
    .wp-block-post-comments-link,
    .wp-block-post-author,
    .wp-block-post-date{
        box-sizing:border-box;
        padding-right:var( --wp--custom--padding--content, .75rem );
        padding-left:var( --wp--custom--padding--content, .75rem );
        margin:var(--wp--custom--margin--block);
        display:flex;
        justify-content:flex-start;
    }

}

/**
* Password form
*/


.emulsion{
    .theme-message{
        box-sizing: border-box;
        display: block;
        float: none;
        width: calc(var(--thm_content_width, 45rem) - var(--thm_align_offset, 12.5rem));
        max-width:calc( 100% - var(--wp--custom--padding--content,.75rem) * 2);
        padding:0;
        margin: 1.5rem auto;
        overflow:auto;
        clear: both;
        border:var(--wp--custom--border--common);
        .post-password-form{
            box-sizing: border-box;
            padding:0;
            margin: auto;
            .message{
                position:relative;
                padding:0 0 0 2rem;
                &:before{
                    position:absolute;
                    left:var( --wp--custom--padding--content, .75rem );
                    display:inline-block;
                    width:1.5rem;
                    height:1.5rem;
                    vertical-align:middle;
                    content:' ';
                    background: url("../images/svg/lock.svg#alert") no-repeat 50% 50%;
                    background-size:contain;
                    -webkit-mask-size: contain;
                    mask-size: contain;
                }
            }
            p:empty,
                br{
                display:none;
            }
            [type="password"]{
                max-width:50vw;
            }
        }
    }
}

/**
* Columns Class
*/

.emulsion{
    @for $i from 1 through 5 {
        .columns-#{$i}{
            li{
                flex:1 1 auto;
                width: calc( 99.9% / #{$i} - var(--wp--style--block-gap, .75rem));
                @media screen and ( max-width : 40rem ) {
                    width:100%;
                }
                article{
                }
                @media screen and ( max-width : 40rem ) {
                    display:block;
                    width: 100%;
                }
            }
        }
    }
}

/**
* Site Editor
*/

/**
* name: core/comments-query-loop
*/

.comment-wrapper{
    background:var(--wp--custom--color--comments-bg);
    & > .wp-block-group{
        margin:var(--wp--custom--margin--container);
    }
    .wp-block-comments-query-loop{
        margin-block-start:0;
        padding:0;
        .wp-block-comment-template{
            .wp-block-columns{
                overflow:visible;
            }
        }
        .wp-block-column{
            .wp-block-comment-author-name{
                padding:0 var( --wp--custom--padding--content, .75rem );
            }
            & > .is-layout-flex:not(.specificity){
                @extend %flex-container;
                align-items: center;
                margin:auto;
            }
        }
        .comment-respond{
            padding:0;
            .comment-form{
                width:100%;
            }
        }
        .wp-block-comment-edit-link{
            padding:.375rem .75rem;
            margin:0 .75rem;
        }
    }
    .wp-list-comments{
        .comment-edit-link{
            padding:.375rem .75rem;
        }
    }
    /* classic */
    .comment-form{
        input,
        textarea{
            box-sizing: border-box;
            display: block;
            width: 100%;
        }
    }
}

/**
* name: core/comments-pagination
*/


.wp-block-comments-pagination{
    @extend %flex-container;
    .wp-block-comments-pagination-next,
    .wp-block-comments-pagination-previous{
        border:var(--wp--custom--border--common);
    }
    .wp-block-comments-pagination-numbers{
        @extend %flex-container;
        a, span{
            border:var(--wp--custom--border--common);
        }
    }
}
ol.wp-block-latest-comments{
    &.has-avatars{
        .wp-block-latest-comments__comment{
            article{
                margin-left:3.25rem;
                .wp-block-latest-comments__comment-excerpt,
                .wp-block-latest-comments__comment-meta{
                    margin-left:0;
                }
            }
        }
    }
}

/**
* name: core/loginout
*/

.logged-out.wp-block-loginout,
.logged-in.wp-block-loginout{
    a{
        display:inline-block;
    }
}

/**
* name: core/search
*/

.wp-block-search{
    margin:var(--wp--custom--margin--block);

    .wp-block-search__label{
        padding:0 .75rem;
        display:block;
    }
    .wp-block-search__inside-wrapper{
        padding:0;
        .wp-block-search__input{
            border:var(--wp--custom--border--common);
            min-width:6rem;

            padding:calc( var(--wp--custom--padding--content, 0.75rem) / 2);
            text-align:left;
            width:auto;
        }
        .wp-block-search__button{
            padding:calc( var(--wp--custom--padding--content, 0.75rem) / 2);
            width:auto;
            white-space:pre;
        }
    }

    @media screen and ( max-width : 26.25rem ) {
        .wp-block-search__inside-wrapper[style]:not(#specificity){
            width:100%!important;
        }
    }
}

/**
* name: core/navigation
*/

.emulsion{
    .wp-block-navigation{
        margin:0 auto;
        &.wp-block{
            max-width:100%;
        }
        .wp-block-navigation-item{
            flex:0 1 auto;
            min-width:9.375rem;
            padding:.3rem .75rem;
            a{
                width:-moz-fit-content;
                width:fit-content;
            }
        }

        &.fse-primary{
            margin-top:0;
            margin-bottom:0;
            .wp-block-navigation__container{
                padding-top:.75rem;
                padding-bottom:.75rem;
                li{
                    min-width:120px;
                }

            }
        }
        .has-modal-open .wp-block-navigation__responsive-close{
            max-width:100%;
        }
        .wp-block-navigation__responsive-container-open{
            padding:.75rem;
        }
    }
}
.is-root-container{
    .wp-block-navigation-item{
        width:auto;
    }
}

/**
* name: core/page-list
*/

.wp-block-navigation{
    .is-menu-open{
        .wp-block-page-list{
            li{
                width:100%;
                &.has-child{
                    .wp-block-navigation__submenu-container{
                        width:100%;
                    }
                }
            }
        }
    }
    .wp-block-page-list{
        --navigation-layout-wrap:wrap;
        flex-wrap: wrap;
        gap:3px;
        li{
            flex:1 1 auto;
            padding:.75rem;
            border:var(--wp--custom--border--common);
        }
    }
}

/**
* name: core/post-time-to-read
*/

.wp-block-post-time-to-read{
    &:before{
        margin-right:.25rem;
        content:'\23f2';
    }
}

/**
* .counter
*/

.counter{
    border:var(--wp--custom--border--common);
    &:empty{
        display:none ! important;
    }
}
.counter.badge{
    display:inline-block;
    min-width:1.3rem;
    padding:0;
    margin:0;
    font-size:var(--wp--preset--font-size--small);
    text-align:center;
    &.circle{
        border-radius:9999px;
    }
    & > *{
        display:inline-block;
        padding:0;
        margin:0;
    }
    &:before{
        position:absolute;
        padding:3px 3px 3px;
    }
    &:empty:before,
        &:empty{
        display:none;
    }
}
.typography-block-support-panel .single-column {
    //OW
    grid-column: 1 / -1;
}
/**
* .is-layout-constrained,
*/

.emulsion .wp-block-post-content.is-layout-constrained{

    table{
        @media screen and (max-width: 48rem){
            width:-moz-fit-content;
            width:fit-content;
            min-width:calc(100% - var(--wp--custom--padding--content) * 2);
            margin:auto;
        }
    }
    .theme-message,
    .wp-block-table,
    .dropdown-on-click,
    .dropdown-on-hover,
    .emulsion-panel,
    blockquote,
    form,
    pre,
    figure,
    fieldset{
        @media screen and (max-width: 48rem){
            width:calc( var(--wp--style--global--content-size, 45rem) - var(--wp--custom--padding--content,.75rem) * 2);
        }
    }
    .is-layout-grid{
        @media screen and (max-width: 48rem){
            figure{
                max-width:100%;
            }
        }
    }
    .wp-block-post-featured-image,
    figure:not(.has-nested-images) .wp-block-image{
        @media screen and (max-width: 40rem){
            width:100%;
        }
    }

}
.emulsion.fse-scheme-grid{
    .wp-block-query > ul{
        @media screen and (max-width: 48rem){
            width:calc( var(--wp--style--global--content-size, 45rem) - var(--wp--custom--padding--content,.75rem) * 2);
            max-width:calc( 100% - var(--wp--custom--padding--content,.75rem) * 2);
        }
    }
}

/**
* .is-layout-flow
*/

.emulsion{
    //Exception in theme.json
    .wp-block-group.emulsion-pattern-magic-layout{
        & > .wp-block-read-more{
            display:inline-block;
        }
        & > .wp-block-image{


            &.alignleft{
                @extend %alignleft;
                padding:0;

            }
            &.alignright{
                @extend %alignright;
                padding:0;
            }
        }

    }
    &.has-emulsion-base-layout-apply-globaly .wp-block-column,
    .is-layout-default,
    .is-layout-flow:not(.is-root-container),
        .is-style-layout-flow,
        .is-style-fluid-children,
        .has-fluid-children{

        & > .wp-block-post-author-name,
        & > button,
        & > select,
        & > input,
        & > textarea{

            display:inline-block;
            padding-top:var(--wp--custom--padding--left);
            padding-bottom:var(--wp--custom--padding--left);
            width:initial;
            margin:initial;
        }
        & > .wp-block-site-logo{
            display:inline-block;
            padding:var(--wp--custom--padding--content);

            width:initial;
            margin:initial;
        }
        & > .wp-block-read-more{
            display:inline-block;
        }
        & > .wp-block-image{
            .components-resizable-box__container{
                img{
                    margin:auto;
                }
            }
            &:not(.alignleft):not(.alignright){
                background: var(--wp--custom--color--featured-image-bg);
            }
            &.alignleft{
                @extend %alignleft;
                padding:0;

            }
            &.alignright{
                @extend %alignright;
                padding:0;

            }

        }

    }
}
.is-layout-flow.wp-block-template-part,
.is-layout-default.wp-block-template-part,
.is-style-layout-flow.wp-block-template-part{
    & > :first-child,
        & > :last-child{
        @extend %structure_spacing;
    }
}
.emulsion:not(#specificity){
    .is-layout-default:not(.is-root-container),
        .is-layout-flow:not(.is-root-container),
        .is-style-layout-flow:not(.is-layout-flex):not(.is-flex-container):not(.is-layout-grid),
        .is-style-fluid-children:not(.is-layout-flex):not(.is-flex-container):not(.is-layout-grid),
        .is-style-layout-flow.is-vertical,
        .has-fluid-children{
        & > *{

            --wp--custom--width--float:calc(50% - var(--wp--custom--margin--gap) * 2);
            --wp--custom--margin--alignleft:var(--wp--custom--margin--gap);
            --wp--custom--margin--alignright:var(--wp--custom--margin--gap);
            position:static;
            //overflow:hidden;
        }
        .is-layout-flex,
        .wp-block-rss.is-grid,
        .wp-block-latest-posts  *{

            --wp--custom--width--float:calc(50% - var(--wp--custom--margin--gap) * 2);
            --wp--custom--margin--alignleft:var(--wp--custom--margin--gap);
            --wp--custom--margin--alignright:var(--wp--custom--margin--gap);
            float:none;
            padding-left:0;
            clear:both;
            &:where(ol,ul){
                padding-left:2.5rem;
            }
            &.is-grid,
            &.is-layout-flex{
                padding-left:0;
            }
            &.wp-block-gallery{
                display:flex;
                .wp-block-image{
                    margin:0;
                    img{
                        margin:0;
                    }
                }
            }
            li{
                width:100%;
            }

            .has-background{
                padding-left:var(--wp--custom--margin--gap);
            }
            .fse-header-text{
                margin:0;
            }
        }
        .wp-block-social-links{
            gap:.75rem;
            li{
                width:auto;
            }
        }
        .is-style-shrink{
            width:100%;
        }

        .wp-block-image{
            text-align:center;
        }

    }
}

.emulsion{
    .wp-block-template-part{
        &.is-style-layout-wide{

            width:auto;
            margin-left:auto !important;
            margin-right:auto !important;

            & > *:not(.alignfull){
                width:var(--wp--style--global--wide-size, 57.5rem);
                margin-left:auto !important;
                margin-right:auto !important;
            }
            .archive-title,
            .post-header-content,
            .fse-header-content,
            .wp-block-comment-template .wp-block-columns,
            .wp-block-comment-template,
            .wp-block-post-featured-image img{
                width:var(--wp--style--global--wide-size, 57.5rem);
            }
            .wp-block-query-title,
            .post-footer,
            .wp-block-comments-title,
            .taxsonomy,
            .posted-on,
            .wp-block-post-title{
                width:auto;
            }
        }
    }
}

/**
* .is-layout-grid
* extremely experimental
*/
@for $i from 1 through 6 {
    .is-layout-grid.columns-#{$i}{
        display:grid!important;
        gap:var(--wp--style--block-gap, .75rem);
        grid-template-columns: repeat(#{$i}, minmax(0, 1fr));
        width:var(--wp--style--global--content-size);
        &.alignfull{
            width:var(--wp--custom--width--full);
        }
        &.alignwide{
            width:var(--wp--style--global--wide-size);
        }
        @media (max-width: 40rem){
            grid-template-columns: repeat(1, minmax(0, 1fr));

            figure{
                max-width:100%;
            }
        }
        &.alignfull{
            width:calc(100% - var(--wp--custom--margin--gap) * 2);
        }


    }
}
.main:first-child:last-child{

    .main-query{
        @for $i from 1 through 6 {
            .is-layout-grid.columns-#{$i}{
                display:grid!important;
                gap:var(--wp--style--block-gap, .75rem);
                grid-template-columns: repeat(#{$i}, minmax(15rem, 1fr));
                width:var(--wp--style--global--content-size);
                &.alignfull{
                    width:var(--wp--custom--width--full);
                }
                &.alignwide{
                    width:var(--wp--style--global--wide-size);
                }

                @media (max-width: 48rem){
                    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));

                    figure{
                        max-width:100%;
                    }
                }
            }
        }
    }
}
.emulsion .is-layout-grid{
    .has-post-thumbnail .loop-item{
        display:block!important;
        margin:0!important;
        .wp-block-post-featured-image,
        .post-header{
            width:100%!important;
            overflow:hidden;
        }
    }
    li{
        margin-bottom:0!important;
        width:auto;
        @media (min-width: 37.5rem){
            border:var(--wp--custom--border--common);
        }

        .loop-item{
            height:100%;

            .wp-block-post-title{
                font-size:revert;
                margin:0;

            }
        }
    }
}

.wp-block-group{
    &.gallery-light-box .wp-block-gallery{
        margin-top:var(--wp--style--block-gap, .75rem);
        margin-bottom:var(--wp--style--block-gap, .75rem);
    }
}
.emulsion{
    .emulsion-cta-block{
        overflow:hidden;
        .wp-block-group{
            overflow:hidden;
        }
        .wp-block-image{
            margin-top:0;
        }
        .wp-block-buttons:not(.specificity){
            margin:var(--wp--custom--margin--block);
        }
    }
}
.has-drop-cap:not(:focus)::first-letter {
    display:inline-block;
    float: left;
    padding:0 .7rem .4rem;
    margin: .4rem .5rem 0 0;
    font-size: 3rem;
    line-height: 1;
    text-transform: uppercase;
    background:rgba(255,255,255,.1);
}

@media screen and (min-width: 64rem){
    .search-no-results  .wp-site-blocks > footer,
    .error404 .wp-site-blocks > footer{
        position:absolute;
        bottom:0;
        width:100%;
    }
}

.logged-in .debug{
    border:1px solid red ! important;
}
.emulsion-hook-name{
    background:#EEF296 ! important;
    color:#000 ! important;
    padding:.75rem;
}
.components-popover__content form{
    width:auto;
}
.interface-interface-skeleton__sidebar{
    overflow-x:hidden;
    overflow-y:auto;
}
.edit-site-template-card * {
    width: auto;
}
.single.on-scroll .is-position-sticky{
    top:100px;
}

.single.emulsion .article-wrapper{
    overflow:visible;
}

.editor-styles-wrapper{

    h1,h2,h3,h4,h5,h6,p,ul,ol{
        //need width
        width: min(100%, var(--wp--style--global--content-size));
    }
    pre.wp-block{
        width: min(100%, var(--wp--style--global--content-size));
    }
    .wp-block-comments-query-loop.wp-block,
    .post-footer.wp-block,
    main.wp-block{
        //template editor
        width:100%;
    }
    .wp-block-post-comments-form.wp-block{
        margin:1.5rem auto;
    }
    .wp-block-details-summary{
        margin:0;
    }
}

.edit-site-sidebar-navigation-screen__title-icon .components-button.is-primary{
    min-width:-moz-fit-content;
    min-width:fit-content;
}
[data-projection-id][style]:not(#specificity){
    background-image:revert!important;
}
#editor{
    .edit-post-meta-boxes-area__container{
        form{
            margin:auto;
        }
    }
}
.is-layout-flex.alignfull.has-sidebar-widget-area,
.wp-block-template-part-post-content.alignfull,
main.alignfull.is-layout-constrained{
    overflow:visible;
}

.emulsion-addons-inactive{
    .relate-posts-wrapper{
        display:none!important;
    }
}
.commands-command-menu__container{
    mark{
        padding:0;
        margin:0;
    }
}
.wp-block-group.is-layout-flex:where(:not(.banner):not(.fse-header-text):not(.post-header-content)){
    //core pattern
    align-items: center;
    .wp-block-group{
        width:auto;
    }
    .wp-block-site-tagline,
    .wp-block-site-title{
        width:auto;
        margin:auto 0;
    }
}
.is-presentation-fse .block-editor-hooks__layout-controls-helptext:after{
    /*@since emulsion 2.8.1 */
    display:none;
}
.widgets-php{
    .wp-block-widget-area{
        width:var(--wp--style--global--content-size);
    }
}
.wp-video-playlist .mejs-overlay-button{
    width:auto;
}
.is-style-shrink{
    &.alignleft{
        @extend %alignleft;
    }
}
.wp-block-template-part{
    width:100%;
}
.wp-lightbox-overlay .wp-block-image {
    justify-content: flex-start;
}
.wp-lightbox-overlay .wp-block-image img {
    height: var(--wp--lightbox-image-height);
    min-height: var(--wp--lightbox-image-height);
    min-width: var(--wp--lightbox-image-width);
    width: var(--wp--lightbox-image-width);
}
.wp-block-calendar{
    aspect-ratio: 16 / 9;
    margin:var(--wp--custom--margin--block);
    .wp-calendar-table{
        height:100%;
    }
    .wp-calendar-nav,
    caption{
        padding:var(--wp--custom--padding--content);
    }
    tr td{
        border-color:var(--wp--custom--border--common-color);
    }

}
.wp-block-post-content{
    .is-style-tategaki{
        flex-direction: row-reverse;
        display:flex!important;
        flex-wrap:wrap;
        padding:0 .75rem;
        gap:0;
        [style*="vertical-rl"]:lang(ja){
            flex:0 0 auto;
            width:auto;
            display:inline-block;
            text-align:left;
            text-indent:1rem;
            margin:0;
            margin-block:.1875rem;
            padding:.75rem;
            padding-block:0;
            box-sizing: content-box;
            max-height:25rem;

        }
        h1[style*="vertical-rl"]:lang(ja),
            h2[style*="vertical-rl"]:lang(ja),
            h3[style*="vertical-rl"]:lang(ja),
            h4[style*="vertical-rl"]:lang(ja),
            h5[style*="vertical-rl"]:lang(ja),
            h4[style*="vertical-rl"]:lang(ja){
            margin-block:.75rem;
            text-indent:0;
        }

    }
    [style*="vertical-rl"]:lang(ja){
        width:auto;
        max-height:360px;
        margin:0;
        margin-block:auto;
        padding:.75rem;
        padding-block:0;

    }
}