.bonus_page{display:flex;flex-direction:column;gap:15px;height:min-content;width:100%}.bonus_grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));width:100%}.bonus_card_skeleton{border-radius:10px;height:212px}.bonus_card{background:#161616;border-radius:10px;display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:20px;position:relative}.bonus_card_glow{background:radial-gradient(circle,color-mix(in srgb,var(--bonus-accent,#6080ff) 22%,transparent) 0,transparent 70%);border-radius:50%;height:240px;pointer-events:none;position:absolute;right:-70px;top:-110px;width:240px}.bonus_card_top{align-items:center;display:flex;gap:10px;justify-content:space-between;position:relative}.bonus_card_icon{align-items:center;background:color-mix(in srgb,var(--bonus-accent,#6080ff) 16%,transparent);border-radius:10px;display:flex;height:52px;justify-content:center;width:52px}.bonus_card_icon svg{fill:var(--bonus-accent,#6080ff);height:28px;width:28px}.bonus_card_reward{background:rgba(133,244,121,.1);border-radius:7px;color:#85f479;font-size:15px;font-weight:800;padding:7px 13px;white-space:nowrap}.bonus_card_body{display:grid;gap:6px;position:relative}.bonus_card_name{color:#fff;font-size:17px;font-weight:700;letter-spacing:-.02em}.bonus_card_desc{color:hsla(0,0%,100%,.5);font-size:14px;font-weight:500;line-height:1.45}.bonus_card_foot{margin-top:auto}.bonus_card_actions{display:flex;gap:10px}.bonus_card_action{flex:1 1 0;min-width:0}.bonus_card_done{align-items:center;color:#85f479;display:inline-flex;font-size:14px;font-weight:700;gap:8px;height:40px}.bonus_card_done svg{fill:#85f479;height:14px;width:14px}.bonus_card.is_locked .bonus_card_icon{opacity:.6}.bonus_card.is_received .bonus_card_glow{opacity:.35}.bonus_card.is_received .bonus_card_icon{opacity:.5}.bonus_card.is_received .bonus_card_desc,.bonus_card.is_received .bonus_card_name{opacity:.7}.bonus_card.is_received .bonus_card_reward{background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.5);font-size:13px}@media(max-width:768px){.bonus_grid{grid-template-columns:1fr}.bonus_card_actions{flex-direction:column}}