tutu/src/material/BottomSheet.module.css

.bottomSheet {
  composes: surface from "material.module.css";
  border: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  width: 100%;
  max-width: 560px;
  border-radius: 2px;
  overscroll-behavior: contain;

  box-shadow: var(--tutu-shadow-e16);

  :global(.MuiToolbar-root) > :global(.MuiButtonBase-root):first-child {
    color: white;
    margin-left: -0.5em;
    margin-right: 24px;
  }

  @media (max-width: 560px) {
    & {
      left: 0;
      top: var(--safe-area-inset-top, 0);
      transform: none;
      bottom: 0;
      height: 100vh;
      height: 100dvh;
    }
  }
}