:root{--primary-color:#c1b0cf;--secondary-color:#70637c;--font-size-lg:1.5rem}.dialog-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);z-index:1000}.dialog{display:flex;flex-direction:column;width:800px;border:1px solid;border-radius:1%}.header{display:flex;width:100%;align-items:center;justify-content:space-between;padding:5px 10px;border-bottom:1px solid;background-color:var(--primary-color)}.dialog-title{font-size:var(--font-size-lg)}.body{padding:10px;min-height:150px;background-color:var(--secondary-color)}.footer{padding:7px 10px;background-color:var(--primary-color);button{border-radius:10%}}