body.st-modal-open {
  overflow: hidden; }

st-modal-dialog .st-modal-dialog {
  z-index: 99;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: var(--st-modal-dialog-background-color, rgba(255, 255, 255, 0.4)); }
  st-modal-dialog .st-modal-dialog.st-open {
    display: block; }
  st-modal-dialog .st-modal-dialog .st-modal-dialog__header,
  st-modal-dialog .st-modal-dialog .st-modal-dialog__footer {
    text-align: var(--st-modal-dialog-header-text-align, center);
    background-color: var(--st-modal-dialog-header-background-color, #dcdcdc); }
  st-modal-dialog .st-modal-dialog .st-modal-dialog__content,
  st-modal-dialog .st-modal-dialog .st-modal-dialog__footer {
    position: absolute;
    width: 100%; }
  st-modal-dialog .st-modal-dialog .st-modal-dialog__content {
    bottom: var(--st-modal-dialog-footer-height, 30px);
    top: var(--st-modal-dialog-header-height, 30px);
    overflow-y: auto; }
  st-modal-dialog .st-modal-dialog .st-modal-dialog__footer {
    bottom: 0; }