.modal{background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal>.wrapper{width:800px;height:80vh;position:relative}.modal>.wrapper.--small{width:auto;height:auto}.modal>.wrapper>.body{box-sizing:border-box;background:#462e30;border-radius:0;width:100%;height:100%;padding:15px;position:relative;overflow-y:scroll}.modal>.wrapper.--small>.body{overflow-y:hidden}.modal>.wrapper ::-webkit-scrollbar{background-color:#f5f5f5;width:8px}.modal>.wrapper ::-webkit-scrollbar-thumb{background-color:gray;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.modal>.wrapper>.header{z-index:15;justify-content:flex-end;font-family:sans-serif;font-size:18px;display:flex;position:absolute;top:2px;right:5px}@media (max-width:900px){.modal>.wrapper>.header{right:22px}.modal>.wrapper{width:100vw;height:100vh;position:relative}}