:host {
  --ez-modal-container-overflow-y: auto;
  --ez-modal-container-overflow-x: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.ez-modal-container__header-container{
  outline: none;
}

.ez-modal-container__header {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
}

.ez-modal-container__content {
  overflow-y: var(--ez-modal-container-overflow-y);
  overflow-x: var(--ez-modal-container-overflow-x);
  outline: none;
  flex: 1 1 auto;
}

.ez-modal-container__content::-webkit-scrollbar {
  width: var(--space--small);
  min-width: var(--space--small);
  max-width: var(--space--small);
}

.ez-modal-container__footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: var(--space--8, 8px);
  width: 100%;
  padding-top: var(--space--small, 6px);
}

.ez-modal-container__title {
  display: grid;
}

.ez-modal-container__close-button {
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
  padding: var(--space--6, 6px) 0px;
}

.ez-modal-container__close-icon {
  --icon--color: var(--title--primary, #2B3A54)
}