/**
 * @license EUPL-1.2
 * Copyright (c) 2020-2022 Gemeente Utrecht
 * Copyright (c) 2020-2022 Frameless B.V.
 */

@import "./mixin";

/*
Apply `.utrecht-alert-dialog` to any element with this class name, with one exception.

The HTML `<dialog>` element must have `display: none` until the `open` attribute is set,
so do not apply these styles to an HTML `<dialog>` element without `open` attribute.
*/
.utrecht-alert-dialog:not(dialog:not([open])) {
  @include utrecht-alert-dialog;
}

.utrecht-alert-dialog::backdrop {
  @include utrecht-alert-dialog__backdrop;
}

.utrecht-alert-dialog__icon {
  @include utrecht-alert-dialog__icon;
}

.utrecht-alert-dialog__message {
  @include utrecht-alert-dialog__message;
}

.utrecht-alert-dialog--error {
  @include utrecht-alert-dialog--error;
}

.utrecht-alert-dialog--info {
  @include utrecht-alert-dialog--info;
}

.utrecht-alert-dialog--warning {
  @include utrecht-alert-dialog--warning;
}