html,body{height:100%}.modal{position:fixed;top:0;left:0;z-index:9999;background:#000000b3;width:100%;height:100%}.modal .modal-dialog{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.modal .modal-dialog .modal-content{position:relative;margin:0 auto;border-radius:20px;background:#fff;padding:16px;width:100%;max-width:440px;height:100%}.modal .modal-dialog .modal-content .modal-body{position:absolute;top:20px;-webkit-overflow-scrolling:touch;bottom:20px;overflow-y:auto}.modal .modal-dialog .modal-content .modal-footer{position:absolute;bottom:0;width:100%}*{box-sizing:border-box}body{overflow:hidden}.popup-modal{position:fixed;top:0;left:0;z-index:9999;box-sizing:border-box;background:#000000b3;width:100%;height:100%;text-align:center}.popup-modal:before{display:inline-block;vertical-align:middle;width:0;height:100%;content:"";font-size:0}.popup-modal .popup-modal__footer{position:absolute;bottom:20px;left:20px;background-color:#f008;width:calc(100% - 40px)}.popup-modal .popup-modal__content{display:inline-flex;position:relative;vertical-align:middle;border:6px solid green;border-radius:20px;background:#fff;padding:20px;max-width:calc(100vw - 40px);max-height:calc(100% - 40px);font-size:0}.popup-modal .popup-modal__body{width:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.popup-modal .popup-modal__close-btn{display:block;position:absolute;top:-16px;right:-12px;z-index:10;transition:all .35s;cursor:pointer;border:4px white solid;border-radius:50%;background:#000 url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.80335 3.86061C4.543 3.60026 4.12089 3.60026 3.86055 3.86061C3.6002 4.12096 3.6002 4.54307 3.86055 4.80342L9.05661 9.99948L3.86055 15.1955C3.6002 15.4559 3.6002 15.878 3.86055 16.1383C4.12089 16.3987 4.543 16.3987 4.80335 16.1383L9.99942 10.9423L15.1955 16.1383C15.4558 16.3987 15.8779 16.3987 16.1383 16.1383C16.3986 15.878 16.3986 15.4559 16.1383 15.1955L10.9422 9.99948L16.1383 4.80342C16.3986 4.54307 16.3986 4.12096 16.1383 3.86061C15.8779 3.60026 15.4558 3.60026 15.1955 3.86061L9.99942 9.05667L4.80335 3.86061Z' fill='white'/%3E%3C/svg%3E%0A");background-position:center;background-repeat:no-repeat;width:40px;height:40px}.popup-modal .popup-modal__close-btn:hover{transform:rotate(90deg)}