.modals,.modals *,.modals :after,.modals :before{box-sizing:border-box}.modals{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.modals-shown{display:flex}.modal{background:#fff;border-radius:3px;box-shadow:0 0 8px rgba(0,0,0,.4);display:none;flex-direction:column;max-height:90%;overflow:auto;position:relative;right:0;width:90%}.modal-shown{display:flex}.modal-header{border-bottom:1px solid #ddd;flex-grow:0;flex-shrink:0;overflow:hidden;padding:12px 22px;position:relative;width:100%}.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5{margin:0}.modal-footer{border-top:1px solid #ddd;overflow:hidden;padding:16px}.modal-content{padding:16px 24px}.modal-small{max-width:400px}.modal-medium{max-width:600px}.modal-scrollable .modal-content{overflow-y:auto}.modal-close{background-image:url(img/close.svg);background-position:center center;background-repeat:no-repeat;background-size:25px 25px;cursor:pointer;height:35px;margin:7px;opacity:.3;padding:10px;position:absolute;right:0;top:0;width:35px}.modal-close:hover{background-color:#ddd;opacity:.5}