.modal-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:500}.modal-container .modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:300px;background-color:var(--background)}@media(min-width:641px){.modal-container .modal{width:400px}}.modal-container .modal.full{width:100vw;height:100vh}.modal-container .modal-header{height:40px;background-color:var(--color-main);display:flex;flex-direction:row;justify-content:space-between;padding:4px;color:#fff}.modal-container .modal-header .modal-title{margin-left:12px;margin-top:2px}.modal-container .modal-header svg{cursor:pointer}.modal-container .modal-body{padding:16px}.modal-container .modal-footer{border-top:1px solid var(--border_gray);padding:8px}