ol li[data-v-d69f8d50]:not(.ql-direction-rtl),
ul li[data-v-d69f8d50]:not(.ql-direction-rtl) {
    padding-left: 0 !important
}

.Vue-Toastification__container[data-v-d69f8d50] {
    z-index: 999999999 !important
}

@media screen and (min-width:601px) {
    .Vue-Toastification__toast[data-v-d69f8d50] {
        max-width: 350px
    }
}

label.v-label.theme--dark[data-v-d69f8d50] {
    font-size: 16px
}

@media screen and (max-width:600px) {
    label.v-label.theme--dark[data-v-d69f8d50] {
        font-size: 12px
    }
}

#treasure[data-v-d69f8d50] {
    flex: 1 1 50%
}

#treasure .content-treasure-wrapper[data-v-d69f8d50] {
    background: rgba(0, 0, 0, .455);
    border-radius: 12px;
    padding: .75rem
}

@media screen and (max-width:600px) {
    #treasure .content-treasure-wrapper[data-v-d69f8d50] {
        padding: .5rem
    }
}

#treasure .content-treasure-wrapper .content-treasure-title[data-v-d69f8d50] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:425px) {
    #treasure .content-treasure-wrapper .content-treasure-title.context-treasure-title-lengthIsOne[data-v-d69f8d50] {
        align-items: flex-start;
        flex-direction: column
    }
}

#treasure .content-treasure-wrapper .content-treasure-title h3[data-v-d69f8d50] {
    margin-bottom: 0
}

@media screen and (max-width:600px) {
    #treasure .content-treasure-wrapper .content-treasure-title h3[data-v-d69f8d50] {
        font-size: 1rem
    }
}

@media screen and (max-width:425px) {
    #treasure .content-treasure-wrapper .content-treasure-title h3[data-v-d69f8d50] {
        font-size: .75rem
    }
}

#treasure .content-treasure-wrapper .line[data-v-d69f8d50] {
    background: #fff;
    height: 1px;
    margin: .75rem auto;
    width: 100%
}

#treasure .content-treasure-wrapper .content-treasure-body .content-treasure-body-wrapper .content-treasure-body-item[data-v-d69f8d50] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem
}

#treasure .content-treasure-wrapper .content-treasure-body .content-treasure-body-wrapper .content-treasure-body-item p[data-v-d69f8d50] {
    margin: 0
}

#treasure .content-treasure-wrapper .content-treasure-body .content-treasure-body-wrapper .content-treasure-body-item .text-number[data-v-d69f8d50] {
    font-size: 1.7rem;
    font-weight: 700
}

#treasure .content-treasure-wrapper .content-treasure-body .content-treasure-body-wrapper .content-treasure-body-item .content-treasure-body-inner[data-v-d69f8d50] {
    align-items: center;
    display: flex;
    gap: .5rem
}

#treasure .content-treasure-wrapper .content-treasure-body .content-treasure-body-wrapper .content-treasure-body-item .content-treasure-body-inner p[data-v-d69f8d50] {
    margin: 0
}

@media screen and (max-width:425px) {
    #treasure .content-treasure-wrapper .content-treasure-body .content-treasure-body-wrapper .content-treasure-body-item .content-treasure-body-inner p[data-v-d69f8d50] {
        font-size: .75rem
    }
}

#treasure .content-treasure-wrapper .content-treasure-body .content-treasure-body-wrapper .content-treasure-body-item .content-treasure-body-inner img[data-v-d69f8d50] {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 25px
}

@media screen and (max-width:425px) {
    #treasure .content-treasure-wrapper .content-treasure-body .content-treasure-body-wrapper .content-treasure-body-item .content-treasure-body-inner img[data-v-d69f8d50] {
        width: 20px
    }
}

#treasure .text-color-theme[data-v-d69f8d50] {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(180deg, var(--primary-color-1) 0, var(--primary-color-2) 100%);
    -webkit-background-clip: text;
    background-clip: text
}

#list-ranking .heading-ranking-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:600px) {
    #list-ranking .heading-ranking-wrapper .reward-ranking-btn-wrapper {
        display: none
    }
}

#list-ranking .heading-ranking-wrapper .reward-ranking-btn-wrapper .reward-ranking-btn-inner {
    display: flex;
    gap: .5rem
}

#list-ranking .heading-ranking-wrapper .reward-ranking-btn-wrapper .reward-ranking-btn-inner .reward-ranking-display {
    border-radius: 1.5rem;
    padding: .5rem .75rem
}

@media screen and (max-width:768px) {
    #list-ranking .heading-ranking-wrapper .reward-ranking-btn-wrapper .reward-ranking-btn-inner .reward-ranking-display {
        padding: .25rem .5rem
    }
}

#list-ranking .heading-ranking-wrapper .reward-ranking-btn-wrapper .reward-ranking-btn-inner .reward-ranking-display.theme-main {
    background: linear-gradient(180deg, var(--primary-color-1) 0, var(--primary-color-2) 100%)
}

#list-ranking .heading-ranking-wrapper .reward-ranking-btn-wrapper .reward-ranking-btn-inner .reward-ranking-display.theme-secondary {
    background: linear-gradient(180deg, var(--secondary-color-1) 0, var(--secondary-color-2) 100%)
}

#list-ranking .heading-ranking-wrapper .reward-ranking-btn-wrapper .reward-ranking-btn-inner .reward-ranking-display p {
    color: #fff;
    margin-bottom: 0
}

@media screen and (max-width:600px) {
    #list-ranking .heading-ranking-wrapper .reward-ranking-btn-wrapper .reward-ranking-btn-inner .reward-ranking-display p {
        font-size: 14px
    }
}

#list-ranking .wrap-list-ranking {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 10px;
    margin: 1rem 0;
    overflow-x: auto
}

#list-ranking .wrap-list-ranking .item-list-ranking {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 3px rgba(58, 99, 197, .4);
    position: relative
}

#list-ranking .wrap-list-ranking .item-list-ranking a {
    color: #fff
}

#list-ranking .wrap-list-ranking .item-list-ranking .badge-rank {
    height: 190px;
    padding: .5rem;
    width: 190px
}

#list-ranking .wrap-list-ranking .item-list-ranking .detail-rank {
    align-items: center;
    background: linear-gradient(180deg, var(--primary-color-1), var(--primary-color-2));
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: .5rem;
    text-align: center
}

#list-ranking .wrap-list-ranking .item-list-ranking .detail-rank img {
    margin-right: 5px;
    width: 24px
}

#list-ranking .wrap-list-ranking .item-list-ranking .detail-rank span {
    font-size: 1rem;
    font-weight: 700
}

#list-ranking .wrap-list-ranking .item-list-ranking:hover .lock-rank img {
    animation: hithere 1s ease infinite
}

#list-ranking .wrap-list-ranking .item-list-ranking:hover .lock-rank p {
    transform: scale(1.1);
    transition: .5s
}

@keyframes hithere {
    30% {
        transform: scale(1.2)
    }

    40%,
    60% {
        transform: rotate(-20deg) scale(1.2)
    }

    50% {
        transform: rotate(20deg) scale(1.2)
    }

    70% {
        transform: rotate(0deg) scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

#list-ranking .wrap-list-ranking .item-list-ranking .lock-rank {
    align-items: center;
    background: rgba(0, 0, 0, .584);
    border-radius: 12px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2
}

#list-ranking .wrap-list-ranking .item-list-ranking .lock-rank img {
    width: 65px
}

#list-ranking .wrap-list-ranking .item-list-ranking .lock-rank p {
    transition: .5s
}

#list-ranking .wrap-list-ranking-mobile {
    display: none
}

#list-ranking .wrap-list-ranking-mobile .inner-wrap-list-ranking-mobile {
    grid-gap: 10px 10px;
    align-items: center;
    display: grid;
    gap: 10px 10px;
    grid-template-areas: ". . .";
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    margin: 1rem 0
}

#list-ranking .wrap-list-ranking-mobile .inner-wrap-list-ranking-mobile .item-list-ranking-mobile {
    background: #fff;
    border-radius: 6px;
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .25));
    height: 100%;
    padding: .5rem;
    position: relative;
    text-align: center
}

#list-ranking .wrap-list-ranking-mobile .inner-wrap-list-ranking-mobile .item-list-ranking-mobile a {
    color: #000
}

#list-ranking .wrap-list-ranking-mobile .inner-wrap-list-ranking-mobile .item-list-ranking-mobile img {
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .25));
    height: 80px;
    width: 80px
}

#list-ranking .wrap-list-ranking-mobile .inner-wrap-list-ranking-mobile .item-list-ranking-mobile .coin-mobile {
    height: auto;
    margin-right: 5px;
    width: 25px
}

#list-ranking .wrap-list-ranking-mobile .inner-wrap-list-ranking-mobile .item-list-ranking-mobile .lock-rank {
    align-items: center;
    background: rgba(0, 0, 0, .584);
    border-radius: 6px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2
}

#list-ranking .wrap-list-ranking-mobile .inner-wrap-list-ranking-mobile .item-list-ranking-mobile .lock-rank img {
    width: 65px
}

#list-ranking .wrap-list-ranking-mobile .inner-wrap-list-ranking-mobile .item-list-ranking-mobile .lock-rank p {
    transition: .5s
}

@media screen and (max-width:600px) {
    #list-ranking .heading-ranking {
        text-align: center
    }

    #list-ranking .wrap-list-ranking {
        display: none
    }

    #list-ranking .wrap-list-ranking-mobile {
        display: block
    }
}

.wrap-detail-info .box-rank-info {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.wrap-detail-info .box-rank-info .box-rank-info-wrapper {
    display: flex;
    gap: 10px
}

.wrap-detail-info .box-rank-info .box-rank-info-wrapper .b-l-info {
    flex: 1 1 30%
}

@media screen and (max-width:425px) {
    .wrap-detail-info .box-rank-info .box-rank-info-wrapper .b-l-info {
        flex: 1 1 50%
    }
}

.wrap-detail-info .box-rank-info .box-rank-info-wrapper .b-l-info .b-badge {
    background: #fff;
    border-radius: 12px;
    height: 100%
}

.wrap-detail-info .box-rank-info .box-rank-info-wrapper .b-l-info .badge-rank {
    height: 120px;
    padding: .25rem;
    width: auto
}

@media screen and (max-width:426px) {
    .wrap-detail-info .box-rank-info .box-rank-info-wrapper .b-l-info .badge-rank {
        height: 121px;
        width: 100%
    }
}

.wrap-detail-info .box-rank-info .box-rank-info-wrapper .b-l-info .detail-rank {
    align-items: center;
    background: linear-gradient(180deg, var(--primary-color-1), var(--primary-color-2));
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: .5rem;
    text-align: center
}

.wrap-detail-info .box-rank-info .box-rank-info-wrapper .b-l-info .detail-rank img {
    margin-right: 5px;
    width: 24px
}

.wrap-detail-info .box-rank-info .box-rank-info-wrapper .b-l-info .detail-rank span {
    font-size: 1rem;
    font-weight: 700
}

.wrap-detail-info .box-rank-info .box-rank-info-wrapper .b-l-info .detail-rank .coin-mobile-1 {
    height: auto !important;
    margin-right: 5px;
    width: 20px
}

.wrap-detail-info .box-rank-info .box-rank-info-wrapper .b-l-info .b-reward {
    align-items: center;
    background: rgba(0, 0, 0, .455);
    border-radius: 12px;
    display: flex;
    justify-content: center;
    padding: .2rem
}

.wrap-detail-info .box-rank-info .box-rank-info-wrapper .b-l-info .b-reward img {
    margin-right: 5px;
    width: 20px
}

.wrap-detail-info .box-rank-info .box-rank-info-wrapper .b-r-info {
    grid-gap: 10px;
    display: grid;
    flex: 1 1 auto;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.wrap-detail-info .box-rank-info .box-rank-info-wrapper .b-r-info .item-info {
    background: rgba(0, 0, 0, .455);
    border-radius: 12px;
    padding: .5rem;
    text-align: center
}

.wrap-detail-info .box-rank-info .box-rank-info-wrapper .b-r-info .item-info p {
    font-size: 14px;
    margin-bottom: 0
}

@media screen and (max-width:600px) {
    .wrap-detail-info .box-rank-info .box-rank-info-wrapper .b-r-info .item-info p {
        font-size: 12px
    }
}

@media screen and (max-width:426px) {
    .wrap-detail-info .box-rank-info .box-rank-info-wrapper .b-r-info .item-info p span {
        font-size: 14px
    }
}

.wrap-detail-info .box-rank-info .box-rank-info-wrapper .b-r-info .item-info .text-number {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(180deg, var(--primary-color-1) 0, var(--primary-color-2) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 1.7rem;
    font-weight: 700
}

.wrap-detail-info .box-rank-info .content-treasure {
    display: flex;
    gap: .75rem
}

#detail-level-up .wrap-detail-level-up {
    display: flex;
    gap: 20px
}

#detail-level-up .wrap-detail-level-up .box-up-level {
    align-items: center;
    background: rgba(0, 0, 0, .243);
    border-radius: 12px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .144);
    display: flex;
    gap: 10px;
    padding: .5rem;
    width: 50%
}

#detail-level-up .wrap-detail-level-up .box-up-level .item-box-up-level {
    flex: 1 1 20%;
    text-align: center
}

#detail-level-up .wrap-detail-level-up .box-up-level .item-box-up-level .badge-rank {
    height: 190px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

#detail-level-up .wrap-detail-level-up .box-up-level .item-box-up-level .uplevel-btn {
    background: linear-gradient(180deg, var(--secondary-color-1) 0, var(--secondary-color-2) 100%);
    border-radius: 12px;
    color: var(--theme-font-color-2);
    font-weight: 700;
    letter-spacing: 0
}

#detail-level-up .wrap-detail-level-up .box-progress-bar-level {
    padding: .5rem;
    width: 50%
}

#detail-level-up .wrap-detail-level-up .box-progress-bar-level .item-progress-bar-level .item-progress-title {
    display: flex;
    gap: 8px
}

#detail-level-up .wrap-detail-level-up .box-progress-bar-level .item-progress-bar-level .item-progress-title img {
    height: auto;
    margin-bottom: 2px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 25px
}

#detail-level-up .wrap-detail-level-up .box-progress-bar-level .item-progress-bar-level .item-progress-title h4 {
    margin-top: 4px
}

#detail-level-up .wrap-detail-level-up .box-progress-bar-level .item-progress-bar-level .primary {
    background: linear-gradient(180deg, var(--primary-color-1) 0, var(--primary-color-2) 100%);
    border-radius: 16px
}

#detail-level-up .wrap-detail-level-up .box-progress-bar-level .item-progress-bar-level .v-progress-linear__content {
    border-radius: 16px;
    color: #000
}

#detail-level-up .wrap-detail-level-up .box-progress-bar-level .item-progress-bar-level .v-progress-linear__buffer {
    background-color: #fff;
    border-radius: 16px
}

#detail-level-up .wrap-detail-level-up .box-progress-bar-level .item-progress-bar-level .v-progress-linear__content {
    justify-content: end;
    padding-right: 30px;
    z-index: 1
}

@media screen and (max-width:600px) {
    #detail-level-up .wrap-detail-level-up {
        flex-direction: column
    }

    #detail-level-up .wrap-detail-level-up .box-up-level {
        width: 100%
    }

    #detail-level-up .wrap-detail-level-up .box-up-level .item-box-up-level {
        text-align: center;
        width: 33.3%
    }

    #detail-level-up .wrap-detail-level-up .box-up-level .item-box-up-level .badge-rank {
        height: 50px;
        width: 50px
    }

    #detail-level-up .wrap-detail-level-up .box-progress-bar-level {
        width: 100%
    }
}

@media(min-width:768px)and (max-width:820px) {
    #detail-level-up .wrap-detail-level-up .box-up-level {
        width: 50%
    }

    #detail-level-up .wrap-detail-level-up .box-up-level .item-box-up-level {
        text-align: center;
        width: 33.3%
    }

    #detail-level-up .wrap-detail-level-up .box-up-level .item-box-up-level .badge-rank {
        height: auto;
        width: 100%
    }
}

@media(min-width:1023px)and (max-width:1024px) {
    #detail-level-up .wrap-detail-level-up .box-up-level {
        width: 50%
    }

    #detail-level-up .wrap-detail-level-up .box-up-level .item-box-up-level {
        text-align: center;
        width: 33.3%
    }

    #detail-level-up .wrap-detail-level-up .box-up-level .item-box-up-level .badge-rank {
        height: auto;
        width: 100%
    }
}

#detail-level-up .wrap-detail-current-rank {
    grid-gap: 0 10px;
    display: grid;
    gap: 0 10px;
    grid-template-areas: ". . . .";
    grid-template-columns: 3fr 3fr 3fr 3fr;
    grid-template-rows: 1fr;
    margin: 1rem 0
}

#detail-level-up .wrap-detail-current-rank .item-detail-current-rank {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .144);
    color: #000;
    padding: .5rem;
    text-align: center
}

#detail-level-up .wrap-detail-current-rank .item-detail-current-rank p {
    font-size: 1rem;
    font-weight: 600
}

#detail-level-up .wrap-detail-current-rank .item-detail-current-rank img {
    margin-right: 10px;
    width: 70px
}

#detail-level-up .wrap-detail-current-rank .item-detail-current-rank .box-ranking-text {
    display: flex
}

#detail-level-up .wrap-detail-current-rank .item-detail-current-rank .box-ranking-text .text-number {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(180deg, var(--primary-color-1) 0, var(--primary-color-2) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 2.8rem;
    font-weight: 700;
    height: 100%;
    line-height: 1.3
}

@media(min-width:768px)and (max-width:820px) {
    #detail-level-up .wrap-detail-current-rank .item-detail-current-rank .box-ranking-text p {
        font-size: .8rem
    }

    #detail-level-up .wrap-detail-current-rank .item-detail-current-rank .box-ranking-text .text-number {
        font-size: 1.8rem
    }
}

@media screen and (max-width:600px) {
    #detail-level-up .wrap-detail-current-rank {
        display: none
    }
}

#banner-shop {
    position: relative
}

#banner-shop .image-banner {
    height: 100% !important
}

#banner-shop .image-banner,
#banner-shop .v-image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100% !important
}

#banner-shop .v-image {
    height: auto !important
}

#banner-shop .v-item--active .v-btn__content .v-icon {
    opacity: 1 !important
}

@media screen and (max-width:425px) {
    #banner-shop .v-item--active .v-btn__content .v-icon {
        font-size: 14px !important
    }
}

#banner-shop .v-item--active .v-btn__content .v-icon:before {
    background: linear-gradient(180deg, #fac01f, #ffe885) !important;
    border-radius: 50% !important;
    color: transparent !important
}

#banner-shop .v-item-group {
    height: auto !important
}

@media only screen and (min-width:100px) {
    #banner-shop .v-item-group {
        padding-bottom: 10px !important
    }
}

@media screen and (max-width:425px) {
    #banner-shop .v-item-group .v-carousel__controls .v-btn--icon.v-size--small {
        height: 10px !important;
        width: 10px !important
    }
}

#banner-shop .v-item-group .v-window__container .v-carousel .v-window-item .v-responsive .v-responsive__content img {
    height: 400px;
    width: 100%
}

.hide-banner {
    display: none
}

#reward-tournament .card-tournament {
    text-align: center
}

#reward-tournament .card-tournament h5 {
    font-size: 18px;
    padding-bottom: .625rem
}

#reward-tournament .card-tournament .reward-btn {
    align-items: center;
    display: flex;
    margin: 1rem auto
}

#reward-tournament .card-tournament .reward-btn .tour-reward-btn {
    border-radius: 8px;
    flex: 1 1 auto;
    height: 5.425rem;
    margin: 0 1rem;
    padding: 0
}

@media screen and (max-width:600px) {
    #reward-tournament .card-tournament .reward-btn .tour-reward-btn {
        margin: 0 .625rem
    }
}

#reward-tournament .card-tournament .reward-btn .tour-reward-btn .v-btn__content {
    background: #fff;
    border-radius: .5rem;
    color: #000;
    cursor: pointer;
    display: block !important;
    height: 5.425rem;
    padding: .5rem;
    position: relative;
    z-index: 1
}

#reward-tournament .card-tournament .reward-btn .tour-reward-btn .v-btn__content:hover {
    color: #f2f2f2;
    z-index: 2
}

#reward-tournament .card-tournament .reward-btn .tour-reward-btn .v-btn__content:hover:before {
    transform: scaleX(1);
    transform-origin: top right;
    z-index: -1
}

#reward-tournament .card-tournament .reward-btn .tour-reward-btn .v-btn__content:before {
    background: linear-gradient(180deg, var(--secondary-color-1), var(--secondary-color-2));
    border-radius: 8px;
    bottom: 0;
    color: #f2f2f2;
    content: " ";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    inset: 0 0 0 0;
    transform: scaleX(0);
    transform-origin: top right;
    transition: transform .3s ease;
    z-index: 0
}

#reward-tournament .card-tournament .reward-btn .tour-reward-btn .v-btn__content img {
    height: 48px;
    -o-object-fit: contain;
    object-fit: contain;
    transform: translateY(-1.5rem);
    transition: .2s;
    width: 48px
}

@media screen and (max-width:600px) {
    #reward-tournament .card-tournament .reward-btn .tour-reward-btn .v-btn__content img {
        height: 60px;
        width: 60px
    }
}

#reward-tournament .card-tournament .reward-btn .tour-reward-btn .v-btn__content img:hover {
    mix-blend-mode: normal;
    transform: scale(1.2) translateY(-1.5rem)
}

#reward-tournament .card-tournament .reward-btn .tour-reward-btn .v-btn__content h3 {
    font-size: 14px;
    transform: translateY(-1.5rem)
}

#shop-history .item-no-found {
    color: #000 !important;
    text-align: center
}

#shop-history .shop-no-data {
    border: 2px solid #c1c1c1;
    border-radius: 6px;
    margin: 8px auto;
    padding: .625rem;
    text-align: center
}

#shop-history .shop-no-data p {
    color: #000;
    margin-bottom: 0
}

#shop-history .v-stepper__content {
    margin: -8px -30px -8px 22px !important
}

#shop-history .-green {
    color: #47a047 !important
}

#shop-history .-red {
    color: #a04747 !important
}

#shop-history .-pending {
    color: #ffad2b !important
}

#shop-history .search-item {
    display: flex;
    justify-content: end
}

#shop-history .search-item .search-item-box {
    max-width: 40% !important
}

#shop-history .search-item .search-item-box .v-input__slot {
    border: 2px solid #c1c1c1 !important
}

#shop-history .shop-wrapper .shop-box {
    border: 2px solid #c1c1c1;
    border-radius: 6px;
    display: flex;
    justify-content: space-around;
    margin: 8px auto;
    padding: .425rem;
    text-align: center
}

#shop-history .shop-wrapper .shop-box>div {
    flex: 1 1 150px
}

#shop-history .shop-wrapper .shop-box>div p {
    color: #000;
    margin-bottom: 0
}

#shop-history .shop-wrapper .shop-box .shop-amount span,
#shop-history .shop-wrapper .shop-box .shop-amount>p {
    color: #ffad2b !important
}

#shop-history .order-detail {
    color: #000 !important
}

#shop-history .order-detail .order-wrapper {
    border: 2px solid #c7c7c7;
    border-radius: 6px;
    margin-bottom: 1rem;
    padding: .425rem
}

#shop-history .order-detail .order-wrapper .order-inner {
    align-items: center;
    display: flex;
    gap: 8px;
    height: 100%
}

#shop-history .order-detail .order-wrapper .order-inner img {
    height: 60px;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 60px
}

@media screen and (max-width:600px) {
    #shop-history .order-detail .order-wrapper .order-inner img {
        height: 40px;
        width: 40px
    }
}

#shop-history .order-detail .order-wrapper .order-inner .order-delivery {
    display: flex;
    flex-direction: column;
    gap: .425rem;
    height: auto;
    justify-content: space-between
}

#shop-history .order-detail .order-wrapper .order-inner .order-delivery h4 {
    color: var(--theme-font-color-1) !important;
    font-size: 24px
}

@media screen and (max-width:600px) {
    #shop-history .order-detail .order-wrapper .order-inner .order-delivery h4 {
        font-size: 16px
    }
}

#shop-history .order-detail .order-wrapper .order-inner .order-delivery .order-tack span {
    align-items: center;
    color: #c7c7c7 !important;
    display: flex;
    gap: 8px;
    justify-content: center
}

@media screen and (max-width:600px) {
    #shop-history .order-detail .order-wrapper .order-inner .order-delivery .order-tack span {
        font-size: 12px
    }
}

#shop-history .order-detail .order-wrapper .order-inner .order-delivery .order-tack .btn-copy-wrap {
    background: linear-gradient(180deg, #3ad83a, #539000);
    border-radius: 12px;
    padding: 1px 20px
}

#shop-history .order-detail .order-wrapper .order-inner .order-delivery .order-tack .btn-copy-wrap img {
    height: 16px;
    transform: translateY(0);
    width: 16px
}

#shop-history .order-detail .order-wrapper .order-inner .order-delivery .order-tack .btn-copy-wrap button {
    align-items: center;
    display: flex;
    gap: 4px
}

#shop-history .order-detail .order-wrapper .v-sheet.v-stepper:not(.v-sheet--outlined) {
    box-shadow: none;
    padding-bottom: 0
}

#shop-history .order-detail .order-wrapper .v-stepper--vertical .v-stepper__step {
    padding: .625rem
}

#shop-history .order-detail .order-wrapper .order-cancel {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    width: 100%
}

#shop-history .order-detail .order-wrapper .order-cancel i {
    color: #9c1f1f;
    font-size: 2rem
}

#shop-history .order-detail .order-wrapper .order-cancel p {
    color: #9c1f1f;
    margin-bottom: 0
}

#shop-history .order-detail .order-wrapper .exchange-address .status-address {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: space-between;
    margin-bottom: 6px;
    position: relative
}

#shop-history .order-detail .order-wrapper .exchange-address .status-address .status-inner-address {
    display: flex;
    gap: 4px;
    margin-bottom: 6px
}

#shop-history .order-detail .order-wrapper .exchange-address .status-address .status-inner-address img {
    height: 100%;
    max-height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 25px
}

#shop-history .order-detail .order-wrapper .exchange-address .status-address .status-inner-address .text-active-address {
    align-items: center;
    background-color: #ffad2b;
    border-radius: 4px;
    display: flex;
    height: 25px;
    justify-content: center;
    width: auto
}

#shop-history .order-detail .order-wrapper .exchange-address .status-address .status-inner-address .text-active-address p {
    color: #fff !important;
    font-size: 14px;
    margin-bottom: 0;
    padding: 2px 8px
}

@media screen and (max-width:600px) {
    #shop-history .order-detail .order-wrapper .exchange-address .status-address .status-inner-address .text-active-address p {
        font-size: 12px
    }
}

#shop-history .order-detail .order-wrapper .exchange-address .user-address p {
    margin-bottom: .225rem
}

#shop-history .order-detail .order-wrapper .exchange-address .user-address p:last-child {
    color: #c7c7c7
}

#shop-history .order-detail .order-wrapper .exchange-item {
    height: 8rem
}

#shop-history .order-detail .order-wrapper .exchange-item .itemshop-inner {
    align-items: start;
    display: flex;
    gap: 4px;
    height: 100%;
    justify-content: space-between;
    position: relative
}

#shop-history .order-detail .order-wrapper .exchange-item .itemshop-inner img {
    flex: 1 1 auto;
    height: 100%;
    max-height: 10rem;
    max-width: 10rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media screen and (max-width:600px) {
    #shop-history .order-detail .order-wrapper .exchange-item .itemshop-inner img {
        max-height: 8rem;
        max-width: 8rem
    }
}

@media screen and (max-width:425px) {
    #shop-history .order-detail .order-wrapper .exchange-item .itemshop-inner img {
        max-height: 100%;
        max-width: 6rem
    }
}

#shop-history .order-detail .order-wrapper .exchange-item .itemshop-inner .text-shop-box {
    flex: 1 1 auto;
    overflow: hidden;
    text-align: left
}

#shop-history .order-detail .order-wrapper .exchange-item .itemshop-inner .text-shop-box p {
    color: var(--primary-color-1) !important;
    font-weight: 600;
    margin-bottom: .625rem
}

@media screen and (max-width:600px) {
    #shop-history .order-detail .order-wrapper .exchange-item .itemshop-inner .text-shop-box span {
        color: #a4a4a4;
        font-size: 12px
    }
}

#shop-history .order-detail .order-wrapper .exchange-item .itemshop-inner .item-count {
    align-items: end;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

#shop-history .order-detail .order-wrapper .exchange-item .itemshop-inner .item-count p {
    color: #7a7a7a
}

#shop-history .order-detail .order-wrapper .exchange-item .itemshop-inner .item-count .item-box {
    background-color: #d3d3d3;
    border-radius: 6px;
    font-weight: 600;
    padding: .225rem .625rem
}

#shop-history .order-detail .order-wrapper .order-no-id {
    align-items: center;
    display: flex;
    gap: .425rem;
    padding: .625rem
}

#shop-history .order-detail .order-wrapper .order-no-id i {
    color: #000
}

#shop-history .order-detail .order-wrapper .order-no-id p {
    color: #000;
    margin-bottom: 0
}

#shop-history .order-detail .line-gray {
    background-color: #ececec;
    height: 2px;
    margin: .625rem auto;
    width: 100%
}

#shop-item .search-item {
    display: flex;
    justify-content: end
}

#shop-item .search-item .search-item-box {
    max-width: 40% !important
}

#shop-item .search-item .search-item-box .v-input__slot {
    border: 2px solid #c1c1c1 !important
}

#shop-item .grid-shop {
    grid-gap: 1rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    margin-top: .425rem
}

#shop-item .grid-shop .itemshop-wrapper {
    border: 2px solid #c1c1c1
}

#shop-item .grid-shop .itemshop-wrapper .itemshop-inner {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: space-between
}

#shop-item .grid-shop .itemshop-wrapper .itemshop-inner img {
    height: 100%;
    max-height: 10rem;
    max-width: 10rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media screen and (max-width:600px) {
    #shop-item .grid-shop .itemshop-wrapper .itemshop-inner img {
        max-height: 8rem;
        max-width: 8rem
    }
}

@media screen and (max-width:425px) {
    #shop-item .grid-shop .itemshop-wrapper .itemshop-inner img {
        max-height: 100%;
        max-width: 6rem
    }
}

#shop-item .grid-shop .itemshop-wrapper .itemshop-inner .text-shop-box {
    overflow: hidden;
    text-align: left
}

#shop-item .grid-shop .itemshop-wrapper .itemshop-inner .text-shop-box p {
    color: var(--primary-color-1) !important;
    font-weight: 600;
    margin-bottom: .625rem
}

@media screen and (max-width:600px) {
    #shop-item .grid-shop .itemshop-wrapper .itemshop-inner .text-shop-box span {
        color: #a4a4a4;
        font-size: 12px
    }
}

#shop-item .grid-shop .itemshop-wrapper .itemshop-inner .btn-shop-box p {
    color: var(--secondary-color-1) !important;
    font-weight: 600
}

@media screen and (max-width:600px) {
    #shop-item .grid-shop .itemshop-wrapper .itemshop-inner .btn-shop-box button {
        color: #a4a4a4;
        font-size: 12px;
        height: 40px !important;
        padding: 0 8px !important
    }
}

#shop-item .grid-shop .shop-no-data {
    border: 2px solid #c1c1c1;
    border-radius: 6px;
    margin: 8px auto;
    padding: .625rem;
    text-align: center;
    width: 100%
}

#shop-item .grid-shop .shop-no-data p {
    color: #000;
    margin-bottom: 0
}

#shop-member-point {
    background-color: #fff;
    border-radius: .625rem;
    padding: .625rem
}

#shop-member-point .member-point-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between
}

#shop-member-point .member-point-wrapper p {
    color: #000;
    margin-bottom: 0
}

#shop-member-point .member-point-wrapper span {
    color: var(--theme-font-color-1) !important;
    font-size: 20px;
    font-weight: 600
}

#shop-member-point .member-point-wrapper .box-refresh {
    align-items: center;
    display: flex
}

#shop-member-point .member-point-wrapper .box-refresh .icon {
    height: 20px !important;
    width: 20px !important
}

#exchange-credit .exchange-wrapper {
    border: 2px solid #c1c1c1;
    border-radius: 1rem;
    color: #000;
    margin-bottom: .625rem;
    padding: 8px;
    text-align: left
}

#exchange-credit .exchange-wrapper .diamond-wrapper {
    align-items: center;
    display: flex;
    gap: 1rem
}

@media screen and (max-width:600px) {
    #exchange-credit .exchange-wrapper .diamond-wrapper {
        gap: .425rem
    }
}

#exchange-credit .exchange-wrapper .diamond-wrapper .image-box {
    align-content: center;
    background-color: var(--theme-color-2);
    border-radius: 8px;
    display: grid;
    height: 4rem;
    justify-content: center;
    place-content: center;
    width: 4rem
}

#exchange-credit .exchange-wrapper .diamond-wrapper .image-box.-coin {
    background-color: var(--theme-color-1) !important
}

#exchange-credit .exchange-wrapper .diamond-wrapper .diamond-text {
    flex: 1 1 auto
}

#exchange-credit .exchange-wrapper .diamond-wrapper .diamond-text p {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: .425rem;
    margin-top: .825rem
}

@media screen and (max-width:600px) {
    #exchange-credit .exchange-wrapper .diamond-wrapper .diamond-text p {
        font-size: 14px
    }
}

#exchange-credit .exchange-wrapper .diamond-wrapper .diamond-text .input-point {
    min-height: 28px !important;
    text-align: right;
    width: 100%
}

#exchange-credit .exchange-wrapper .diamond-wrapper .diamond-text .v-input input,
#exchange-credit .exchange-wrapper .diamond-wrapper .diamond-text .v-text-field.v-text-field--solo .v-input__control input {
    text-align: right !important
}

#exchange-credit .exchange-wrapper .diamond-to {
    align-items: center;
    display: flex;
    gap: 1rem
}

#exchange-credit .exchange-wrapper .diamond-to i {
    height: 1rem;
    width: 5rem
}

#exchange-credit .exchange-wrapper .diamond-to .line-gray {
    background-color: #ececec;
    height: 2px;
    margin: .625rem auto;
    width: 100%
}

ol li[data-v-dff0d892]:not(.ql-direction-rtl),
ul li[data-v-dff0d892]:not(.ql-direction-rtl) {
    padding-left: 0 !important
}

.Vue-Toastification__container[data-v-dff0d892] {
    z-index: 999999999 !important
}

@media screen and (min-width:601px) {
    .Vue-Toastification__toast[data-v-dff0d892] {
        max-width: 350px
    }
}

label.v-label.theme--dark[data-v-dff0d892] {
    font-size: 16px
}

@media screen and (max-width:600px) {
    label.v-label.theme--dark[data-v-dff0d892] {
        font-size: 12px
    }
}

#address-box .add-address button[data-v-dff0d892],
#address-box .add-address[data-v-dff0d892] {
    align-items: center;
    display: flex;
    justify-content: center
}

#address-box .add-address button[data-v-dff0d892] {
    gap: 4px;
    width: 100%
}

#address-box .add-address button i[data-v-dff0d892] {
    color: #000 !important;
    font-size: 24px
}

#address-box .add-address p[data-v-dff0d892] {
    margin-bottom: 0
}

#address-box .exchange-address[data-v-dff0d892] {
    border: 2px solid #c1c1c1;
    border-radius: 1rem;
    cursor: pointer;
    margin-bottom: .625rem;
    padding: 8px;
    text-align: left
}

#address-box .exchange-address.active[data-v-dff0d892] {
    border: 2px solid #ffad2b
}

#address-box .exchange-address .status-address[data-v-dff0d892] {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: space-between;
    margin-bottom: 6px;
    position: relative
}

#address-box .exchange-address .status-address .status-inner-address[data-v-dff0d892] {
    display: flex;
    gap: 4px;
    margin-bottom: 6px
}

#address-box .exchange-address .status-address .status-inner-address img[data-v-dff0d892] {
    height: 100%;
    max-height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 25px
}

#address-box .exchange-address .status-address .status-inner-address .text-active-address[data-v-dff0d892] {
    align-items: center;
    background-color: #ffad2b;
    border-radius: 4px;
    display: flex;
    height: 25px;
    justify-content: center;
    width: auto
}

#address-box .exchange-address .status-address .status-inner-address .text-active-address p[data-v-dff0d892] {
    color: #fff !important;
    font-size: 14px;
    margin-bottom: 0;
    padding: 2px 8px
}

@media screen and (max-width:600px) {
    #address-box .exchange-address .status-address .status-inner-address .text-active-address p[data-v-dff0d892] {
        font-size: 12px
    }
}

#address-box .exchange-address .status-address .btn-edit[data-v-dff0d892] {
    color: #ffad2b;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

#address-box .exchange-address .user-address p[data-v-dff0d892] {
    margin-bottom: .225rem
}

#address-box .exchange-address .user-address p[data-v-dff0d892]:last-child {
    color: #c7c7c7
}

ol li:not(.ql-direction-rtl),
ul li:not(.ql-direction-rtl) {
    padding-left: 0 !important
}

.Vue-Toastification__container {
    z-index: 999999999 !important
}

@media screen and (min-width:601px) {
    .Vue-Toastification__toast {
        max-width: 350px
    }
}

label.v-label.theme--dark {
    font-size: 16px
}

@media screen and (max-width:600px) {
    label.v-label.theme--dark {
        font-size: 12px
    }
}

#selected-box-province .selected-box-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

#selected-box-province .selected-box-wrapper button {
    height: 100%;
    padding: 8px;
    text-align: left;
    width: 100%
}

#selected-box-province .selected-box-wrapper button:hover {
    background-color: #d8d8d8;
    border-radius: 4px;
    transition: all 1.2ms ease-in
}

ol li[data-v-3ab2b94b]:not(.ql-direction-rtl),
ul li[data-v-3ab2b94b]:not(.ql-direction-rtl) {
    padding-left: 0 !important
}

.Vue-Toastification__container[data-v-3ab2b94b] {
    z-index: 999999999 !important
}

@media screen and (min-width:601px) {
    .Vue-Toastification__toast[data-v-3ab2b94b] {
        max-width: 350px
    }
}

label.v-label.theme--dark[data-v-3ab2b94b] {
    font-size: 16px
}

@media screen and (max-width:600px) {
    label.v-label.theme--dark[data-v-3ab2b94b] {
        font-size: 12px
    }
}

.box-go-back[data-v-3ab2b94b] {
    padding-top: .425rem
}

.box-go-back .go-back-menu[data-v-3ab2b94b] {
    background: #fff;
    border-radius: 1rem .5rem .5rem 1rem;
    color: #000;
    cursor: pointer;
    padding-right: 1rem;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width:600px) {
    .box-go-back .go-back-menu[data-v-3ab2b94b] {
        font-size: 14px
    }
}

.provide-detail[data-v-3ab2b94b] {
    margin-top: 1rem;
    text-align: inherit
}

.provide-detail .v-sheet.v-stepper[data-v-3ab2b94b]:not(.v-sheet--outlined) {
    box-shadow: none
}

.provide-detail .btn-reset[data-v-3ab2b94b] {
    text-align: right
}

.provide-detail .btn-reset button[data-v-3ab2b94b] {
    color: #ffad2b;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.provide-detail .v-icon.v-icon[data-v-3ab2b94b],
.provide-detail .v-text-field.v-text-field--solo .v-input__append-inner[data-v-3ab2b94b] {
    color: #fff !important
}

@media screen and (max-width:600px) {
    .v-stepper__step__step[data-v-3ab2b94b] {
        height: 16px !important;
        width: 16px !important
    }
}

.v-stepper--vertical[data-v-3ab2b94b] {
    padding: .425rem !important
}

.theme--light.v-stepper .v-stepper__step__step .v-icon[data-v-3ab2b94b] {
    color: #fff !important
}

.v-application--is-ltr .v-stepper--vertical .v-stepper__content[data-v-3ab2b94b] {
    margin: 4px -36px 4px 19px !important
}

.v-application--is-ltr .v-stepper--vertical .v-stepper__content[data-v-3ab2b94b]:last-child {
    padding: 0 !important
}

.v-stepper--vertical .v-stepper__step[data-v-3ab2b94b] {
    padding: .425rem !important
}

ol li[data-v-18ddae11]:not(.ql-direction-rtl),
ul li[data-v-18ddae11]:not(.ql-direction-rtl) {
    padding-left: 0 !important
}

.Vue-Toastification__container[data-v-18ddae11] {
    z-index: 999999999 !important
}

@media screen and (min-width:601px) {
    .Vue-Toastification__toast[data-v-18ddae11] {
        max-width: 350px
    }
}

label.v-label.theme--dark[data-v-18ddae11] {
    font-size: 16px
}

@media screen and (max-width:600px) {
    label.v-label.theme--dark[data-v-18ddae11] {
        font-size: 12px
    }
}

.line-gray[data-v-18ddae11] {
    background-color: #ececec;
    height: 2px;
    margin: .625rem auto;
    width: 100%
}

.title-shop[data-v-18ddae11] {
    font-size: 18px;
    font-weight: 600;
    text-align: left
}

@media screen and (max-width:600px) {
    .title-shop[data-v-18ddae11] {
        font-size: 16px
    }
}

ol li[data-v-3c4f1eac]:not(.ql-direction-rtl),
ul li[data-v-3c4f1eac]:not(.ql-direction-rtl) {
    padding-left: 0 !important
}

.Vue-Toastification__container[data-v-3c4f1eac] {
    z-index: 999999999 !important
}

@media screen and (min-width:601px) {
    .Vue-Toastification__toast[data-v-3c4f1eac] {
        max-width: 350px
    }
}

label.v-label.theme--dark[data-v-3c4f1eac] {
    font-size: 16px
}

@media screen and (max-width:600px) {
    label.v-label.theme--dark[data-v-3c4f1eac] {
        font-size: 12px
    }
}

#exchange-container .title-shop[data-v-3c4f1eac] {
    font-size: 18px;
    font-weight: 600;
    text-align: left
}

@media screen and (max-width:600px) {
    #exchange-container .title-shop[data-v-3c4f1eac] {
        font-size: 16px
    }
}

#exchange-container .add-address button[data-v-3c4f1eac],
#exchange-container .add-address[data-v-3c4f1eac] {
    align-items: center;
    display: flex;
    justify-content: center
}

#exchange-container .add-address button[data-v-3c4f1eac] {
    gap: 4px;
    width: 100%
}

#exchange-container .add-address button i[data-v-3c4f1eac] {
    color: #000 !important;
    font-size: 24px
}

#exchange-container .add-address p[data-v-3c4f1eac] {
    margin-bottom: 0
}

#exchange-container .exchange-address[data-v-3c4f1eac] {
    border: 2px solid #c1c1c1;
    border-radius: 1rem;
    margin-bottom: .625rem;
    padding: 8px;
    text-align: left
}

#exchange-container .exchange-address.active[data-v-3c4f1eac] {
    border: 2px solid #ffad2b
}

#exchange-container .exchange-address .status-address[data-v-3c4f1eac] {
    display: flex;
    gap: 4px;
    margin-bottom: 6px
}

#exchange-container .exchange-address .status-address img[data-v-3c4f1eac] {
    height: 100%;
    max-height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 25px
}

#exchange-container .exchange-address .status-address .text-active-address[data-v-3c4f1eac] {
    align-items: center;
    background-color: #ffad2b;
    border-radius: 4px;
    display: flex;
    height: 25px;
    justify-content: center;
    width: auto
}

#exchange-container .exchange-address .status-address .text-active-address p[data-v-3c4f1eac] {
    color: #fff !important;
    font-size: 14px;
    margin-bottom: 0;
    padding: 2px 8px
}

@media screen and (max-width:600px) {
    #exchange-container .exchange-address .status-address .text-active-address p[data-v-3c4f1eac] {
        font-size: 12px
    }
}

#exchange-container .exchange-address .user-address p[data-v-3c4f1eac] {
    margin-bottom: .225rem
}

#exchange-container .exchange-address .user-address p[data-v-3c4f1eac]:last-child {
    color: #c7c7c7
}

#exchange-container .line-gray[data-v-3c4f1eac] {
    background-color: #ececec;
    height: 2px;
    margin: .625rem auto;
    width: 100%
}

#exchange-container .exchange-item[data-v-3c4f1eac] {
    border: 2px solid #c1c1c1;
    border-radius: 1rem;
    height: 9rem;
    margin-bottom: .625rem;
    overflow: hidden;
    padding: 8px
}

#exchange-container .exchange-item .itemshop-inner[data-v-3c4f1eac] {
    align-items: start;
    display: flex;
    gap: 4px;
    height: 100%;
    justify-content: space-between;
    position: relative
}

#exchange-container .exchange-item .itemshop-inner img[data-v-3c4f1eac] {
    flex: 1 1 auto;
    height: 100%;
    max-height: 10rem;
    max-width: 10rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media screen and (max-width:600px) {
    #exchange-container .exchange-item .itemshop-inner img[data-v-3c4f1eac] {
        max-height: 8rem;
        max-width: 8rem
    }
}

@media screen and (max-width:425px) {
    #exchange-container .exchange-item .itemshop-inner img[data-v-3c4f1eac] {
        max-height: 100%;
        max-width: 6rem
    }
}

#exchange-container .exchange-item .itemshop-inner .text-shop-box[data-v-3c4f1eac] {
    flex: 1 1 auto;
    overflow: hidden;
    text-align: left
}

#exchange-container .exchange-item .itemshop-inner .text-shop-box p[data-v-3c4f1eac] {
    color: var(--primary-color-1) !important;
    font-weight: 600;
    margin-bottom: .625rem
}

@media screen and (max-width:600px) {
    #exchange-container .exchange-item .itemshop-inner .text-shop-box span[data-v-3c4f1eac] {
        color: #a4a4a4;
        font-size: 12px
    }
}

#exchange-container .exchange-item .itemshop-inner .item-count[data-v-3c4f1eac] {
    align-items: end;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

#exchange-container .exchange-item .itemshop-inner .item-count p[data-v-3c4f1eac] {
    color: #7a7a7a
}

#exchange-container .exchange-item .itemshop-inner .item-count .item-box[data-v-3c4f1eac] {
    background-color: #d3d3d3;
    border-radius: 6px;
    font-weight: 600;
    padding: .225rem .625rem
}