.MYUI-ModalCard {
  background: rgba(var(--background_modal));
  border-radius: var(--MODALCARD_border_radius);
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  margin: var(--MODALCARD_margin);
  position: relative;
}

.MYUI-ModalCard__content {
  padding-bottom: var(--safe-area-inset-bottom);
  max-height: var(--MODAL_max_height);
  overflow: auto;
  position: relative;
  transition: all .3s;
  --webkit-transition: all .3s;
}

.MYUI-ModalCard__header {
  padding: 0px var(--MODALCARD_margin);
}

.MYUI-ModalCard__in {
  max-height: var(--MODAL_max_height);
  transition: all .3s;
  --webkit-transition: all .3s;
}

.MYUI-ModalCard__onClose {
  position: absolute;
  right: var(--MODALCARD_margin);
  top: var(--MODALCARD_margin);
  padding: 12px;
  z-index: 2;
}

.MYUI-ModalCard__onClose *:first-child {
  border-radius: 100%;
}