side-sheet.scss

:host {
  --td-side-sheet-width: 800px;
}

.mdc-dialog {
  justify-content: flex-end;

  .mdc-dialog__surface {
    border-radius: 0;
    height: 100%;
    min-height: inherit;
    max-height: inherit;
    min-width: var(--td-side-sheet-width, 400px);
  }
}

.mdc-dialog--opening {
  .mdc-dialog__container {
    transform: translate(100%, 0);
    transition: transform 150ms cubic-bezier(0.4, 0, 1, 1);
  }
}

.mdc-dialog--open {
  .mdc-dialog__container {
    transform: translate(0);
  }
}

.mdc-dialog--closing {
  .mdc-dialog__container {
    opacity: 1;
    transform: translate(100%, 0);
    transition: transform 150ms cubic-bezier(0, 0, 0.2, 1);
  }
}

:host([pushed]) {
  .mdc-dialog__surface {
    min-width: 100vw;
  }
}

:host([noPadding]) {
  .mdc-dialog .mdc-dialog__content {
    padding: 0;
  }
}