.profile-crowd-activity{margin-top:15px;padding:14px;border:1px solid #315078;border-radius:14px;background:linear-gradient(145deg,#10243e,#0c192b)}.profile-crowd-activity>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-crowd-activity>header small{color:#59aaff;font-size:10px;font-weight:900;letter-spacing:.1em}.profile-crowd-activity>header h4{display:block;margin:3px 0 0}.profile-crowd-activity>header strong{padding:6px 9px;border-radius:999px;background:#62460d;color:#ffdc75;font-size:11px}.profile-crowd-activity.is-eligible>header strong{background:#0c6d42;color:#c8ffe3}.profile-crowd-progress{height:8px;margin:13px 0 7px;overflow:hidden;border-radius:999px;background:#1a304b}.profile-crowd-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2889ff,#2de68c);transition:width .3s}.profile-crowd-activity>p{margin:0 0 10px;color:#a9bdd5;font-size:12px}.profile-crowd-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.profile-crowd-days article{display:grid;place-items:center;gap:3px;padding:8px 2px;border:1px solid #293d58;border-radius:9px;background:#122138;color:#8295ad}.profile-crowd-days b{font-size:10px}.profile-crowd-days span{font-size:9px}.profile-crowd-days i{font-size:12px}.profile-crowd-days .is-done{border-color:#13724c;background:#0c3126;color:#6cf0ad}.profile-crowd-days .is-recovered{border-color:#856616;background:#3b2d0b;color:#ffd967}.profile-crowd-note{display:block;margin-top:10px;color:#8fa2ba;line-height:1.45}.allo-light-theme .profile-crowd-activity{border-color:#bfd2e7;background:linear-gradient(145deg,#fff,#edf6ff)}.allo-light-theme .profile-crowd-days article{border-color:#d5e0ec;background:#eef3f8;color:#64748b}.allo-light-theme .profile-crowd-days .is-done{border-color:#86d5af;background:#e5fff1;color:#087345}.allo-light-theme .profile-crowd-days .is-recovered{border-color:#e7c762;background:#fff7d9;color:#8a6200}.allo-light-theme .profile-crowd-activity>p,.allo-light-theme .profile-crowd-note{color:#64748b}
@media(max-width:520px){.profile-crowd-days{gap:3px}.profile-crowd-days article{padding:7px 1px}.profile-crowd-days span{font-size:8px}.profile-crowd-activity>header{align-items:flex-start;flex-direction:column}}