.A1Look {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 30px 20px;

  :global {
    .A1LookTitle {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-right: 30px;

      &>h3 {
        font-size: 24px;
      }
    }

    .A1LookTab {
      position: relative;
      z-index: 30;
      margin-top: 10px;
      border-bottom: 1px solid #ccc;
      display: flex;
      padding-bottom: 6px;

      .A1LookTabRow {
        margin-right: 40px;
        cursor: pointer;
        font-size: 16px;

        &:hover {
          color: var(--themeColor);
        }
      }

      .A1LookTabRowAc {
        pointer-events: none;
        color: var(--themeColor);
        position: relative;

        &::before {
          content: '';
          position: absolute;
          bottom: -8px;
          left: 0;
          z-index: 10;
          width: 100%;
          height: 4px;
          background-color: var(--themeColor);
        }
      }
    }

    .A1LookMain{
      position: relative;
      width: 100%;
      height: calc(100% - 55px);
      .A1lrBtn{
        position: absolute;
        top: 20px;
        right: 30px;
        z-index: 30;
      }
    }
    .noAuth{
      font-size: 24px;
      letter-spacing: 4px;
      color: var(--themeColor);
      text-align: center;
      padding-top: 200px;
      }
  }
}