:root{
   --default-padding: 16px;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
    border:0;
    background:rgba(0, 0, 0, 0.1);
}
.overlay:has(>.window){
   display:flex;
   justify-content: center;
   align-items: center;
}
.window{
   border-radius: 8px;
   background: #ffffff;
   padding: var(--default-padding);
   box-shadow: 0px 0px 16px #0000001c;
}