.ul-modal{position:fixed;width:300px;background:#fff;-webkit-box-shadow:0 0 7px rgba(0,0,0,.1);box-shadow:0 0 7px rgba(0,0,0,.1);border-radius:2px;overflow:hidden;z-index:999}.ul-modal>header{position:relative;background:#93c951;color:#fff;padding:1.5rem 50px 1.5rem 1.5rem}.ul-modal>header h4{margin:0}.ul-modal>div{padding:1rem 1rem 1rem 1.5rem}.ul-modal>div p:first-child{margin-top:0}.ul-modal .ul-modal-button{margin-left:0;margin-right:0;padding-left:2em;padding-right:2em;text-align:center}.ul-modal div.modal-close{position:absolute;top:50%;right:10px;height:30px;width:30px;margin-top:-15px;cursor:pointer;opacity:.5;-webkit-transition:opacity .3s;transition:opacity .3s}.ul-modal div.modal-close svg{position:absolute;top:50%;left:50%;width:18px;height:18px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;fill:#fff;-webkit-transition:fill .3s;transition:fill .3s}.ul-modal div.modal-close:hover{opacity:1}.ul-modal div.modal-close:hover svg{fill:#fff}.ul-modal.position-bottom-left{opacity:0;left:-300px;bottom:20px;-webkit-transition:left .5s,opacity .5s;transition:left .5s,opacity .5s;border-top-left-radius:0;border-bottom-left-radius:0}.ul-modal.position-bottom-left.show{opacity:1;left:0}.ul-modal.position-bottom-right{opacity:0;right:-300px;bottom:20px;-webkit-transition:right .5s,opacity .5s;transition:right .5s,opacity .5s;border-top-right-radius:0;border-bottom-right-radius:0}.ul-modal.position-bottom-right.show{opacity:1;right:0}@media screen and (min-width:480px){.ul-modal{width:400px}.ul-modal.position-bottom-left{left:-400px}.ul-modal.position-bottom-left.show{left:0}.ul-modal.position-bottom-right{right:-400px}.ul-modal.position-bottom-right.show{right:0}}@media screen and (max-width:300px){.ul-modal{border-radius:0;width:100%}.ul-modal.position-bottom-left{left:-100%}.ul-modal.position-bottom-left.show{left:0}.ul-modal.position-bottom-right{right:-100%}.ul-modal.position-bottom-right.show{right:0}}