.credit-display[data-v-707adda1]{align-items:center;background:#b48ded;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;height:24px;justify-content:center;padding:0 28px;position:relative}.credit-display .credit-icon[data-v-707adda1]{height:28px;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:28px;z-index:1}.credit-display .credit-content[data-v-707adda1]{align-items:center;color:#1f0038;display:flex;height:100%;justify-content:center;left:-2px;line-height:1;position:relative}.credit-display .credit-amount[data-v-707adda1]{align-items:center;display:flex;font-size:13px;font-weight:600;height:100%;position:relative;transition:transform .3s,color .3s}.credit-display .credit-amount.increase[data-v-707adda1]{animation:pulse-increase-707adda1 .6s ease-in-out;color:#00c853}.credit-display .credit-amount.decrease[data-v-707adda1]{animation:pulse-decrease-707adda1 .6s ease-in-out;color:#ff5252}.credit-display .credit-amount .change-indicator[data-v-707adda1]{font-size:12px;font-weight:700;opacity:0;position:absolute;white-space:nowrap}.credit-display .credit-amount .change-indicator.increase[data-v-707adda1]{animation:float-up-707adda1 1.5s ease-out forwards;color:#00c853;right:0;top:-16px}.credit-display .credit-amount .change-indicator.decrease[data-v-707adda1]{animation:float-down-707adda1 1.5s ease-out forwards;bottom:-16px;color:#ff5252;right:0}.credit-display .add-button[data-v-707adda1]{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:background-color .3s;width:20px;z-index:1}.credit-display .add-button svg[data-v-707adda1]{height:24px;width:24px}.credit-display .add-button[data-v-707adda1]:hover{background:#ffffff4d}.credit-display .add-button[data-v-707adda1]:active{background:#ffffff26}@keyframes pulse-increase-707adda1{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse-decrease-707adda1{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}@keyframes float-up-707adda1{0%{opacity:0;transform:translateY(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-20px)}}@keyframes float-down-707adda1{0%{opacity:0;transform:translateY(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(20px)}}