.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5);opacity:0;z-index:-1;pointer-events:none;transition:opacity0 .2s ease-in}.modal__content{position:relative;width:auto;font-size:14px;font-weight:400;margin:50% 2%;transition:opacity .3s ease-in;display:flex;flex-direction:column;background-color:#fff;background-clip:padding-box;border:2px solid rgba(0,0,0,0.2);border-radius:20px;box-shadow:0 0 7px 0 rgba(0,0,0,0.3)}@media (min-width: 576px){.modal__content{max-width:500px;margin:10% auto}}.modal__show .modal__backdrop,.modal__show .modal__content{opacity:1;z-index:1050;pointer-events:auto;overflow-y:auto}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid #eceeef}.modal__title{margin-top:0;margin-bottom:0;line-height:1.5;font-size:1.25rem;font-weight:500}.wb_modal__btn-close{padding:10px 8px;text-align:center;background-color:#3b5998;background-image:-moz-linear-gradient(center top,#0c98c5,#0c98c5);border:0 solid #4ec8ef;text-shadow:0 0 #000;border-radius:1px;cursor:default;color:#fff;font-size:20px;font-weight:700;height:33px;line-height:33px}.wb_modal__btn-close:focus,.wb_modal__btn-close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.75}.modal__body{position:relative;flex:1 1 auto;border:2px solid grey;padding:15px;overflow:auto}.modal__footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}