.peak-stamps{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(4px,1.5vw,9px);max-width:100%;margin:18px 0 10px}.peak-stamp{aspect-ratio:1;min-width:0;border:1.5px solid #ffffff8a;border-radius:50%;display:grid;place-items:center;background:#ffffff12;color:#143d2e;transition:background .25s ease,transform .25s ease,border-color .25s ease}.peak-stamp.is-earned{background:#d8f68a;border-color:#d8f68a;box-shadow:0 2px 8px #071f132c}.peak-stamp.is-earned svg{width:62%;height:62%}@media(min-width:420px){.peak-stamps{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.peak-stamp{transition:none}}
.peak-progress-track{height:14px;width:100%;overflow:hidden;border-radius:999px;background:#ffffffdd;margin:18px 0 10px}.peak-progress-fill{display:block;height:100%;border-radius:inherit;background:#d8f68a;min-width:0}.peak-progress-fill.is-advancing{animation:peak-fill-grow .65s cubic-bezier(.2,.75,.2,1) both}.peak-stamp.is-new{animation:peak-stamp-pop .65s cubic-bezier(.2,.75,.2,1) both}@keyframes peak-fill-grow{from{width:var(--progress-from)}to{width:var(--progress-to)}}@keyframes peak-stamp-pop{0%{transform:scale(.65);background:#ffffff12}60%{transform:scale(1.16)}100%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.peak-progress-fill.is-advancing,.peak-stamp.is-new{animation:none}}