.panel.streak-badges-panel{margin:18px 0 0;padding:28px;overflow:hidden}.streak-badges-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.streak-badges-heading h2{letter-spacing:-.04em;margin:5px 0 10px;font-size:27px;line-height:1.15}.streak-badges-heading>div>p:last-child{max-width:650px;color:var(--ink-soft);font-size:max(14px, var(--desktop-content-min,0px));line-height:1.65}.streak-badges-count{color:var(--forest);font-size:max(12px, var(--desktop-text-min,0px));white-space:nowrap;background:#f0f7e6;border:1px solid #d4e3bf;border-radius:999px;flex:none;padding:7px 11px;font-weight:750}.streak-badge-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.streak-badge-card{border:1px solid var(--line);text-align:center;background:#f7f9f5;border-radius:18px;flex-direction:column;align-items:center;min-width:0;padding:18px 12px 14px;display:flex}.streak-badge-card.is-earned{background:linear-gradient(160deg,#f4fae9,#fff 72%);border-color:#c8deb1;box-shadow:0 7px 20px #173f2610}.streak-badge-illustration{width:105px;height:116px;margin-bottom:12px;position:relative}.streak-badge-art{width:100%;height:100%;display:block}.streak-badge-art.is-locked{filter:grayscale();opacity:.48}.streak-badge-earned-mark{background:var(--forest);width:25px;height:25px;color:var(--lime);border:3px solid #fff;border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;bottom:4px;right:-2px}.streak-badge-card h3{letter-spacing:-.025em;font-size:16px;line-height:1.3}.streak-badge-requirement{font-size:max(12px, var(--desktop-text-min,0px));color:#4d6557;margin-top:5px;font-weight:650}.streak-badge-description{font-size:max(13px, var(--desktop-content-min,0px));color:var(--ink-soft);margin:13px 0 12px;line-height:1.55}.streak-badge-status{font-size:max(11px, var(--desktop-text-min,0px));color:#536251;margin-top:auto;line-height:1.5}.streak-badge-sharing{width:100%;min-height:44px;color:var(--forest);font-size:max(12px, var(--desktop-text-min,0px));cursor:pointer;border-top:1px solid #dbe7d0;justify-content:center;align-items:center;gap:7px;margin-top:10px;padding-top:9px;font-weight:650;display:flex}.streak-badge-sharing input{width:17px;height:17px;accent-color:var(--forest);cursor:pointer;flex:none;margin:0}.streak-badge-sharing:has(input:disabled){opacity:.65;cursor:wait}.streak-badge-not-earned{border-top:1px solid var(--line);width:100%;min-height:44px;font-size:max(12px, var(--desktop-text-min,0px));color:var(--ink-soft);margin-top:10px;padding-top:12px;display:block}.streak-badges-loading{color:var(--ink-soft);font-size:max(14px, var(--desktop-content-min,0px));padding:40px 12px}.streak-badges-error{color:#983d28;font-size:max(14px, var(--desktop-content-min,0px));margin-top:14px;line-height:1.5}.streak-badges-error button{margin-left:4px;font-weight:700;text-decoration:underline}.streak-badges-feedback{font-size:max(13px, var(--desktop-content-min,0px));color:var(--forest);margin-top:10px;line-height:1.5}.streak-badges-feedback:empty{margin:0}.streak-badges-panel .streak-badges-footer{border-top:1px solid var(--line);color:var(--ink-soft);font-size:max(12px, var(--desktop-content-min,0px));margin:22px 0 0;padding:17px 0 0;line-height:1.65;display:block}.streak-badges-footer strong{color:var(--forest)}.badge-notification-symbol{width:38px;height:38px;color:var(--forest);background:#e6f4c9;border-radius:12px;flex:none;place-items:center;font-size:23px;display:grid}.public-streak-badges .streak-badge-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.public-streak-badges .streak-badge-card{max-width:230px}@media (width<=1050px){.streak-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (width<=600px){.panel.streak-badges-panel{padding:20px 14px}.streak-badges-heading{flex-direction:column;gap:12px;margin-bottom:18px}.streak-badges-heading h2{font-size:25px}.streak-badges-heading>div>p:last-child{font-size:14px}.streak-badge-grid{gap:9px}.streak-badge-card{padding:15px 9px 10px}.streak-badge-illustration{width:88px;height:98px}.streak-badge-card h3{font-size:15px}.streak-badge-requirement{font-size:11px}.streak-badge-description{font-size:12px}.streak-badge-sharing{gap:5px;font-size:11px}.streak-badges-footer{font-size:12px}.public-streak-badges .streak-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}