/* input(3,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'from'
input(3,47): run-time error CSS1046: Expect comma, found 'r'
input(3,49): run-time error CSS1047: Expected number or percentage value in rgb function, found 'g'
input(3,51): run-time error CSS1046: Expect comma, found 'b'
input(3,53): run-time error CSS1047: Expected number or percentage value in rgb function, found '/'
input(3,55): run-time error CSS1034: Expected closing parenthesis, found '.025'
input(3,55): run-time error CSS1042: Expected function, found '.025'
input(3,60): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
input(4,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'from'
input(4,47): run-time error CSS1046: Expect comma, found 'r'
input(4,49): run-time error CSS1047: Expected number or percentage value in rgb function, found 'g'
input(4,51): run-time error CSS1046: Expect comma, found 'b'
input(4,53): run-time error CSS1047: Expected number or percentage value in rgb function, found '/'
input(4,55): run-time error CSS1034: Expected closing parenthesis, found '.15'
input(4,55): run-time error CSS1042: Expected function, found '.15'
input(4,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
input(5,19): run-time error CSS1047: Expected number or percentage value in rgb function, found 'from'
input(5,42): run-time error CSS1046: Expect comma, found 'r'
input(5,44): run-time error CSS1047: Expected number or percentage value in rgb function, found 'g'
input(5,46): run-time error CSS1046: Expect comma, found 'b'
input(5,48): run-time error CSS1047: Expected number or percentage value in rgb function, found '/'
input(5,50): run-time error CSS1034: Expected closing parenthesis, found '.2'
input(5,50): run-time error CSS1042: Expected function, found '.2'
input(5,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
input(6,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'from'
input(6,45): run-time error CSS1046: Expect comma, found 'r'
input(6,47): run-time error CSS1047: Expected number or percentage value in rgb function, found 'g'
input(6,49): run-time error CSS1046: Expect comma, found 'b'
input(6,51): run-time error CSS1047: Expected number or percentage value in rgb function, found '/'
input(6,53): run-time error CSS1034: Expected closing parenthesis, found '.3'
input(6,53): run-time error CSS1042: Expected function, found '.3'
input(6,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
input(7,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'from'
input(7,43): run-time error CSS1046: Expect comma, found 'r'
input(7,45): run-time error CSS1047: Expected number or percentage value in rgb function, found 'g'
input(7,47): run-time error CSS1046: Expect comma, found 'b'
input(7,49): run-time error CSS1047: Expected number or percentage value in rgb function, found '/'
input(7,51): run-time error CSS1034: Expected closing parenthesis, found '.4'
input(7,51): run-time error CSS1042: Expected function, found '.4'
input(7,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
input(8,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'from'
input(8,45): run-time error CSS1046: Expect comma, found 'r'
input(8,47): run-time error CSS1047: Expected number or percentage value in rgb function, found 'g'
input(8,49): run-time error CSS1046: Expect comma, found 'b'
input(8,51): run-time error CSS1047: Expected number or percentage value in rgb function, found '/'
input(8,53): run-time error CSS1034: Expected closing parenthesis, found '.6'
input(8,53): run-time error CSS1042: Expected function, found '.6'
input(8,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
input(9,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'from'
input(9,46): run-time error CSS1046: Expect comma, found 'r'
input(9,48): run-time error CSS1047: Expected number or percentage value in rgb function, found 'g'
input(9,50): run-time error CSS1046: Expect comma, found 'b'
input(9,52): run-time error CSS1047: Expected number or percentage value in rgb function, found '/'
input(9,54): run-time error CSS1034: Expected closing parenthesis, found '.8'
input(9,54): run-time error CSS1042: Expected function, found '.8'
input(9,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' */
.async-native-dialog {
  --light-gray: rgba(0,0,0, 0.05);
  --lightest-gray: rgb(from var(--light-gray) r g b / 0.025);
  --midlight-gray: rgb(from var(--light-gray) r g b / 0.15);
  --mid-gray: rgb(from var(--light-gray) r g b / 0.2);
  --shadow-gray: rgb(from var(--light-gray) r g b / 0.3);
  --dark-gray: rgb(from var(--light-gray) r g b / 0.4);
  --darker-gray: rgb(from var(--light-gray) r g b / 0.6);
  --darkest-gray: rgb(from var(--light-gray) r g b / 0.8);
}
.async-native-dialog[open] {
  animation: fadeIn 500ms both ease;
  display: grid;
  grid-template-areas: "header" "content" "footer";
  grid-template-rows: auto 1fr auto;
  border-color: var(--dark-gray);
  border-radius: 0.625em;
  padding: 0;
  height: max-content;
  overflow: auto;
  width: clamp(600px, 60vw, 1000px);
  transform: translateX(1.25vw);
  box-sizing: border-box;
}
.async-native-dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(2px);
}
.async-native-dialog button {
  margin: unset;
  height: unset;
}
.async-native-dialog__header {
  grid-area: header;
  grid-column: 1/-1;
  display: flex;
  gap: inherit;
  align-items: center;
  justify-content: space-between;
  padding: 1.25em;
  background-color: var(--bs-primary, royalblue);
  color: white;
}
.async-native-dialog__header h1, .async-native-dialog__header h2, .async-native-dialog__header h3, .async-native-dialog__header h4, .async-native-dialog__header h5, .async-native-dialog__header h6 {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5ch;
}
.async-native-dialog__header .close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: none;
  aspect-ratio: 1;
  padding-top: 0.625em;
}
.async-native-dialog__content {
  grid-area: content;
}
.async-native-dialog__content {
  display: var(--dynamic-flex-to-grid, flex);
  flex-direction: column;
  min-height: 6em;
  justify-content: flex-start;
  align-items: center;
  gap: 1.25em;
  padding: 1.25em;
  overflow: auto;
  width: 100%;
  box-sizing: border-box;
}
.async-native-dialog__content .dialog-content-card {
  display: flex;
  flex-direction: column;
  row-gap: 1.25em;
  --max-col-ct: 2;
  overflow: auto;
  min-height: var(--dynamic-max-content-to-none, 0);
}
.async-native-dialog__ctas {
  grid-area: footer;
  grid-column: 1/-1;
  justify-self: flex-end;
  align-items: flex-end;
  display: flex;
  gap: 1.25em;
  border-top: 1px solid var(--mid-gray);
  padding: 1.25em 1.25em 1.25em;
  width: 100%;
  justify-content: flex-end;
}
.async-native-dialog__ctas button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625em;
}
.async-native-dialog__ctas button .fa-btn-adjust {
  margin-bottom: -0.2em;
}
.async-native-dialog__ctas .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1ch;
}
.async-native-dialog__ctas .btn + .btn {
  margin-left: 0;
}
.async-native-dialog__ctas .btn.push-additional-left {
  margin-left: auto;
}
.async-native-dialog__ctas .btn .only-when-selected {
  display: none;
}
.async-native-dialog__ctas .btn .only-when-deselected {
  display: flex;
}
.async-native-dialog__ctas .btn.selected .only-when-selected {
  display: flex;
}
.async-native-dialog__ctas .btn.selected .only-when-deselected {
  display: none;
}