.Right {
  position: absolute;
  left: 0;
  top: 0;
  width: 480px;
  height: 100%;
  padding: 20px;
  left: auto;
  right: 0;
  transition: all 0.5s ease-in-out;
  :global {
    .infoContainner {
      width: 100%;
      height: 100%;
      background: url('../../../assets/img/mainInfoList.png');
      padding: 20px;
      border-radius: 20px;
      .mainInfoList {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        border-radius: 10px;

        gap: 10px;
        overflow: auto;
        &::-webkit-scrollbar {
          width: 0;
        }

        .infoItem {
          width: 100%;
          height: fit-content;
          border-radius: 5px;
          background: url('../../../assets/img/infoItem.png');
          background-size: 100% 100%;
          padding: 16px 16px 26px 40px;
          display: flex;
          flex-direction: column;
          gap: 10px;
          font-size: 14px;
          color: #000;
          cursor: pointer;
          .mainInfo {
            display: flex;
            align-items: center;
            width: 100%;
            height: 170px;
            .left {
              width: 67%;
              height: 100%;
              display: flex;
              flex-direction: column;
              gap: 8px;
              .name {
                display: flex;
                align-items: center;
                gap: 10px;
                .Name {
                  font-weight: 600;
                  font-size: 20px;
                }
                .other {
                  align-self: end;
                }
              }
              .home {
                height: fit-content;
                max-height: 36px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                line-clamp: 2;
                overflow: hidden;
                text-overflow: ellipsis;
                line-height: 1.4em;
              }
              .tombAddress {
                height: fit-content;
                max-height: 36px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                line-clamp: 2;
                overflow: hidden;
                text-overflow: ellipsis;
                line-height: 1.4em;
              }
            }
            .right {
              width: 33%;
              height: 100%;
              img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 10px;
              }
            }
          }
          .tag {
            display: flex;
            align-items: center;
            gap: 5px;
            .label {
              width: 85px;
              height: 25px;
              text-align: center;
              line-height: 25px;
              border-radius: 10px;
              background: linear-gradient(to bottom, #fcaf80, #b15013);
              color: #f5eeed;
              font-size: 11px;
              font-weight: 600;
            }
            & > div {
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
            }
          }
        }
      }
    }
  }
}
