input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

.amm-pool-toolbar {
    position: sticky;
    box-sizing: border-box;
    top: calc(63px + 64rem);
    left: 0;
    background: var(--color-bg-1);
    width: 100%;
    padding: 24rem 0 24rem 0;
    z-index: 8;
    margin-bottom: 8rem;
    margin-top: 16rem;
}

.amm-pool-toolbar .filter-sorts {min-width: 200rem;}
.classic-dark .amm-pool-toolbar .filter-sorts .iconfont {color: #606880;}
.amm-pool-toolbar .filter-sorts span {font-size: 14rem !important;}
.amm-pool-toolbar .amm-create-btn {
    height: 40px;
    padding: 0 24rem;
}

.amm-pool-toolbar .filter-active {
    background-color: var(--color-card-3);
}

.amm-pool-toolbar .sorts-list {
    width: calc(100% - 12px) !important;
    background: var(--color-neutral-2);
}
.amm-pool-toolbar .sorts-list span {padding: 0 12px;}

.amm-pool-filter {
    margin-right: 24rem;
    position: sticky;
    top: calc(108px + 108rem);
    z-index: 7;
}

.amm-pool-container {
    flex: 1;
    flex-direction: column;
}

.amm-pool-content {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding: 24rem 32rem 32rem 32rem;
    border-radius: 12px;
    background-color: var(--color-card-2);
    margin-bottom: 24rem;
}

/* last on is bottom loading */
.amm-pool-content:nth-last-child(2) {
    margin-bottom: 0;
}

.amm-pool-content-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24rem;
}

.amm-pool-content-title > .col-common-button {
    height: 32rem;
    padding: 0 24rem;
    margin-right: 0;
}

.amm-pool-content-title-container {
    display: flex;
    align-items: center;
}

.amm-pool-content-title-item {
    display: flex;
    align-items: center;
}

.amm-pool-content-title-type {
    height: 40px;
    justify-content: space-between;
    background-color: var(--color-neutral-2);
    border-radius: 4px;
    border: 1px solid var(--color-divider-1);
    padding: 0 12rem;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
}
.amm-pool-content-title-coins {
    width: 120px;
    max-height: 360px;
    overflow: auto;
    position: absolute;
    top: 44px;
    left: 0;
    background-color: var(--color-neutral-2);
    border-radius: 4px;
    color: var(--color-text-1);
    font-size: 14px;
    font-weight: 500;
    display: none;
}
.amm-pool-content-title-type.active .amm-pool-content-title-coins {display: block;}
.amm-pool-content-title-type.active {border: 2px solid var(--color-brand-1);}
.amm-pool-content-title-type.active .iconfont {color: var(--color-brand-1);transform: rotate(180deg);}
.amm-pool-content-title-type span { color: var(--color-text-1) !important; }

.amm-pool-content-title-coins::-webkit-scrollbar, .amm-nft-add-portal-list::-webkit-scrollbar {width: 4px !important;}
.classic-dark .amm-pool-content-title-coins::-webkit-scrollbar-thumb {background-color: #4D5366;}
.classic-dark .amm-nft-add-portal-list::-webkit-scrollbar {background-color: #2A2F40;}

.amm-pool-content-title-coins li {
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    box-sizing: border-box;
}

.amm-pool-content-title-coins li:hover {
    background-color: var(--color-card-3);
}

/* for overlying-icon-image */
.amm-pool-content-title > div {
    z-index: 3;
}
.amm-pool-content-title-item .amm-title-img,
.amm-pool-content-title-item .overlying-icon-image {
    height: 24px;
    width: 24px;
}
.amm-pool-create-option-title .amm-title-img {
    height: 16px;
    width: 16px;
}
.amm-pool-content-title-item .overlying-position1 {
    height: 21.6rem;
    width: 21.6rem;
    top: 3.6rem;
    left: 1.2rem;
    right: 1.2rem;
    bottom: -1.2rem;
}
.amm-pool-content-title-item .overlying-position2 {
    height: 19.2rem;
    width: 19.2rem;
    top: 7.2rem;
    left: 2.4rem;
    right: 2.4rem;
    bottom: -2.4rem;
}
.amm-pool-content-title-item span {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-2);
    margin-left: 8rem;
    /* margin-right: 24rem; */
}
.amm-pool-create-option-title .amm-pool-content-title-item span {
    font-size: 14px;
    font-weight: 500;
}
.amm-pool-content-base {
    display: grid;
    grid-template-columns: 488rem minmax(auto, 864rem);
    grid-gap: 24rem;
}

.amm-pool-content-base.active {
    grid-template-columns: minmax(auto, 408rem) minmax(512rem, 586rem);
}

.amm-pool-content-base > .amm-pool-content-group:nth-child(1) {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 120rem;
}

.amm-pool-content-base > .amm-pool-content-group:nth-child(2) {
    /* grid-template-columns: repeat(3, 1fr); */
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.6fr);
    grid-gap: 160rem;
}

.amm-pool-content-base.active > .amm-pool-content-group:nth-child(2) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr);
}

.amm-pool-content-base.active > .amm-pool-content-group {
    grid-gap: 40rem;
}

.amm-pool-content-group {
    padding: 0 24rem;
    border-radius: 12px;
    background-color: var(--color-bg-1);
    display: grid;
    /* grid-template-rows: 102rem; */
}

.amm-pool-content-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 24rem 0;
}

.amm-pool-content-item > span:nth-child(1) {
    height: 14rem;
    white-space: pre;
    line-height: 1;
    font-size: 14rem;
    font-weight: 500;
    color: var(--color-text-3);
    margin-bottom: 16rem;
}

.amm-pool-content-item > span:nth-child(2) {
    display: flex;
    line-height: 1;
    font-size: 24rem;
    font-weight: 600;
    color: var(--color-text-2);
    align-items: flex-end;
}

.amm-pool-content-item > span:nth-child(2) > p {
    transform: translateY(-1rem);
    line-height: 1;
    margin-left: 4rem;
    font-size: 16rem;
    font-weight: 600;
    padding: 0 2px;
    margin-bottom: 0;
}

/* amm sell */
.amm-sell-nft-card {
    display: flex;
    flex-direction: column;
}

.amm-sell-nft-card-info {
    display: flex;
    flex-direction: column;
    padding: 24rem 20rem;
}

.amm-sell-nft-card-info > span {
    font-size: 16rem;
    font-weight: 600;
    color: var(--color-text-1);
    margin-bottom: 16rem;
}

.amm-sell-nft-card-info > div {
    display: flex;
}

.amm-sell-nft-card-info > div > div {
    display: flex;
    flex-direction: column;
}

.amm-sell-nft-card-info > div > div:nth-child(1) {
    flex: 1;
}

.amm-sell-nft-card-info > div > div:nth-child(1) > span:nth-child(1) {
    font-size: 16rem;
    color: var(--color-text-2);
    margin-bottom: 16px;
}

.amm-sell-nft-card-info > div > div:nth-child(1) > span:nth-child(2) {
    font-size: 16rem;
    font-weight: 600;
    color: var(--color-text-1);
}

.amm-sell-nft-card-info > div > div:nth-child(1) > span:nth-child(2) > p {
    font-size: 12rem;
    font-weight: normal;
    padding-left: 4rem;
    color: var(--color-text-3);
}

.amm-create-portal {
    display:flex;
    height:100%;
    background-color: var(--color-bg-1);
    padding-top: calc(72px + 64rem);
}

.amm-create-portal > .bread-crumbs-wrapper {
    position: absolute;
    left: 0;
    top: 72px;
    width: 100%;
}

.amm-portal {
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    z-index:998;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y:scroll;
    height:100%;
    top: 0;
    background-color: rgba(0,0,0,.8);
}

.amm-portal > div {
    position: relative;
    width: 820rem;
    background-color: var(--color-bg-3);
    padding: 32rem 40rem;
    border-radius: 16rem;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    max-height: 100%;
    overflow: auto;
}

.amm-portal > div > i {
    position: absolute;
    top: 24rem;
    right: 24rem;
    width: 16rem;
    height: 16rem;
}

.amm-portal > div > span:nth-child(1) {
    font-size: 24rem;
    color: var(--color-text-1);
    margin-bottom: 16rem;
}

.amm-portal-subtitle {
    margin-top: 40rem;
    margin-bottom: 16rem;
    color: var(--color-text-2);
    font-weight: 600;
}

.amm-portal .col-common-button {
    width: 100%;
    box-sizing: border-box;
    margin-top: 48rem;
    font-size: 20rem;
    line-height: 20rem;
    min-height: 52rem;
    height: 52rem;
}

.amm-portal > .amm-nft-add-portal > span {
    margin-bottom: 40rem;
}

.amm-nft-exchange-pool-container .amm-no-good-list,
.amm-nft-add-portal .amm-no-good-list {
    margin-top: 88rem;
    margin-bottom: 92rem;
}

.amm-nft-exchange-pool-container .amm-no-good-list > img,
.amm-nft-add-portal .amm-no-good-list > img {
    width: 120rem;
    height: 120rem;
}

.amm-nft-add-portal > div {
    display: flex;
    flex-direction: column;
    max-height: 50vh;
    overflow-y: scroll;
}
.classic-dark .amm-nft-add-portal-list::-webkit-scrollbar-corner {background-color: var(--color-bg-3) !important;}
.classic-dark .amm-nft-add-portal-list::-webkit-scrollbar-thumb {background-color: #2A2F40 !important;}
.amm-nft-add-portal > .col-common-button {
    height: 52rem;
    font-size: 20rem;
}

.amm-nft-add-portal .flex--grid--main {
    grid-gap: 16rem;
}

.amm-create-popup {
    background-color: var(--color-card-2);
    border-radius: 16rem;
    width: 100%;
    height: fit-content;
}

.amm-pool-create-step {
    display: flex;
    flex-direction: column;
    padding: 40rem 65rem 88rem 65rem;
}

.amm-pool-create-step-3,
.amm-pool-create-step-2 {
    padding-top: 48rem;
    padding-bottom: 48rem;
}

.amm-pool-create-step-3 {
    width: 676px;
    margin: 0 auto;
    padding: 48rem 0;
}

.amm-pool-create-step-2 > span:nth-child(1) {
    margin-bottom: 30rem;
}

.amm-pool-create-step-3 > span:nth-child(1) {
    margin-bottom: 40rem;
}

.amm-pool-create-step-2 > .amm-pool-create-option-card-button > .col-common-button.amm-back,
.amm-pool-create-step-3 > .amm-pool-create-option-card-button > .col-common-button.amm-back {
    color: var(--nft-cancel-color);
}

.amm-pool-create-step-3 .col-guide-text {
    font-weight: 400;
}

.amm-pool-create-step-3 .col-guide-text > span {
    font-weight: 500;
}

.amm-pool-create-step > span:nth-child(1) {
    font-size: 40rem;
    font-weight: 600;
    color: var(--color-text-1);
    display: flex;
    align-items: flex-end;
    align-self: center;
    line-height: 1;
}

.amm-pool-create-step-1 > span:nth-child(1) {
    margin-bottom: 88rem;
}

.amm-pool-create-step > span > p {
    transform: translateY(-1rem);
    font-size: 24rem;
    margin-left: 16rem;
    color: var(--color-text-2);
    margin-bottom: 0;
}

.amm-pool-create-step-1 > .col-common-button {
    height: 72rem;
    width: 100%;
    font-size: 28rem;
    margin-top: 88rem;
    box-sizing: border-box;
}

.amm-pool-create-type {
    grid-gap: 40rem
}

.amm-pool-create-type-card {
    display: flex;
    align-items: center;
    padding: 0 16rem;
    flex-direction: column;
    background-color: var(--color-bg-1);
    border-radius: 16rem;
    cursor: pointer;
}

.amm-pool-create-type-card.active {
    outline: 2px solid var(--color-brand-1);
}

.amm-pool-create-type-card > img {
    width: calc(100% + 32rem);
}

.amm-pool-create-type-card > span {
    font-size: 20rem;
    font-weight: 600;
    color: var(--color-text-1);
    text-align: center;
    min-height: 60rem;
}
.amm-pool-create-type-card.disable {
    cursor: not-allowed;
}

.amm-pool-create-type-card.disable > span {
    color: var(--color-text-3);
}

.amm-pool-create-type-card > p {
    text-align: center;
    font-size: 14rem;
    line-height: 1.5;
    color: var(--color-text-3);
    margin-bottom: 40rem;
}

.amm-pool-create-option-title {
    align-self: flex-start;
    margin-bottom: 24rem;
    z-index: 1;
}

.amm-pool-create-option-card {
    display: flex;
    flex: 1;
    flex-direction: column;
    background-color: var(--color-bg-1);
    border-radius: 16rem;
    padding: 24rem 24rem 32rem 24rem
}

.amm-pool-create-option-card .filter-sorts {
    border-radius: 8px;
    padding: 18rem 16rem;
    background-color: var(--color-card-2);
}

.amm-pool-create-option-card.curve {
    position: relative;
    background-color: var(--nft-card-otherBg1);
}

.amm-pool-create-option-card.curve > .amm-pool-create-option-card-title {
    position: absolute;
    top: 24rem;
    left: 24rem;
}

.amm-pool-create-option-card-title {
    font-weight: 600;
    font-size: 24rem;
    color: var(--color-text-1);
    margin-bottom: 24rem;
}

.amm-pool-create-option-card-title + .amm-pool-create-option-card-subtitle {
    margin-top: 0;
}

.amm-pool-create-option-card-subtitle {
    font-weight: 600;
    font-size: 16rem;
    color: var(--color-text-2);
    margin-top: 16rem;
    margin-bottom: 12rem;
}

.amm-pool-create-option-amount .amm-input,
.amm-pool-create-option-parameters .amm-input {
    height: 52rem;
}

.amm-pool-create-option-amount .amm-input.waring {
    margin-bottom: 52rem;
}

.amm-pool-create-option-parameters .amm-input.waring {
    margin-bottom: 35rem;
}

.amm-pool-create-option-sum {
    display: flex;
    box-sizing: border-box;
    padding: 24rem;
    background-color: var(--color-card-2);
    border-radius: 8rem;
    margin-top: 40rem;
}

.amm-pool-create-option-sum > div {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.amm-pool-create-option-sum > div:nth-child(2) {
    margin-left: 24rem;
}

.amm-pool-create-option-sum > div > span {
    font-size: 16px;
    color: var(--color-text-2);
}
.classic-dark .amm-pool-create-option-sum > div > span {color: #606880}
.amm-pool-create-option-sum > div > p {
    font-size: 32rem;
    font-weight: 600;
    color: var(--color-text-1);
    margin-bottom: 0;
    margin-top: 24rem;
}

.amm-pool-create-option-card-button {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.amm-pool-create-step-2 > .amm-pool-create-option-card-button {
    grid-gap: 40rem;
}

.amm-pool-create-step-3 > .amm-pool-create-option-card-button {
    grid-gap: 24rem;
}

.amm-pool-create-option-card-button > .col-common-button {
    width: auto;
    height: 72rem;
    font-size: 28rem;
    padding: 0 24rem;
    margin-right: 0;
}

.amm-pool-create-option-card-button > .col-common-button:nth-child(1) {
    background-color: var(--color-neutral-2);
    color: var(--color-text-1);
}

.amm-input {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid var(--color-divider-1);
    border-radius: 8rem;
    background-color: var(--color-card-2);
}

.amm-input input::placeholder {
    font-size: 16rem;
    font-weight: 500;
    color: var(--color-text-4) !important;
}
.amm-input.focus { 
    border-width: 2px;
    border-color: var(--color-brand-1);
}

.amm-input.waring {
    border-width: 2px;
    border-color: var(--color-funct-3);
}

.amm-input > .amm-input-waring {
    position: absolute;
    top: calc(100% + 12rem);
    line-height: 1.5;
    left: 0;
    font-size: 14rem;
    color: var(--color-funct-3);
    margin-bottom: 0;
}

.amm-input .amm-input-count {
    position: absolute;
    color: #8D93A6;
    font-size: 14px;
    line-height: 14px;
}

.classic-dark .amm-input .amm-input-count {color: #606880;}

.amm-input > input {
    background-color: transparent !important;
    border: none;
    padding: 18rem 16rem;
    flex: 1;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
}

.amm-input > input::placeholder {
    color: var(--color-text-4);
}

.amm-input > span {
    display: flex;
    align-items: center;
    font-size: 16rem;
    color: var(--color-text-1);
    margin-right: 16rem;
}

.amm-input > span > img {
    width: 24rem;
    height: 24rem;
    margin-right: 8rem;
}

.amm-pool-create-charge-card {
    border-radius: 16rem;
    background-color: var(--color-bg-1);
    display: flex;
    flex-direction: column;
    padding: 68rem;
    margin-bottom: 24rem;
}

.amm-pool-create-charge-card-nft {
    border-radius: 16rem;
    background-color: var(--color-bg-1);
    display: flex;
    flex-direction: column;
    padding: 24rem;
    margin-bottom: 40rem;
}

.amm-pool-create-charge-card-nft > .amm-pool-create-charge {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24rem;
}

.amm-pool-create-charge-card-nft > .amm-pool-create-charge > span {
    font-size: 24rem;
    font-weight: 600;
    color: var(--color-text-1);
}

.amm-pool-create-charge-card-nft > .amm-nft-card-comp {
    margin-bottom: 16rem;
}

.amm-pool-create-charge > .col-common-button {
    font-size: 14rem;
    padding: 8rem 16rem;
}

.amm-pool-create-charge-empty {
    cursor: pointer;
    height: 300rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.amm-pool-create-charge-empty > span {
    width: 52.5rem;
    height: 52.5rem;
    position: relative;
    margin-bottom: 20rem;
}

.amm-pool-create-charge-empty > span::before,
.amm-pool-create-charge-empty > span::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    width: 8rem;
    height: 52.5rem;
    background-color: var(--color-brand-1);
}

.amm-pool-create-charge-empty > span::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.amm-pool-create-charge-empty > p {
    color: var(--color-brand-1);
    font-size: 24rem;
    font-weight: 600;
}

.amm-pool-create-charge-card > span:nth-child(1) {
    align-self: center;
    font-weight: 600;
    font-size: 32rem;
    color: var(--color-text-1);
    margin-bottom: 22rem;
    text-align: center;
    line-height: 150%;
}

.amm-pool-create-charge-card > div {
    display: flex;
    justify-content: space-between;
    font-size: 24rem;
    font-weight: 600;
    margin-top: 42rem;
    /* line-height: 1.5; */
}

.amm-pool-create-charge-card > div > span {
    color: var(--color-text-2);
    margin-right: 16rem;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 500;
}

.amm-pool-create-charge-card > div > p {
    color: var(--color-text-1);
    margin-bottom: 0;
    word-break: break-all;
    text-align: end;
}

.amm-nft-card-comp {
    cursor: pointer;
    background-color: var(--color-card-1);
    border-radius: 8rem;
    display: flex;
    align-items: center;
    padding: 12rem 16rem 12rem 12rem;
}

.amm-nft-card-comp.clear {
    cursor: auto;
    background-color: var(--color-card-2);
}

.amm-nft-card-comp.disabled {
    cursor: not-allowed;
}

.amm-nft-card-comp .audio-card-cont,
.amm-nft-card-comp img {
    margin-top: 0;
    width: 48rem;
    height: 48rem;
}

.amm-nft-card-comp-info {
    display: flex;
    flex-direction: column;
    margin-left: 12rem;
    margin-right: 40rem;
}

.amm-nft-card-comp-info > span:nth-child(1) {
    font-weight: 500;
    font-size: 16rem;
    color: var(--color-text-2);
    margin-bottom: 10rem;
}

.amm-nft-card-comp-info > span:nth-child(2) {
    display: flex;
    font-size: 14rem;
    color: var(--color-text-3);
    align-items: center;
}

.amm-nft-card-comp-info > span:nth-child(2) > p {
    font-weight: 600;
    margin-left: 4rem;
    margin-bottom: 0;
}

.amm-nft-card-comp > svg,
.amm-nft-card-comp > i {
    cursor: pointer;
    margin-left: auto;
    width: 16rem;
    height: 16rem;
}

.amm-nft-card-comp > svg {margin-right: 20rem;}

.amm-nft-card-comp:hover > i.amm-nft-checkbox-icon-no-check {
    box-shadow: 0 0 0 1rem var(--color-brand-1);
    outline: 1rem solid var(--color-brand-1);
}

.amm-chart {
    position: relative;
    width: 100%;
    height: 600rem;
}

i.amm-nft-checkbox-icon-no-check {
    width: 14rem;
    height: 14rem;
    border-radius: 2rem;
    background: var(--color-bg-1);
    padding: 1rem;
    box-shadow: 0 0 0 1rem var(--color-divider-1);
    outline: 1rem solid var(--color-divider-1);
}

i.amm-nft-checkbox-icon-disable {
    width: 14rem;
    height: 14rem;
    border-radius: .8rem;
    background: var(--color-neutral-3);
    padding: 1rem;
    box-shadow: 0 0 0 .6rem var(--color-divider-2);
    outline: .6rem solid var(--color-divider-2);
}

.amm-portal > .amm-nft-edit-pool-portal {
    max-height: 80vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: 32rem 40rem;
}

.amm-nft-edit-pool-portal > div.amm-nft-edit-pool-portal-main {
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.amm-nft-edit-pool-portal .amm-nft-edit-pool-portal-form {
    display: flex;
    margin-bottom: 40rem;
    align-items: flex-end;
}

.amm-nft-edit-pool-portal .amm-nft-edit-pool-portal-form .amm-input-token-part {
    font-size: 14rem;
    line-height: 14rem;
}

.amm-nft-edit-pool-portal .amm-nft-edit-pool-portal-form .amm-input {
    border-radius: 4rem;
}

.amm-nft-edit-pool-portal .amm-nft-edit-pool-portal-form > div {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-right: 24rem;
}

.amm-nft-edit-pool-portal .amm-nft-edit-pool-portal-form > div:nth-last-child(1) {
    margin-right: 0;
}

.amm-nft-edit-pool-portal .amm-nft-edit-pool-portal-form > div > span {
    font-weight: 600;
    font-size: 16rem;
    color: var(--color-text-2);
    margin-bottom: 12rem;
}

.amm-nft-edit-pool-portal .amm-nft-edit-pool-portal-curve {
    display: flex;
    flex-direction: column;
}

.amm-nft-edit-pool-portal .amm-nft-edit-pool-portal-curve > span {
    font-weight: 600;
    font-size: 16rem;
    color: var(--color-text-2);
    margin-bottom: 12rem;
}

.amm-nft-edit-pool-portal .amm-nft-edit-pool-portal-curve > div {
    padding: 24rem;
    border-radius: 8rem;
    /* todo need check UI color  */
    background-color: var(--nft-card-otherBg1);
    height: 371rem;
}

.amm-nft-edit-pool-portal .amm-nft-edit-pool-portal-button {
    display: flex;
}

.amm-nft-edit-pool-portal .amm-nft-edit-pool-portal-button > .col-common-button.both:nth-child(1) {
    margin-right: 12rem;
    background-color: var(--color-neutral-2);
    color: var(--nft-cancel-color);
}

.amm-nft-edit-pool-portal .amm-nft-edit-pool-portal-button > .col-common-button.both:nth-child(2) {
    margin-left: 12rem;
}

.amm-nft-exchange-pool-portal {
    display: flex;
    flex-direction: column;
    padding: 32rem 40rem;
}

.amm-nft-exchange-pool-container {
    display: flex;
    flex-direction: column;
    max-height: 50vh;
    overflow-y: scroll;
}

.amm-nft-withdraw-portal > i.close-icon,
.amm-nft-add-portal > i.close-icon,
.amm-nft-exchange-pool-portal > i.close-icon
.amm-nft-edit-pool-portal > i.close-icon {
    position: absolute;
    width: 16rem;
    height: 16rem;
    top: 27rem;
    right: 27rem;
    padding: 5rem;
    cursor: pointer;
}

.amm-nft-withdraw-portal > i.close-icon::after,
.amm-nft-withdraw-portal > i.close-icon::before,
.amm-nft-add-portal > i.close-icon::after,
.amm-nft-add-portal > i.close-icon::before,
.amm-nft-exchange-pool-portal > i.close-icon::after,
.amm-nft-exchange-pool-portal > i.close-icon::before,
.amm-nft-edit-pool-portal > i.close-icon::after,
.amm-nft-edit-pool-portal > i.close-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 15rem;
    background-color: var(--color-text-4);
}

.amm-nft-withdraw-portal > i.close-icon::after,
.amm-nft-add-portal > i.close-icon::after,
.amm-nft-exchange-pool-portal > i.close-icon::after,
.amm-nft-edit-pool-portal > i.close-icon::after {
    transform: translate(-50%, -50%) rotate(45deg);
}

.amm-nft-withdraw-portal > i.close-icon::before,
.amm-nft-add-portal > i.close-icon::before,
.amm-nft-exchange-pool-portal > i.close-icon::before,
.amm-nft-edit-pool-portal > i.close-icon::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.amm-nft-exchange-pool-portal > .amm-collection-nav {
    min-height: 48rem;
    margin-bottom: 16rem;
}

.amm-nft-exchange-pool-portal > .amm-collection-nav > .active::before {
    content: '';
    position: absolute;
    bottom: -15rem;
    left: calc(50% - 4rem);
    width: 8rem;
    height: 8rem;
    background-color: var(--color-funct-1);
}

.amm-nft-exchange-pool-portal > .amm-collection-nav > span {
    font-weight: 600;
    margin-right: 32rem;
    color: var(--color-text-4);
}

.amm-nft-exchange-pool-portal > .amm-collection-nav > span.active {
    position: relative;
    color: var(--color-text-2);
}

.amm-nft-exchange-notice {
    padding: 16rem 17.5rem 16rem 16rem;
    background-color: var(--color-neutral-2);
    display: flex;
    border-radius: 8rem;
    margin-bottom: 16rem;
}

.amm-nft-exchange-notice > span {
    font-weight: 400;
    color: var(--color-text-1);
    font-size: 12rem;
    line-height: 1.5;
    flex: 1;
    word-break: break-word;
}

.amm-nft-success-portal {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 500rem !important;
    background: transparent !important;
    overflow: hidden;
}

.amm-nft-success-portal > .amm-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    filter: blur(50px);
    z-index: -1;
}

.amm-nft-success-portal > .amm-nft-cascade {
    width: 160rem;
    height: 160rem;
    position: relative;
    margin: 90rem 0;
}

.amm-nft-success-portal > .amm-nft-cascade > div {
    position: absolute;
    overflow: hidden;
}

.amm-nft-success-portal > .amm-nft-cascade > div img {
    width: 100%;
    height: 100%;
}

.amm-nft-success-portal > .amm-nft-cascade > div:nth-child(1) {
    top: 17px;
    transform: scale(0.9);
}

.amm-nft-success-portal > .amm-nft-cascade > div:nth-child(1) img {
    filter: blur(10px)
}

.amm-nft-success-portal > .amm-nft-cascade > div:nth-child(2) {
    top: 9px;
    transform: scale(0.95);
}

.amm-nft-success-portal > .amm-nft-cascade > div:nth-child(2) img {
    filter: blur(5px)
}

.amm-nft-success-portal > span {
    color: var(--color-text-1);
    font-weight: 600;
    font-size: 32rem;
    margin-bottom: 12rem;
}

.amm-nft-success-portal > p {
    font-size: 16rem;
    color: var(--color-text-1);
    margin-bottom: 0;
}

.amm-nft-success-sell-portal {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 500rem !important;
    overflow: hidden;
}

.amm-nft-success-sell-portal > svg {
    margin: 24rem 0;
}

.amm-nft-success-sell-portal > span {
    font-size: 32rem;
    font-weight: 600;
    color: var(--color-text-1);
    margin-bottom: 12rem;
    max-width: 100%;
    padding: 0 72rem;
}

.amm-nft-success-sell-portal > p {
    font-size: 16rem;
    color: var(--color-text-3);
    margin-bottom: 0;
}

.amm-nft-withdraw-portal .amm-withdraw-text > span,
.amm-nft-success-sell-portal .amm-withdraw-text > span {
    font-weight: 600;
}
.amm-withdraw-text {
    text-align: center;
    word-break: break-word;
}
.amm-pool-create-option-sum-price {color: #8D93A6;}
.classic-dark .amm-pool-create-option-sum-price {color: #606880;}
/* .amm-nft-success-sell-portal .amm-withdraw-text > span {
    font-size: 16rem;
} */

.amm-nft-withdraw-portal {
    max-width: 500rem;
    padding: 24rem 40rem !important;
}

.amm-nft-withdraw-portal > p {
    font-size: 14px;
    color: var(--color-text-2); 
    margin-bottom: 0;
    line-height: 150%;
}

.amm-nft-withdraw-button {display: flex;}
.amm-nft-withdraw-button .popup-cancel-button,
.amm-nft-withdraw-button .popup-tip-button{font-weight: 600;}
.amm-nft-withdraw-button > .col-common-button:nth-child(1) {
    margin-right: 12rem;
    background-color: var(--color-neutral-2);
    color: var(--nft-cancel-color);
}

.amm-nft-withdraw-button > .col-common-button:nth-child(2) {
    margin-left: 12rem;
    margin-right: 0;
}

.amm-pool-container .no-good-list > .col-common-button {
    margin-top: 80rem;
}

.amm-no-good-list {
    width: 100%;
    /* height: 400rem; */
    flex-direction: column;
}

.amm-no-good-list img {
    width: 180rem;
    height: 180rem;
}

.amm-no-good-list > .col-common-button {
    height: 52rem;
    padding: 0 32rem;
    margin-top: 80rem;
    font-size: 20rem;
}

.amm-detail-price-line-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 104rem;
}

.amm-detail-price-line-wrapper > .amm-detail-price-line {
    border-radius: 16rem;
    padding: 32rem 24rem 32rem 32rem;
    background: var(--nft-card-otherBg1);
}