.wp-block-crkit-control[data-crkit-control-host="true"][data-crkit-control="panel"]:not([data-surface-kind="panel"]):not([data-crkit-preview-context="editor"]) {
    position: fixed;
    inset: 0 auto auto 0;
    inline-size: 0;
    max-inline-size: 0;
    block-size: 0;
    max-block-size: 0;
    padding: 0;
    border: 0;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    box-shadow: none;
}

html:not([data-boot-fade-in="false"]) body.sc-crkit:not([data-boot-fade-in="false"]) .wp-site-blocks {
    opacity: 1;
}

html:not([data-boot-fade-in="false"]):not([data-crkit-wp-shell-ready="true"]) body.sc-crkit:not([data-boot-fade-in="false"]) .wp-site-blocks {
    opacity: 0;
}

html[data-crkit-wp-shell-ready="true"]:not([data-boot-fade-in="false"]) body.sc-crkit:not([data-boot-fade-in="false"]) .wp-site-blocks {
    animation: crkit-wp-shell-fade-in 240ms ease-out both;
}

@keyframes crkit-wp-shell-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

html[data-boot-fade-in="false"] body.sc-crkit .wp-site-blocks,
body.sc-crkit[data-boot-fade-in="false"] .wp-site-blocks {
    opacity: 1;
    animation: none;
}

@media (prefers-reduced-motion: reduce) {
    html:not([data-boot-fade-in="false"]) body.sc-crkit:not([data-boot-fade-in="false"]) .wp-site-blocks {
        animation: none;
    }
}