.modal{align-items:center;display:flex;height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:100}.modal:before{background:var(--bg);content:"";display:block;inset:0;opacity:0;position:absolute;transition:opacity var(--transition)}.modal .form-login,.modal .login-aside-close,.modal .modal-content,.modal .small-print{opacity:0;transform:translateY(1rem) scale(.8);transition:transform var(--transition) .2s,opacity var(--transition) .2s}.modal.active{pointer-events:all}.modal.active:before{opacity:.8}.modal.active .form-login,.modal.active .login-aside-close,.modal.active .login-aside-content,.modal.active .modal-content,.modal.active .small-print{opacity:1;transform:none}.modal-content{background-color:var(--bg);filter:drop-shadow(var(--shadow));flex-flow:column;margin:auto;max-width:700px;overflow:visible;padding:1rem 1rem 2em;position:relative;width:80%}.modal-content h3:not([class]){font-size:1.8rem;margin:0 auto;text-transform:capitalize}.modal-content h3:not([class]):after,.modal-content h3:not([class]):before{content:none}.modal-content .modal-close.nuxt-button{margin:0}.modal-content .form .nuxt-button.button{margin-bottom:0;margin-top:1rem}@media (max-width:767px){.modal-content .form .nuxt-button.button{justify-content:center;text-align:center;width:100%}}.modal-content>*{z-index:1}.modal-close.nuxt-button.button{align-items:center;display:flex;height:2rem;justify-content:center;padding:0;position:absolute;right:-1rem;top:-1rem;transition:transform var(--transition);width:2rem;z-index:20}