.micromodal.is-open {
    z-index: 9999;
}

.micromodal .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999;
}

.micromodal .modal-overlay.modal-overlay-blurred {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.micromodal .modal-container {
    background-color: #fff;
    padding: 40px 30px 30px;
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 4px;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.micromodal .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.micromodal .modal-close {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px 10px;
    background: transparent;
    border: 0;
}

.micromodal .modal-close:before {
    content: "\2715";
}

.micromodal .modal-content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.8);
}

.micromodal {
    display: none;
}

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

/* ----------------------------------------------
 * Generated by Animista on 2021-11-20 19:0:28
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes micromodalFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes micromodalFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes micromodalFadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes micromodalFadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes micromodalSlideInTop {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes micromodalSlideInTop {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes micromodalSlideInLeft {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes micromodalSlideInLeft {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes micromodalSlideInRight {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes micromodalSlideInRight {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes micromodalSlideInBottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes micromodalSlideInBottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes micromodalScaleIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes micromodalScaleIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes micromodalFlipInVerticalLeft {
    0% {
        -webkit-transform: rotateY(80deg);
        transform: rotateY(80deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1;
    }
}

@keyframes micromodalFlipInVerticalLeft {
    0% {
        -webkit-transform: rotateY(80deg);
        transform: rotateY(80deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes micromodalFlipInHorizontalBottom {
    0% {
        -webkit-transform: rotateX(80deg);
        transform: rotateX(80deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }
}

@keyframes micromodalFlipInHorizontalBottom {
    0% {
        -webkit-transform: rotateX(80deg);
        transform: rotateX(80deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }
}

/* Global animations
-------------------------------------------------- */

.micromodal[aria-hidden="false"] .modal-overlay {
    -webkit-animation: micromodalFadeIn 200ms ease-in-out;
    animation: micromodalFadeIn 200ms ease-in-out;
}

.micromodal[aria-hidden="true"] .modal-overlay {
    -webkit-animation: micromodalFadeOut 200ms ease-in-out;
    animation: micromodalFadeOut 200ms ease-in-out;
}

.micromodal[aria-hidden="true"] .modal-container {
    -webkit-animation: micromodalFadeOut 200ms ease-in-out;
    animation: micromodalFadeOut 200ms ease-in-out;
}

.micromodal .modal-container {
    will-change: transform;
}

/* Entrance animations
-------------------------------------------------- */

.micromodal-fade-in[aria-hidden="false"] .modal-container {
    -webkit-animation: micromodalFadeIn 200ms ease-in-out;
    animation: micromodalFadeIn 200ms ease-in-out;
}

.micromodal-slide-in-top[aria-hidden="false"] .modal-container {
    -webkit-animation: micromodalSlideInTop 200ms ease-in-out;
    animation: micromodalSlideInTop 200ms ease-in-out;
}

.micromodal-slide-in-left[aria-hidden="false"] .modal-container {
    -webkit-animation: micromodalSlideInLeft 200ms ease-in-out;
    animation: micromodalSlideInLeft 200ms ease-in-out;
}

.micromodal-slide-in-right[aria-hidden="false"] .modal-container {
    -webkit-animation: micromodalSlideInRight 200ms ease-in-out;
    animation: micromodalSlideInRight 200ms ease-in-out;
}

.micromodal-slide-in-bottom[aria-hidden="false"] .modal-container {
    -webkit-animation: micromodalSlideInBottom 200ms ease-in-out;
    animation: micromodalSlideInBottom 200ms ease-in-out;
}

.micromodal-scale-in[aria-hidden="false"] .modal-container {
    -webkit-animation: micromodalScaleIn 200ms ease-in-out;
    animation: micromodalScaleIn 200ms ease-in-out;
}

.micromodal-flip-in-horizontal[aria-hidden="false"] .modal-container {
    -webkit-animation: micromodalFlipInHorizontalBottom 200ms ease-in-out;
    animation: micromodalFlipInHorizontalBottom 200ms ease-in-out;
}

.micromodal-flip-in-vertical[aria-hidden="false"] .modal-container {
    -webkit-animation: micromodalFlipInVerticalLeft 200ms ease-in-out;
    animation: micromodalFlipInVerticalLeft 200ms ease-in-out;
}