.f_modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .3);z-index:1000000;direction:rtl}@keyframes f_modal_animation_top{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes f_modal_animation_right{from{right:-300px;opacity:0}to{right:0;opacity:1}}@keyframes f_modal_animation_left{from{left:-300px;opacity:0}to{left:0;opacity:1}}@keyframes f_modal_animation_bottom{from{bottom:-300px;opacity:0}to{bottom:100px;opacity:1}}.f_modal>.f_box.f_sm{width:400px;max-width:90%}.f_modal>.f_box.f_md{width:700px;max-width:90%}.f_modal>.f_box.f_lg{width:1200px;max-width:90%}@media screen and (max-width:1366px){.f_modal>.f_box.f_lg{width:82%}}@media screen and (max-width:800px){.f_modal>.f_box.f_sm{width:88%}.f_modal>.f_box.f_md{width:88%}.f_modal>.f_box.f_lg{width:88%}}.f_modal>.f_box.f_top{animation-name:f_modal_animation_top;animation-duration:var(--transition-slow);border:1px solid rgb(0 0 0 / .2);border-radius:10px;margin:100px auto 100px auto}.f_modal>.f_box.f_right{animation-name:f_modal_animation_right;animation-duration:var(--transition-slow);height:100%;overflow-x:hidden;overflow-y:auto;margin:0 0 0 auto}.f_modal>.f_box.f_left{animation-name:f_modal_animation_left;animation-duration:var(--transition-slow);height:100%;overflow-x:hidden;overflow-y:auto;margin:0 auto 0 0}.f_modal>.f_box.f_bottom{animation-name:f_modal_animation_bottom;animation-duration:var(--transition-slow);border:1px solid rgb(0 0 0 / .2);position:absolute;bottom:100px;left:50%;border-radius:10px;transform:translateX(-50%);margin:0 auto 0 auto}.f_modal>.f_box.f_center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);animation-duration:var(--transition-slow);border:1px solid rgb(0 0 0 / .2);border-radius:10px;margin:0}.f_modal>.f_box{position:relative;background-color:var(--color-white);padding:0;outline:0}.f_modal>.f_box .f_o_header{display:flex;width:100%;justify-content:space-between;border-bottom:1px solid var(--color-gray-200);color:var(--color-black-500);padding:14px}.f_modal>.f_box .f_o_header .f_o_title{font-size:20px}.f_modal>.f_box .f_o_header .f_o_close{width:24px;height:24px;text-align:center;line-height:24px;border-radius:50%;cursor:pointer}.f_modal>.f_box .f_o_header .f_o_close::before{content:'\e825';font-family:"framework_icon";font-size:14px}.f_modal>.f_box .f_o_header .f_o_close:hover{color:var(--color-white);background:var(--color-red-500)}.f_modal>.f_box .f_o_header .f_tooltip{border-bottom:none}.f_modal>.f_box .f_o_body{width:100%;padding:14px}.f_modal>.f_box .f_o_footer{width:100%;padding:14px;border-top:1px solid var(--color-gray-200)}