.modal-layer{height:100%;left:0;position:fixed;top:0;width:100%;z-index:99999}.modal-layer .login-container.show{opacity:1;transform:translate(0);z-index:9999}.modal-layer .login-container{animation:fadeInOpacity .2s ease-out;background:#f8f9fa;border-radius:16px;max-width:365px;min-height:300px;min-width:300px;padding:1em;width:100%}@keyframes fadeInOpacity{0%{opacity:0;transform:translate(-50%)}to{opacity:1;transform:translate(0)}}.modal-layer .modal-layer-title{color:var(--text-color);font-size:1.5em;font-weight:700;letter-spacing:-.5px;max-width:92%}.modal-layer .modal-layer-description{color:var(--text-color);font-size:.9em;opacity:.8;width:90%}.modal-layer .modal-layer-label{color:var(--text-color);font-size:.9em;opacity:.7}.modal-layer .btn-metamask{background-color:var(--primary-purple);box-shadow:0 3px 8px #0000000f;color:#fff;font-weight:50;font-weight:500;padding:11px 0!important}.modal-layer .btn-metamask:hover{background-color:#fff;box-shadow:0 3px 8px #00000014;color:var(--text-color)}.modal-layer .btn-metamask img{margin:0 .8rem 0 0!important;vertical-align:middle;width:29px}.modal-layer .modal-layer-footer{color:var(--text-color);font-size:.75em}.modal-layer .modal-layer-footer a{color:var(--primary-blue);font-weight:700}