.ajax-dialog{
   padding        : 0 2rem 2rem 2rem;
   border-radius  : var(--radius-50);
   box-shadow     : 0 0 1em rgb(0 0 0 / .3);
}
.ajax-dialog::backdrop{
   background-color  : rgba(23, 152, 233, 0.5); /* COLOR BRAND 3*/
   backdrop-filter   : blur(5px);
   /* transition-property: opacity display overlay;
   transition-duration: 1s;
   transition-behavior: allow-discrete; */
    
}

   
.dialog-header{
   display           : flex;
   align-items       : center;
   justify-content   : space-between;
}
.dialog-title{
   display     : flex;
   align-items : center;
   font-size   : var(--font-size-300);
   color       : var(--color-grey-modern);
   margin-right: auto;
   gap         : 1rem;
}