@use './variables' as vars;
@use './mixins' as mix;

.mat-bottom-sheet-container {
  position: fixed;
  bottom: 60px;
  left: 0;
  padding: 20px vars.$base-padding !important;
  background-color: var(--background);
  color: var(--color);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 16px 16px 0 0;
  box-shadow: none;
}

.gm-menu-mobile-sheet {
  position: absolute !important;
  bottom: 60px !important;

  width: 100%;
  height: calc(100% - 60px);
  overflow: hidden;

  & .mat-bottom-sheet-container {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}