cyb/src/layouts/Main.module.scss

.wrapper {
  footer {
    display: flex;
    position: fixed;
    z-index: 2;
    width: 100%;
    bottom: 20px;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background-color: #000;

    @media (max-width: 768px) {
      z-index: 5;
      bottom: 0;
    }
  }

  .Time {
    display: flex;
    position: fixed;
    right: 1vw;
    height: 40px;
    bottom: 20px;

    @media (max-width: 540px) {
      right: 2vw;
    }

    @media (max-width: 1279px) {
      bottom: calc(56px + env(safe-area-inset-bottom, 0px));
      z-index: 6;
    }
  }
}
.widgetWrapper {
  z-index: 3;
  display: inline-flex;
  position: fixed;
  justify-content: space-between;
  width: 100%;
  top: 45%;
  pointer-events: none;
}