:root {
  --color-primary: #2353A3;
  --color-secondary: #F9F9F9;
}

body {
  min-width: 390px;
  display: flex;
  flex-direction: row;
  background-color: #F3F5F6;
  font-family: 'Inter', sans-serif;
}

 /* Estilo para esconder a modal inicialmente */
 [data-dialog-backdrop] {
   display: none;
   opacity: 0;
   transition: opacity 0.3s ease;
 }

 /* Estilo para mostrar a modal */
 [data-dialog-backdrop].open {
   display: grid;
   opacity: 1;
 }