.ui-dialog {
    max-width: 360px;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: 0.5rem;
    border-color: #e5e7eb;
}
.ui-dialog-titlebar {
    text-align: center;
    background-color: unset;
    border: unset;
}
.ui-dialog-title {
    font-weight: bolder;
    font-size: 1.2rem;
}
.ui-dialog .button:hover {
    color: var(--color-white);
}
.ui-dialog-buttonset {
  width: 100%;
  float: none;
}
.ui-dialog-buttonset button {
   width: 100%;
}
.ui-dialog .button {
    color: var(--color-white);
    background-color: var(--color-purple-600);
    font-weight: bolder;
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

}