/**
 * @file
 * modal styles below 767
 */
:root {
  --modal-height: 500px;
  --modal-x-padding: var(--sp9);
}

.modal-popup-component .popup-inner-section,
.custom-modal-overlay {
  padding: 40px 20px 20px 20px;
}

.modal-close-wrapper .icon--close {
  --icon-width: 25px;
  --icon-height: 25px;
  background-size: var(--icon-width) auto;
}