.modal-container{z-index:500;background-color:#0006;position:fixed;inset:0}.modal-container .modal{z-index:1000;background-color:var(--background);width:300px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:640px){.modal-container .modal{width:400px}}.full:is(.modal-container .modal){width:100vw;height:100vh}.modal-container .modal-header{background-color:var(--color-main);color:#fff;flex-direction:row;justify-content:space-between;height:40px;padding:4px;display:flex}:is(.modal-container .modal-header) .modal-title{margin-top:2px;margin-left:12px}:is(.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}