.CModal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.642);backdrop-filter:blur(12px);z-index:10000;opacity:0;visibility:hidden;overflow-x:hidden;overflow-y:auto}.CModal-active{animation:fadeIn .3s ease forwards}.CModal-cont{position:relative;background:white;margin:50px auto;width:90%;max-width:500px;border-radius:8px;transform:scale(.9);padding:10px 20px}.CModal-active .CModal-cont{animation:scaleIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.CModel-head{width:100%;height:40px;border-bottom:1px solid #e0e0e0;margin-bottom:5px;display:flex;align-items:center;justify-content:space-between}.CModel-head h4{font-size:14px}.drawer-cover{position:fixed;inset:0;z-index:1000;display:block;background:#00000066;transition:all .7s;opacity:0}.drawer-cover-active{opacity:1;transition:all .7s}.drawer{width:100%;position:fixed;z-index:1001;left:0;right:0;bottom:0;max-height:90vh;overflow-y:auto;border-radius:16px 16px 0 0;transform:translateY(100%)}.drawer,.drawer-active{transition:all .5s ease-out}.drawer-active{transform:translateY(0)}