// Editor specific styles
.wp-block-nemtly-fade-away {
    .nemtly-fade-away-wrapper {
        position: relative;
        min-height: 1.5em;

        .fade-away-input {
            padding: 5px;
            border: 1px dashed #ccc;
            background: #fff;
            z-index: 2;
        }

        .fade-away-preview {
            flex-wrap: wrap;
            padding: 5px;

            span {
                white-space: pre;
                opacity: 1;
                transform: translate(0, 0) scale(1);
                filter: blur(0);
                animation: nemtlyFadeAway ease-in forwards;
            }
        }
    }
}

@keyframes nemtlyFadeAway {
    to {
        opacity: 0;
        transform: translate(2px, -4px) scale(0.9);
        filter: blur(6px);
    }
}