.pisell-ticket-booking-wrapper {
  .ticket-booking-left-panel {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    .ticket-booking-left-panel-content {
      flex: 1;
      overflow: hidden;
      position: relative;
    }
  }

  .ticket-booking-left-panel-mobile {
    width: 100%;
    min-width: 0;
    padding-bottom: 134px;
    box-sizing: border-box;
  }

  .ticket-booking-panel-resize-handle {
    width: 1px;
    flex: 0 0 1px;
    align-self: stretch;
    cursor: col-resize;
    position: relative;
    z-index: 1;
    touch-action: none;

    &::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: -3px;
      width: 7px;
      background: transparent;
      transition: background 0.2s ease;
      z-index: 1;
    }

    &::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 1px;
      background: rgba(255, 255, 255, 0.12);
      transition: background 0.2s ease;
    }

    @media (hover: hover) {
      &:hover::before,
      &--active::before {
        background: rgba(255, 255, 255, 0.14);
      }
    }

    @media (hover: none) {
      &:active::before,
      &--active::before {
        background: rgba(255, 255, 255, 0.14);
      }
    }
  }

  .pisell-lowcode__booking-tab-pane-footer {
    padding: 8px 10px;
  }
  .create-booking-page-info-wrap-create {
    background-color: #1b1b1b;
    .booking-info {
      height: 100%;
      padding-top: 10px;
      display: flex;
      flex-direction: column;
      position: relative;

      .pisell-lowcode__booking-service-wrap {
        flex: 1;
        overflow-y: auto;
        /* 隐藏滚动条 */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE and Edge */

        &::-webkit-scrollbar {
          display: none;
        }
      }

      .booking-info-create-new,
      .pisell-lowcode__booking-field-title,
      .pisell-lowcode__shopping-cart-empty,
      .pisell-lowcode__booking-service-clear-btn,
      .pisell-lowcode__booking-contact-info-title {
        color: #ffffff;
      }
    }
  }
}
