.modal{animation:fadeIn .3s ease-in;background-color:rgba(0,0,0,.5);bottom:0;display:none;height:100vh;left:0;max-height:100vh;max-width:100vw;overflow:auto;position:fixed;right:0;top:0;width:100vw;z-index:1000}.modal-content{margin:4vw auto;max-width:900px;width:fit-content}.modal-content .creative-wrap{position:relative;text-align:center}.modal-content.horizontal .creative-wrap{height:fit-content;margin:5% auto;max-width:900px;width:80vw}.modal-content.vertical .creative-wrap{height:80vh;margin:40px auto;max-height:85vh;width:fit-content}.modal-content.horizontal .creative-wrap img,.modal-content.horizontal .creative-wrap video{background:#fff;padding:10px;width:100%}.modal-content.vertical .creative-wrap img,.modal-content.vertical .creative-wrap video{background:#fff;height:90%;padding:10px}.close{color:#fff;font-size:40px;font-weight:100;line-height:1;position:absolute;right:0;top:-40px}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-content .letro-btnSecondary-v2{margin:0 auto;width:fit-content}.modal-content .letro-btnSecondary-v2 .letro-btnSecondary{font-size:1.6rem;padding:10px 3em}@media screen and (max-width:768px){.modal-content.horizontal .creative-wrap{margin:50% auto;max-width:95vw;width:95vw}.modal-content.vertical .creative-wrap{height:85vh;margin:40px auto;max-height:90vh;width:fit-content}.modal-content.horizontal .creative-wrap img,.modal-content.horizontal .creative-wrap video{padding:5px}.modal-content.vertical .creative-wrap img,.modal-content.vertical .creative-wrap video{height:70%}}@media screen and (max-width:480px){.modal-content.vertical .creative-wrap img,.modal-content.vertical .creative-wrap video{max-width:320px}}