.modal{display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:fixed;top:0;z-index:100;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;overflow:hidden;pointer-events:none;width:100%}.modal:before{background:var(--background);content:"";display:block;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;-webkit-transition:opacity var(--transition);transition:opacity var(--transition)}.modal .form-login,.modal .login-aside-close,.modal .modal-content,.modal .small-print{opacity:0;-webkit-transform:translateY(1rem) scale(.8);transform:translateY(1rem) scale(.8);-webkit-transition:opacity var(--transition) .2s,-webkit-transform var(--transition) .2s;transition:opacity var(--transition) .2s,-webkit-transform var(--transition) .2s;transition:transform var(--transition) .2s,opacity var(--transition) .2s;transition:transform var(--transition) .2s,opacity var(--transition) .2s,-webkit-transform 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;-webkit-transform:none;transform:none}.modal-content{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--background);-webkit-filter:drop-shadow(var(--shadow));filter:drop-shadow(var(--shadow));-ms-flex-flow:column;flex-flow:column;margin:auto;max-width:700px;overflow:visible;padding:1rem 1rem 2em;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{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}}.modal-content>*{z-index:1}.modal-close.nuxt-button.button{display:-webkit-box;display:-ms-flexbox;display:flex;height:2rem;padding:0;position:absolute;right:-1rem;top:-1rem;width:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:-webkit-transform var(--transition);transition:-webkit-transform var(--transition);transition:transform var(--transition);transition:transform var(--transition),-webkit-transform var(--transition);z-index:20}
