.nmorph-card {
  padding: 8px;
  border-radius: 8px;
}

.nmorph-dialog {
  padding: 16px;
}

.nmorph-dialog__close-icon .nmorph-icon {
  position: relative;
}

.nmorph-dialog__close-icon .nmorph-icon svg {
  display: none;
}

.nmorph-dialog__close-icon .nmorph-icon::before,
.nmorph-dialog__close-icon .nmorph-icon::after {
  content: '';

  position: absolute;

  width: 18px;
  height: 2px;
  border-radius: 999px;

  background: var(--nmorph-private-icon-color);
}

.nmorph-dialog__close-icon .nmorph-icon::before {
  transform: rotate(45deg);
}

.nmorph-dialog__close-icon .nmorph-icon::after {
  transform: rotate(-45deg);
}

.nmorph-alert.nmorph-alert--success .nmorph-alert__icon .nmorph-icon {
  --nmorph-private-icon-color: var(--nmorph-success-color);
}

.nmorph-dropdown.nmorph-dropdown--hide-shadow,
.nmorph-dropdown {
  box-shadow: calc(var(--base-shadow-width) * 2) calc(var(--base-shadow-width) * 2) calc(var(--base-shadow-blur) * 2)
      var(--app-shadow-dark),
    calc(var(--base-shadow-width) * -1) calc(var(--base-shadow-width) * -1) var(--base-shadow-blur)
      var(--app-shadow-dark-soft);
}

.nmorph-context-menu__item {
  gap: 12px;
}

.nmorph-context-menu__item button:not(:disabled, [aria-disabled='true']) {
  cursor: pointer;
}

.nmorph-context-menu__item button:not(:disabled, [aria-disabled='true']) * {
  cursor: inherit;
}