@keyframes modalite-spinner-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.modal{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.8);position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:3rem;visibility:hidden;opacity:0;transition:visibility 0.3s linear, opacity 0.3s ease-out}
.modal.modal-visible {
    visibility: visible;
    opacity: 1;
    display: flex;
}
.modal-container {
    position: relative;
    background: #eee;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    max-width: 650px;
    max-width: 50rem;
    max-height: 500px;
    max-height: 50rem;
    transform: scale(0.9);
    transition: transform 0.3s ease-out;
}
.modal.modal-visible .modal-container{transform:scale(1)}.modal.modal-remote .modal-container:before{content:"";display:none;background:#eee;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:5px;visibility:visible;opacity:0.9;transition:all 0.3s ease-out}.modal.modal-remote.modal-visible .modal-container:before{display:block}.modal.modal-remote.modal-loaded .modal-container:before{visibility:hidden;opacity:0}.modal.modal-remote .modal-container:after{content:"";background:url("assets/spinner.png");animation:modalite-spinner-animation 0.8s linear infinite;margin-left:-15px;margin-right:-15px;width:30px;height:30px;position:absolute;top:50%;left:50%;visibility:hidden;opacity:0;transition:all 0.3s ease-out}.modal.modal-remote.modal-loading .modal-container:after{visibility:visible;opacity:1}
.modal-container .modal-close {
    position: absolute;
    top: -16px;
    right: -16px;
    z-index: 9;
}
.modal-close{background-color:#d12626;background-image:url("assets/close.png");background-repeat:no-repeat;background-position:center center;display:inline-block;width:32px;height:32px;border-radius:32px;transition:all 0.3s ease-out;cursor:pointer}.modal-close:hover{background-color:#ea3c3c}
.modal-content {
    width: 100%;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
    padding: 2rem;
    overflow: auto;
}

.modal-content img { border-radius:50%;     width: 45%;}

@media (max-width: 480px){.modal{display:block;padding:1.5rem}.modal-container{max-height:none}.modal-content{padding:1rem}}
/*# sourceMappingURL=modalite.min.css.map */