.action-modal.invite {}
.action-modal.invite .invite-top-money {
    width: 377px;
    height: 98px;
    background-image: url(../../system/modals-action/invite/invite-money.png)
}

.action-modal.invite .action-modal-body {}
.action-modal.invite .action-modal-body .invite-title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
}
.action-modal.invite .action-modal-body .invite-money {
    color: #F7D827;
    font-size: 64px;
    font-weight: 700;
    font-style: italic;
    text-align: center;
}

.action-modal.invite .action-modal-body .invite-money span,
.action-modal.invite .action-modal-body .invite-money span span {
    color: #F7D827;
}

.action-modal.invite .action-modal-body .invite-slot {display: flex;align-items: center;justify-content: center;margin-bottom: 30px;margin-top: 15px;}

.action-modal.invite .action-modal-body .invite-slot .slot {
    width: 101px;
    height: 101px;
    background: #101626;
    border-radius: 50%;
    border: 1px dashed #4F546A;
    display: flex;
    justify-content: center;
    align-items: center;
}

.action-modal.invite .action-modal-body .invite-slot .slot svg {
    animation: slot-svg-animation linear 1s infinite;
}

@keyframes slot-svg-animation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.action-modal.invite .action-modal-body .invite-slot .coins {
    width: 82px;
    height: 52px;
    background: url(../../system/modals-action/invite/invite-coins.png);
    position: absolute;
    transform: translate(51px, 20px);
}

@media (max-height: 430px) {
    .action-modal.invite .invite-top-money {
        display: none;
    }
}