:host {
  line-height: initial;
  font-family: var(--dyte-font-family, sans-serif);

  font-feature-settings: normal;
  font-variation-settings: normal;
}

p {
  margin: var(--dyte-space-0, 0px);
  padding: var(--dyte-space-0, 0px);
}


:host {
  display: block;
  overflow-wrap: break-word;
  color: rgb(var(--dyte-colors-text-1000, 255 255 255));
  word-wrap: break-word;
}

.modal {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--dyte-space-96, 384px);
  padding: var(--dyte-space-4, 16px);
  border-radius: var(--dyte-border-radius-md, 8px);
  --tw-bg-opacity: 1;
  background-color: rgba(var(--dyte-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));
}

.modal h3 {
  margin: var(--dyte-space-0, 0px);
  padding: var(--dyte-space-0, 0px);
  font-size: 24px;
  font-weight: 500;
}

.modal p {
  margin-top: var(--dyte-space-4, 16px);
  margin-bottom: var(--dyte-space-6, 24px);
}

.modal dyte-button {
  width: 100%;
}