.modal{display:none}.modal-background{position:fixed;z-index:12000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.3);display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}.modal-content{background-color:#fff;border-radius:0;z-index:12001;padding:2em;width:40em;max-width:calc(100% - 3em);max-height:calc(100vh - 4em);position:relative;margin-bottom:2em;-moz-transform:translateY(.75rem);-webkit-transform:translateY(.75rem);-ms-transform:translateY(.75rem);transform:translateY(.75rem);-moz-transition:opacity .25s,-moz-transform .25s;-webkit-transition:opacity .25s,-webkit-transform .25s;-ms-transition:opacity .25s,-ms-transform .25s;transition:opacity .25s,transform .25s;opacity:0}.modal-content.loaded{-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-moz-transition:opacity .5s,-moz-transform .5s;-webkit-transition:opacity .5s,-webkit-transform .5s;-ms-transition:opacity .5s,-ms-transform .5s;transition:opacity .5s,transform .5s;opacity:1}.modal-content.small{width:30em}.modal-content.large{width:50em}.modal .close{position:absolute;color:#000;font-weight:700;top:1.5em;right:1.5em;cursor:pointer;z-index:12002}.modal h3{font-size:1.5em;color:var(--color-verde);margin:1.5rem 0;width:100%;text-align:left;text-transform:none;font-weight:500}@media screen and (max-width:736px){.modal-content{padding:1em}.modal h3{font-size:1.2em}}