@use '../../../styles/tools' as *;
@import 'variables';

ion-modal {
  --width: calc(100vw - 16px);
  --max-height: 100vh;
  --height: auto;
  --backdrop-color: #{$modal-backdrop-color};
  --backdrop-opacity: .75 !important;
}

ion-modal {
  &::part(backdrop) {
    background-color: var(--backdrop-color);
  }

  &::part(content) {
    max-height: 100vh !important;
    position: absolute;
    top: 0;
    right: 0;
  }
}