.modal_wrap{-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;z-index:999999999;background:#0f172a99;justify-content:center;align-items:center;transition:opacity .4s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .4s cubic-bezier(.16,1,.3,1),backdrop-filter .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;overflow:hidden}.modal_wrap.show{pointer-events:auto;opacity:1}.modal_wrap .modal_box{opacity:0;pointer-events:none;background:#fff;border-radius:16px;width:90%;max-width:500px;height:auto;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:scale(.9)translateY(20px);box-shadow:0 25px 50px -12px #0006,inset 0 0 0 1px #fff3}.modal_wrap.show .modal_box{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.modal_wrap .modal_data{flex-direction:column;width:100%;height:auto;display:flex}.modal_wrap .modal_data img{width:100%;display:block}.modal_wrap .modal_close{-webkit-backdrop-filter:blur(4px);cursor:pointer;z-index:10;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .3s cubic-bezier(.25,.8,.25,1),background-color .2s,box-shadow .2s;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 4px 14px #0003}.modal_wrap .modal_close:before,.modal_wrap .modal_close:after{content:"";background-color:#334155;border-radius:1px;width:14px;height:2px;transition:background-color .2s;position:absolute}.modal_wrap .modal_close:before{transform:rotate(45deg)}.modal_wrap .modal_close:after{transform:rotate(-45deg)}.modal_wrap .modal_close:hover{background-color:#ef4444;transform:scale(1.1)rotate(90deg);box-shadow:0 6px 20px #ef44444d}.modal_wrap .modal_close:hover:before,.modal_wrap .modal_close:hover:after{background-color:#fff}#mainpop .modal_box{width:auto;max-width:800px;padding:0}#mainpop img{object-fit:contain;border-radius:16px;width:100%;max-height:80vh;display:block}@media (width<=576px){.modal_wrap .modal_box{border-radius:12px;width:88%}#mainpop img{border-radius:12px}.modal_wrap .modal_close{-webkit-backdrop-filter:blur(4px);background:#ffffffe6;width:32px;height:32px;top:12px;right:12px;box-shadow:0 2px 8px #00000040}.modal_wrap .modal_close:before,.modal_wrap .modal_close:after{width:12px}}