.gercep-item-payment .payment-item{min-height:50px;max-height:70px;padding:5px 0}.withBorder{border-bottom:1px solid rgb(var(--background-main-rgb))}.gercep-item-payment .wrap-flex{gap:10px}.gercep-item-payment .img-wrap{padding:5px}.gercep-item-payment .img-wrap img{border-radius:5px}.gercep-item-payment p.rekomendasi{height:15px;padding:0 5px;background:rgb(var(--soft-green));font-size:8px;line-height:15px;color:rgb(var(--dark-green));border-radius:9999px;font-weight:700}.gercep-item-payment .right-side{padding-right:26px;position:relative}.gercep-item-payment .right-side p{line-height:1em}.gercep-item-payment .dotted{border:1px solid rgb(var(--shade-75));width:16px;height:16px;position:absolute;right:0;border-radius:9999px}.gercep-item-payment .payment-item:hover .dotted{border-color:rgb(var(--purple))}.gercep-item-payment .payment-item.active .dotted{border-color:rgb(var(--purple));background-color:rgb(var(--white))}.gercep-item-payment .payment-item.active .dotted:after{content:"";width:10px;height:10px;background:rgb(var(--purple));top:2px;left:2px;position:absolute;border-radius:9999px}.gercep-item-payment .payment-item .left-side .name-wrap span.not-enough{color:rgb(var(--color-red))}.gercep-item-payment .payment-item.disable .dotted{border-color:rgb(var(--color-shade-100));background-color:rgb(var(--color-shade-75))}.gercep-item-payment .payment-item.disable .dotted:after{content:"";width:10px;height:10px;background:rgb(var(--color-shade-75));top:2px;left:2px;position:absolute;border-radius:9999px}