@charset "UTF-8";
/** modal */

.micromodal {
    display: none;
}

.micromodal.is-open {
    display: block;
}

.micromodal[aria-hidden="false"] .c-overlay {
    animation: mmfadeIn .5s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal[aria-hidden="true"] .c-overlay {
    animation: mmfadeOut .5s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal[aria-hidden="false"] .o-modal {
    animation: mmslideIn .5s cubic-bezier(0, 0, .2, 1);
}

.micromodal[aria-hidden="true"] .o-modal {
    animation: mmslideOut .5s cubic-bezier(0, 0, .2, 1);
}

.micromodal .c-overlay,
.micromodal .o-modal {
    will-change: transform;
}

@keyframes mmslideIn {
    from {
        transform: translateY(15%);
    }
    to {
        transform: translateY(0);
    }
}

@keyframes mmslideOut {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10%);
    }
}

@keyframes mmfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes mmfadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}