.modal{display:flex;align-items:center;justify-content:center;position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%}.modal .modal_overlay{background:rgba(0,0,0,.8);width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.modal .close{display:block;width:36px;height:36px;z-index:10000;position:absolute;top:-40px;right:0;cursor:pointer}.modal .close div,.modal .close:before,.modal .close:after{display:block;transition:all .4s;box-sizing:border-box;position:absolute;left:3px;width:30px;height:4px;border-radius:2px;background:#fff}.modal .close:before{content:"";display:block}.modal .close:before{top:6px;transform:translateY(10px) rotate(-45deg)}.modal .close div{bottom:6px;transform:translateY(-10px) rotate(45deg)}.modal .typing_title{display:flex;align-items:center;height:36px;z-index:10000;position:absolute;top:-40px;left:0;color:#fff;font-size:18px;font-weight:bold;width:calc(100% - 100px)}.modal .help{display:flex;align-items:center;height:36px;z-index:10000;position:absolute;top:-40px;right:48px;cursor:pointer}.modal .help a{color:#fff;font-size:16px;text-decoration:none}.modal .modal_window{display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;padding:12px;box-sizing:border-box;position:relative;min-width:728px;min-height:470px;box-sizing:border-box}.modal .modal_window iframe{display:block}.modal #typing_app_frame{min-width:728px;min-height:565px}