.money-dollar {
    color: #4CAF50;
}

.money-dollar-danger {
    transition: color 150ms;
    color: #e43030;
}

.money-fake {
    color: #4CAF50BF;
}

.btn:hover .money-dollar-danger {
    color: white; 
}

.money-fake-danger {
    transition: color 150ms;
    color: #e43030bf;
}

.btn:hover .money-fake-danger {
    color: white; 
}

.money-coin {
    color: #4DB9F4;
}

.money-xp {
    color: #E46AFB;
}

.money-trophy {
    color: #82E586;
}

/* Widgets */

#loading-overlay {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;
    background-color: var(--bs-dark);
    z-index: 2000;
    color: var(--bs-light);
}

div.user-avatar-container {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 96px;
    height: 96px;
}

div.user-avatar-container img.user-avatar-avatar {
    position: absolute;
    width: 72px;
    height: 72px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
}

div.user-avatar-container img.user-avatar-frame {
    position: absolute;
    width: 96px;
    height: 96px;
    top: 0;
    left: 0;
}

/* Custom buttons */

.btn-tertiary {
    --c1: #ff69b4;
    --c2: #ff1493;
    --c3: #c71585;
    --c4: #8b004b;

    --bs-btn-color: #fff;
    --bs-btn-bg: var(--c1);
    --bs-btn-border-color: var(--c1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--c2);
    --bs-btn-hover-border-color: var(--c3);
    --bs-btn-focus-shadow-rgb: 199,21,133;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--c3);
    --bs-btn-active-border-color: var(--c4);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--c1);
    --bs-btn-disabled-border-color: var(--c1);
}