.referrals-body{gap:150px}.referrals-section{flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:50px;padding:20px;display:flex}.referrals-section-image{background-color:#ff0;width:300px;height:200px}.referrals-section-text{flex-direction:column;justify-content:center;gap:20px;max-width:500px;display:flex}.referrals-section-text-header{align-items:center;gap:10px;font-size:14px;display:flex}.referrals-section-text-header p{color:var(--text-color-footer)}.referrals-section-text-header svg{color:#3d3dff}.referrals-section-text-title{color:var(--primary-color);font-size:24px;font-weight:700}.referrals-section-text-subtitle{color:var(--text-color-footer);font-size:16px}.referrals-section-text-feature{align-items:center;gap:10px;display:flex}.referrals-section-text-feature p{color:var(--text-color-footer);font-size:14px}.referrals-section-text-feature svg{color:#3d3dff}.referrals-section-button{background-color:var(--primary-color);color:#fff;cursor:pointer;border-radius:5px;width:fit-content;padding:10px 20px;font-weight:700;transition:background-color .3s}.referrals-section-button.centered{align-self:center}.referrals-section-button:hover{background-color:#3232c8}.referrals-step-number{background-color:#6596f02f;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;display:flex;color:#00f!important}.referrals-section-cta{background-color:var(--primary-color);border-radius:15px;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:50px;width:100%;padding:20px;display:flex}.referrals-section-cta-title{color:#fff;font-size:24px;font-weight:700}.referrals-section-cta-subtitle{color:#fff;font-size:16px}.referrals-section-cta-button{width:fit-content;color:var(--primary-color);cursor:pointer;background-color:#fff;border-radius:5px;padding:10px 20px;font-weight:700;transition:background-color .3s}.referrals-section-cta-button:hover{background-color:#c7c7c7}.referrals-manage-section{flex-direction:column;gap:50px;width:100%;display:flex}.referral-code-section{background-color:#9898f731;border-radius:20px;justify-content:space-between;align-self:center;align-items:center;gap:10px;width:100%;max-width:600px;padding:10px 20px;display:flex}.referral-code-input{width:70%;color:var(--text-color);box-shadow:none;background-color:#0000;border:none;border-radius:5px;padding:10px;font-size:16px;transition:all .3s}.referral-code-input.editable{background-color:#ffffff41}.referral-code-input:focus{outline:none}.referral-code-buttons{gap:10px;display:flex}.referral-code-buttons button{color:var(--primary-color)}.referral-code-buttons button:hover{color:#3232c8}.referral-error-msg{color:red;text-align:center;font-size:14px}.referrals-section-code-progress{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.referrals-section-code-progress-bar{background-color:#9898f731;border-radius:10px;width:70%;height:20px;position:relative;overflow:hidden}.referrals-section-code-progress-bar:after{content:"";background-color:var(--primary-color);height:100%;width:var(--progress-referral-width);border-radius:10px;display:block;position:absolute}.referral-withdrawal-section{z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.referral-withdrawal-overlay{z-index:-1;background-color:#0003;width:100%;height:100%;position:fixed;top:0;left:0}.referral-withdrawal-menu{background-color:#fff;border-radius:15px;flex-direction:column;align-items:start;gap:20px;width:700px;max-width:90%;padding:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.referral-withdrawal-title{color:var(--primary-color);border-bottom:1px solid var(--primary-color);width:100%;font-size:24px;font-weight:700}.referral-withdrawal-method-radio{color:var(--primary-color);align-items:center;gap:10px;width:fit-content;font-size:14px;transition:color .3s;display:flex}.referral-withdrawal-method-radio svg{width:35px;font-size:20px}.referral-withdrawal-method-radio.disabled{color:var(--text-color-footer)}.referral-withdrawal-input{width:100%;color:var(--text-color);box-shadow:none;border:1px solid #0000;border:1px solid var(--tertiary-color);background-color:#0000;border-radius:5px;padding:5px 10px;font-size:14px;transition:all .3s}.referral-withdrawal-input:focus{outline:none}.referral-withdrawal-record{border:1px solid var(--tertiary-color);border-radius:10px;flex-direction:column;gap:20px;padding:20px 30px;display:flex;position:relative}.referral-withdrawal-record-details{gap:50px;display:flex}.withdrawal-data-section{flex-direction:column;gap:5px;display:flex}.withdrawal-data-label{font-size:14px;font-weight:700}.withdrawal-data-text{align-items:center;gap:10px;font-size:14px;display:flex}.withdrawal-status{border-radius:5px;padding:5px 10px;font-size:14px;position:absolute;top:20px;right:30px}.withdrawal-status.sent{color:green;background-color:#00ff001a}.withdrawal-status.pending{color:#00f;background-color:#0000ff1a}