.alarm {
  width: 100%;
  height: 100%;

  &-top {
    height: 56px;
  }

  &-middle {
    height: 240px;
    margin-top: 16px;

    &-main {
      height: 100%;
      display: flex;
      align-items: center;

      &-left {
        height: 100%;
        flex: 1;
      }

      &-right {
        height: 100%;
        flex: 1;
      }
    }
  }

  &-bottom {
    height: calc(100% - 56px - 240px - 16px - 16px);
    margin-top: 16px;
  }
}
