.goods .goods-list li button.custom {
    background: linear-gradient(to bottom right, #69f6a4, #133eda);
    color: #fff;
    margin-bottom: 9px;
}

.goods .goods-list li button.custom:hover {
    background: linear-gradient(to bottom, #775cdc, #2d78e6);
}


.pokemon_mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000;
    z-index: 99;
    display: none;
}

.pokemon_custom_dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 420px;
    transform: translate(-50%, -50%);
    z-index: 1000;
    background: #161E38;
    border-radius: 6px;
    padding: 20px;
    display: none;
    color: #D9DADD;
}

.pokemon_custom_dialog.show {
    display: block;
}

.pokemon_custom_dialog .dialog_title {
    display: flex;
    justify-content: space-between;
    padding: 0 0 20px;
    font-family: 'montserrat bold';
    color: #FFFFFF;
    font-size: 16px;
}

.pokemon_custom_dialog .dialog_title img {
    width: 20px;
    height: 20px;
    cursor: pointer;

}

.pokemon_custom_dialog .dialog_tab {
    padding: 10px 0 0;
    border-bottom: 1px solid #23254D;
    display: flex;
}

.pokemon_custom_dialog .dialog_tab span {
    cursor: pointer;
    color: #7173C9;
    font-size: 16px;
    background: #23254D;
    border-radius: 6px 6px 0px 0px;
    text-align: center;
    font-family: 'montserrat bold';
    padding: 11px 27px;
    font-size: 14px;
    display: block;
    margin-right: 2px;
}

.pokemon_custom_dialog .dialog_tab span:hover {
    color: #fff;
}

.pokemon_custom_dialog .dialog_tab span.active {
    background: #303375;
    color: #fff;
}

.pokemon_custom_dialog .dialog_content {
    padding: 13px 4px 9px;
    min-height: 355px;
}

.pokemon_custom_dialog .dialog_content .dialog_content_item {
    display: none;
}

.pokemon_custom_dialog .dialog_content .dialog_content_item.show {
    display: block;
}

.dialog_content .attr_item {
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-bottom: 5px;
}

.dialog_content .attr_item span.label {
    min-width: 123px;
}

.dialog_content .attr_item select {
    background: #1D2748;
    min-width: 160px;
    border-radius: 6px;
    cursor: pointer;
    color: #A3A3B3;
    font-family: 'montserrat bold';
    appearance: none;
    background-image: url('/static/web/image/poke/poke_arrow.png');
    /* right 10px center / 16px auto */
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 14px;
}


.dialog_content .attr_item input {
    background: #1D2748;
    min-width: 160px;
    width: 160px;
    border-radius: 6px;
    color: #A3A3B3;
    font-family: 'montserrat bold';
    height: 36px;
}

.dialog_content input::placeholder {
    color: #A3A3B3;
    font-family: 'montserrat bold';
}



.pokemon_custom_dialog .dialog_content .dialog_content_item.show.iv_ev {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.dialog_content_item.iv_ev .iv_ev_label p {
    height: 18px;
}

.dialog_content_item.iv_ev .iv_ev_label span {
    display: block;
    height: 36px;
    display: flex;
    align-items: center;
    margin-top: 5px;
    min-width: 60px;
}

.dialog_content_item.iv_ev input {
    width: 60px;
    background: #1D2748;
    border-radius: 6px;
    height: 36px;
    color: #A3A3B3;
    font-family: 'montserrat bold';
}

.dialog_content_item.iv_ev .input_values {
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.dialog_content_item.iv_ev .input_values .set_btn {
    display: none;
    background: #1D2748;
    border-radius: 6px;
    cursor: pointer;
    color: #A3A3B3;

}

.dialog_content_item.iv_ev .input_values .set_btn:hover {
    background: #0b85ea;
    color: #fff;
}

.dialog_content_item.iv_ev .input_values .set_btn.show {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 36px;
    margin-left: 6px;
}


.dialog_content_item .moves_item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.dialog_content_item .moves_item>span {
    min-width: 123px;
    white-space: nowrap;
}

.dialog_content_item .moves_item .move_select_warp {
    width: 100%;
    position: relative;
}

.dialog_content_item .moves_item .move_select_value {
    background: #1D2748;
    height: 36px;
    width: 160px;
    min-width: max-content;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 8px 0 11px;
    cursor: pointer;
    color: #A3A3B3;
}

.dialog_content_item .moves_item .move_select_value img {
    width: 14px;
    margin-left: 5px;
}

.dialog_content_item .moves_item .move_select_value img.clear {
    width: 14px;
    height: 14px;
}

.dialog_content_item .moves_item .move_select_down {
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    min-width: max-content;
    background: #1D2748;
    display: none;
    border-radius: 6px;
    z-index: 1;
}

.dialog_content_item .moves_item .move_select_down .select_search {
    padding: 5px;
    border-bottom: 1px solid #23254D;
}

.dialog_content_item .moves_item .move_select_down .select_search input {
    background: #161E38;
    width: 100%;
    border-radius: 5px;
    color: #fff;
}

.dialog_content_item .moves_item .move_select_down .select_list {
    max-height: 300px;
    overflow-y: auto;
}

.dialog_content_item .moves_item .move_select_down .select_list p {
    padding: 8px 10px;
    cursor: pointer;
}

.dialog_content_item .moves_item .move_select_down .select_list p.active,
.dialog_content_item .moves_item .move_select_down .select_list p:hover {
    background: #0b85ea;
    color: #fff;
}

.pokemon_custom_dialog .dialog_footer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 13px 0 0;
    border-top: 1px solid #23254D;
}

.pokemon_custom_dialog .dialog_footer .price {
    color: #8AE5AD;
    font-size: 20px;
    text-align: center;
    font-family: 'Montserrat SemiBold';
}

.pokemon_custom_dialog .dialog_footer button {
    height: 45px;
    background: #1F203A;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #31355E;
    color: #fff;
    padding: 0 53px;
    font-size: 14px;
    font-family: 'Montserrat SemiBold';
    margin-left: 20px;
}

.pokemon_custom_dialog .dialog_footer button:hover {
    background: linear-gradient(to bottom right, #69f6a4, #133eda);
}


@media (max-width: 500px) {
    .pokemon_custom_dialog {
        width: 95%;
        padding: 20px 10px;
    }

    .dialog_content_item.iv_ev .iv_ev_label span {
        min-width: 40px;
    }

    .pokemon_custom_dialog .dialog_content .dialog_content_item.show.iv_ev {
        gap: 20px;
    }

    .dialog_content_item .moves_item .move_select_down .select_list {
        max-height: 200px;
    }
}