@import"https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.bonus-progress-container{background:radial-gradient(120% 140% at 100% 0,color-mix(in srgb,var(--brand-accent,#ff8000) 12%,transparent),transparent 62%),var(--profile-card-bg,#121212);border:1px solid color-mix(in srgb,var(--brand-accent,#ff8000) 28%,transparent);border-radius:var(--profile-card-radius,10px);overflow:hidden;padding:1.25rem;position:relative}.bonus-progress-container .bonus-progress-watermark{color:var(--brand-accent,#ff8000);font-size:5rem;opacity:.07;pointer-events:none;position:absolute;right:1.5rem;top:1.25rem;transform:rotate(-12deg)}.bonus-progress-container .bonus-progress-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem;position:relative;z-index:1}.bonus-progress-container .bonus-progress-identity{align-items:center;display:flex;gap:.75rem;min-width:0}.bonus-progress-container .bonus-progress-icon{align-items:center;background:color-mix(in srgb,var(--brand-accent,#ff8000) 16%,transparent);border-radius:var(--brand-radius,12px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-accent,#ff8000) 35%,transparent);color:var(--brand-accent,#ff8000);display:flex;flex-shrink:0;font-size:1.0625rem;height:44px;justify-content:center;width:44px}.bonus-progress-container .bonus-progress-titles{display:flex;flex-direction:column;gap:.125rem;min-width:0}.bonus-progress-container .bonus-progress-name{color:#fff;font-size:1.0625rem;font-weight:700;line-height:1.2;margin-bottom:0}.bonus-progress-container .bonus-progress-campaign{color:#ffffff8c;font-size:.8125rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bonus-progress-container .bonus-progress-resume{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.bonus-progress-container .bonus-progress-state{align-items:center;background:color-mix(in srgb,var(--action-success,#30d158) 14%,transparent);border:1px solid color-mix(in srgb,var(--action-success,#30d158) 32%,transparent);border-radius:var(--brand-radius,8px);color:var(--action-success,#30d158);display:inline-flex;font-size:.75rem;font-weight:600;line-height:1.3;padding:.3125rem .75rem}.bonus-progress-container .bonus-progress-detail{align-items:stretch;display:flex;gap:1.25rem;position:relative;z-index:1}.bonus-progress-container .bonus-progress-rollover{background:#00000040;border:1px solid hsla(0,0%,100%,.07);border-radius:var(--profile-card-radius,12px);flex:1;min-width:0;padding:.9375rem 1rem}.bonus-progress-container .bonus-progress-rollover-head{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.625rem}.bonus-progress-container .bonus-progress-label{color:#ffffff80;font-size:.6875rem;font-weight:600;letter-spacing:.06em;line-height:1;text-transform:uppercase}.bonus-progress-container .bonus-progress-rollover-condition{background:color-mix(in srgb,var(--brand-accent,#ff8000) 14%,transparent);border-radius:var(--brand-radius,6px);color:var(--brand-accent,#ff8000);font-size:.6875rem;font-weight:700;letter-spacing:.04em;line-height:1;padding:.25rem .5rem;text-transform:uppercase}.bonus-progress-container .bonus-progress-bar{background:#ffffff14;border-radius:var(--brand-radius,8px);height:.5rem;overflow:hidden}.bonus-progress-container .bonus-progress-bar-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--brand-accent,#ff8000) 55%,#fff),var(--brand-accent,#ff8000));border-radius:var(--brand-radius,8px);height:100%;transition:width .3s ease}.bonus-progress-container .bonus-progress-rollover-foot{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:.5rem}.bonus-progress-container .bonus-progress-percentage{color:var(--brand-accent,#ff8000);font-size:.75rem;font-weight:700;line-height:1}.bonus-progress-container .bonus-progress-rollover-total{color:#ffffff80;font-size:.75rem;line-height:1}.bonus-progress-container .bonus-progress-requirements{margin-top:1.25rem;position:relative;z-index:1}.bonus-progress-container .bonus-progress-requirement{align-items:flex-start;display:flex;gap:.625rem}.bonus-progress-container .bonus-progress-requirement-icon{align-items:center;background:color-mix(in srgb,var(--action-success,#30d158) 16%,transparent);border-radius:50%;color:var(--action-success,#30d158);display:inline-flex;flex:0 0 auto;font-size:.625rem;height:20px;justify-content:center;margin-top:.0625rem;width:20px}.bonus-progress-container .bonus-progress-requirement-detail{display:flex;flex-direction:column;gap:.125rem}.bonus-progress-container .bonus-progress-requirement-name{color:#e6e6e6;font-size:.875rem;font-weight:600;line-height:1.3}.bonus-progress-container .bonus-progress-requirement-description{color:#ffffff80;font-size:.8125rem;line-height:1.35}.bonus-progress-container .bonus-progress-claim{align-items:center;border-top:1px solid var(--profile-card-border,#414243);display:flex;gap:1rem;justify-content:space-between;margin-top:1.25rem;padding-top:1.25rem;position:relative;z-index:1}.bonus-progress-container .bonus-progress-claim-message{align-items:center;color:#fff9;display:flex;font-size:.8125rem;gap:.5rem;line-height:1.3}.bonus-progress-container .bonus-progress-claim-message i{color:var(--brand-accent,#ff8000);font-size:.9375rem}.bonus-progress-container .bonus-progress-claim-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.bonus-progress-container .bonus-progress-claim-actions .el-button{margin:0}.bonus-progress-container .bonus-progress-claim-actions .btn{height:44px;min-height:44px;min-width:104px}.bonus-progress-container .btn-bonus-icon{align-items:center;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:var(--brand-radius,10px);color:#ffffffbf;display:inline-flex;height:44px;justify-content:center;min-width:44px;padding:0;transition:background .18s ease,border-color .18s ease,color .18s ease;width:44px}.bonus-progress-container .btn-bonus-icon i{font-size:.95rem}.bonus-progress-container .btn-bonus-icon:hover{background:#ffffff1a;border-color:var(--brand-accent,#ff8000);color:var(--brand-accent,#ff8000)}@media screen and (max-width:991px){.bonus-progress-container{padding:1rem}.bonus-progress-container .bonus-progress-watermark{font-size:3.5rem;right:1rem;top:1rem}.bonus-progress-container .bonus-progress-head{align-items:center;gap:.75rem;margin-bottom:1rem}.bonus-progress-container .bonus-progress-icon{font-size:.9375rem;height:38px;width:38px}.bonus-progress-container .bonus-progress-name{font-size:.9375rem}.bonus-progress-container .bonus-progress-campaign{font-size:.75rem}.bonus-progress-container .bonus-progress-rollover-head{align-items:flex-start;flex-direction:column;gap:.5rem}.bonus-progress-container .bonus-progress-detail{flex-direction:column;gap:1rem}.bonus-progress-container .bonus-progress-requirements{margin-top:1rem}.bonus-progress-container .bonus-progress-claim{align-items:stretch;flex-direction:column;gap:.875rem}.bonus-progress-container .bonus-progress-claim-message{justify-content:center;text-align:center}.bonus-progress-container .bonus-progress-claim-actions{width:100%}.bonus-progress-container .bonus-progress-claim-actions .btn{flex:1}}