.replicateContainer {
    display: flex;
    width: 100%;
    margin-bottom: 24px;
}

.replicateImageContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 16px;
}

.replicateImage {
    border-radius: 12px;
    object-fit: contain;
    background-color: var(--FillColor1);
    margin-bottom: 8px;
}
.replicateImageNone {
    border-radius: 12px;
    object-fit: contain;
    background-color: transparent;
    margin-bottom: 8px;
}

.replicateImageHint {
    color: var(--TextColor2);
    height: 22px;
}

.replicateNoContainer {
    width: 384px;
    display: flex;
    flex-direction: column;
}

.retaskContainer {
    margin-bottom: 60px;
}

.titleHint {
    font-weight: 500;
}

.linkContainer {
    margin-top: 12px;
}

.link {
    color: var(--PrimaryColor6);
}

.input {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.inputTaskContainer {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 128px;
}

.inputContainer {
    display: flex;
    flex-direction: column;
}

.inputSplit {
    display: flex;
    margin: 0 16px;
    height: 48px;
    align-items: center;
}

.inputValue {
    margin-top: 12px;
    width: 100%;
    border: none;
    height: 48px;
    padding: 0 12px;
    border-radius: 6px;
    color: var(--TextColor1);
    background-color: var(--FillColor1);
}

.selectValue {
    margin-top: 12px;
    width: 88px;
    border: none;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 8px 0 14px;
    border-radius: 6px;
    color: var(--TextColor1);
    background-color: var(--FillColor1);
    cursor: pointer;
}

.dropdown {
    min-width: 88px;
}

.dropdown :global .ant-dropdown-menu {
    max-height: 256px;
    overflow: scroll;
}

.imgHint {
    margin-top: 24px;
    font-weight: 500;
}

.imgContainer {
    display: flex;
    flex-wrap: wrap;
}

.imgWrapper {
    margin-top: 12px;
    margin-right: 16px;
    position: relative;
    border-radius: 12px;
    background-color: var(--FillColor1);
    height: 245px;
    cursor: pointer;
}

.imgWrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 176px;
    height: 237px;
    border-radius: 12px;
    border: 4px solid var(--PrimaryColor6);
    opacity: 0;
}

.imgWrapper.selected::after {
    opacity: 1;
}

.imgWrapper:last-child {
    margin-right: 0;
}

.img {
    border-radius: 12px;
    object-fit: contain;
}

.failContent {
    margin-top: 24px;
}

.btnChoose {
    margin-top: 24px;
    height: 48px;
    background-color: var(--PrimaryColor6);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--TextColor5);
}

.content {
    list-style-position: inside;
}
.contentTitle {
    margin-top: 24px;
    color: var(--TextColor1);
    margin-bottom: 12px;
}
.contentDesc {
    color: var(--TextColor2);
    display: flex;
    flex-direction: row;
}
.caseTitle {
    color: var(--TextColor1);
}
.caseContent {
    margin-top: 4px;
}

.label {
    text-wrap: nowrap;
}
