/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block/animation.css ***!
  \*****************************************************************************************************************************************************************************/
@media (prefers-reduced-motion: no-preference) {
    *:has(> .kg-animation-fold) {
        perspective: 500px;
    }

    .kg-animation-fade,
    .kg-animation-slide,
    .kg-animation-fold {
        position: relative;
        opacity: 0;
    }

    .kg-animation-slide.kg-animation-from-top {
        transform: translateY(-50px);
    }

    .kg-animation-slide.kg-animation-from-bottom {
        transform: translateY(50px);
    }

    .kg-animation-slide.kg-animation-from-left {
        transform: translateX(-50px);
    }

    .kg-animation-slide.kg-animation-from-right {
        transform: translateX(50px);
    }

    .kg-animation-fold.kg-animation-from-top {
        transform: translateY(-30%) skewY(-2deg) scale(.8) rotateX(-80deg);
    }

    .kg-animation-fold.kg-animation-from-bottom {
        transform: translateY(30%) skewY(2deg) scale(.8) rotateX(-80deg);
    }

    .kg-animation-fold.kg-animation-from-left {
        transform: translateX(-30%) skewX(-2deg) scale(.8) rotateY(-80deg);
    }

    .kg-animation-fold.kg-animation-from-right {
        transform: translateX(30%) skewX(2deg) scale(.8) rotateY(-80deg);
    }
}
/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/text/animation.css ***!
  \****************************************************************************************************************************************************************************/
@media (prefers-reduced-motion: no-preference) {
    .kg-animation-chars > *,
    .kg-animation-words > * {
        opacity: 0;
    }

    .kg-animation-chars [data-mask] span,
    .kg-animation-words [data-mask] span {
        position: relative;
        display: inline-block;
        white-space: pre-wrap;
        line-height: inherit;
        transform: translateY(1.75em);
        will-change: transform;
    }

    .kg-animation-chars [data-mask-space],
    .kg-animation-words [data-mask-space] {
        display: inline-block;
        white-space: pre-wrap;
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .kg-animation-chars .mask-container,
    .kg-animation-words .mask-container {
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

    .kg-animation-chars [data-mask],
    .kg-animation-words [data-mask] {
        padding-block: .2em;
        margin-block: -.2em;
        position: relative;
        overflow: hidden;
        display: inline-block;
    }

    .kg-animation-chars .has-text-align-center .mask-container,
    .kg-animation-words .has-text-align-center .mask-container {
        justify-content: center;
    }

    .kg-animation-chars .has-text-align-right .mask-container,
    .kg-animation-words .has-text-align-right .mask-container {
        justify-content: flex-end;
    }
}

/*# sourceMappingURL=index.css.map*/