.sidesheet {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  overflow: auto;
  width: 100vw;
  min-width: 385px;
  transform: translateX(-100%);
  background: #fff;
  transition: transform 250ms ease 0s;

  @media (min-width: 768px) {
    width: calc(((100% - 1448px) / 2) + 385px);
  }
}