.common_modal_overlay{z-index:9999999;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.common_modal_overlay--active{pointer-events:auto}.common_modal_overlay--active .common_modal_backdrop{opacity:.5}.common_modal_overlay--active .common_modal_wrapper{opacity:1;transform:scale(1)translateY(0)}.common_modal_overlay--active .common_modal_close_btn{opacity:1;transform:translate(-50%)translateY(0)}.common_modal_backdrop{opacity:0;background:#131120;width:100%;height:100%;transition:opacity .25s;position:absolute;top:0;left:0}.common_modal_wrapper{z-index:1;opacity:0;flex-direction:column;max-width:90vw;max-height:90vh;transition:opacity .25s,transform .25s;display:flex;position:relative;transform:scale(.95)translateY(12px)}.common_modal_content{background:#fff;border-radius:16px;width:100%;height:100%;overflow:auto;box-shadow:0 4px 12px #00000026}.common_modal_close_btn{color:#fff;cursor:pointer;z-index:2;opacity:0;background:#00000080;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:opacity .25s,transform .25s,background .15s;display:flex;position:absolute;top:-48px;left:50%;transform:translate(-50%)translateY(-8px)}.common_modal_close_btn:hover{background:#000000b3}