.community-milestone-meter{--community-aqua: #edf8f9;--community-aqua-strong: #c7eef2;--community-teal: #006f80;--community-yellow: #ffe019;--community-ink: #171717;--community-white: #fff;--community-cream: #faf7ef;--community-muted: #4f5858;--community-ease: cubic-bezier(.16, 1, .3, 1);background:var(--community-aqua);color:var(--community-ink);font-family:Poppins,Arial,sans-serif}.community-milestone-meter *,.community-milestone-meter *:before,.community-milestone-meter *:after{box-sizing:border-box}.community-milestone-meter__frame{padding-block:clamp(2.125rem,6vw,4.5rem)}.community-milestone-meter--full .community-milestone-meter__frame{padding-block:clamp(.75rem,1vw,1rem)}.community-milestone-meter__diagnostic{margin-bottom:1rem;padding:.875rem 1rem;border:2px solid var(--community-ink);border-radius:.5rem;background:var(--community-yellow);color:var(--community-ink);font-size:.875rem;font-weight:700}.community-milestone-meter__card,.community-milestone-meter__compact-card{border:2px solid var(--community-ink);border-radius:.875rem;background:var(--community-white);box-shadow:7px 7px 0 var(--community-ink);overflow:hidden}.community-milestone-meter__intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.75rem;align-items:end;padding:clamp(1rem,1.5vw,1.5rem)}.community-milestone-meter h2,.community-milestone-meter h3,.community-milestone-meter strong,.community-milestone-meter__amount{font-family:Petrona,Georgia,serif}.community-milestone-meter__intro h2{max-width:19ch;margin:0;font-size:clamp(1.8rem,4vw,3.15rem);font-weight:700;letter-spacing:-.035em;line-height:.98;text-wrap:balance}.community-milestone-meter__total-lockup{text-align:right;white-space:nowrap}.community-milestone-meter__total-lockup strong{display:block;font-size:clamp(2.3rem,5vw,4.3rem);font-weight:700;letter-spacing:-.045em;line-height:.86}.community-milestone-meter__total-lockup span{display:block;margin-top:.625rem;color:var(--community-muted);font-size:.82rem;font-weight:600}.community-milestone-meter__progress-wrap{padding:0 clamp(1.5625rem,4vw,2.75rem) .5rem}.community-milestone-meter__progress-head{display:flex;justify-content:space-between;gap:1.125rem;align-items:end;margin-bottom:.6875rem}.community-milestone-meter__progress-head p{margin:0;color:var(--community-muted);font-size:.78rem}.community-milestone-meter__progress-head strong{color:var(--community-ink);font-family:inherit}.community-milestone-meter__progress-shell{position:relative;padding-bottom:1.5rem}.community-milestone-meter__track{position:relative;height:18px;border:2px solid var(--community-ink);border-radius:999px;background:#e7ece9;overflow:hidden}.community-milestone-meter__fill{position:absolute;inset:0 auto 0 0;display:block;width:0;background:#ffe019;transition:width .65s var(--community-ease)}.community-milestone-meter__threshold{position:absolute;left:var(--threshold-position);top:9px;z-index:2;width:0;height:0}.community-milestone-meter--full .community-milestone-meter__track{height:32px}.community-milestone-meter--full .community-milestone-meter__threshold{top:16px}.community-milestone-meter__threshold-icon{position:absolute;left:0;top:0;display:grid;place-items:center;width:1.5rem;height:1.5rem;border:2px solid var(--community-ink);border-radius:50%;background:var(--community-white);color:transparent;font-family:Poppins,Arial,sans-serif;font-size:.82rem;font-weight:700;line-height:1;transform:translate(-50%,-50%);transition:width .25s var(--community-ease),height .25s var(--community-ease),background-color .25s var(--community-ease),color .25s var(--community-ease)}.community-milestone-meter__threshold[data-status=unlocked] .community-milestone-meter__threshold-icon{width:1.75rem;height:1.75rem;background:var(--community-yellow);color:var(--community-ink)}.community-milestone-meter__threshold[data-status=next] .community-milestone-meter__threshold-icon{width:1.75rem;height:1.75rem;color:var(--community-ink)}.community-milestone-meter__threshold-amount{position:absolute;left:0;top:1.125rem;color:var(--community-muted);font-size:.875rem;font-weight:700;line-height:1;transform:translate(-50%);white-space:nowrap}.community-milestone-meter__next-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.625rem clamp(1.5625rem,4vw,2.75rem);border-block:2px solid var(--community-ink);background:var(--community-yellow)}.community-milestone-meter__next-badge{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:2px solid var(--community-ink);border-radius:50%;background:var(--community-white);box-shadow:3px 3px 0 var(--community-ink);font-size:1rem;font-weight:700}.community-milestone-meter__next-strip p{margin:0;font-size:.92rem;line-height:1.4}.community-milestone-meter__next-strip p>span{display:block;margin-bottom:.125rem;font-size:.7rem;font-weight:700}.community-milestone-meter__next-strip p>strong{font-size:1.08rem}.community-milestone-meter__remaining{font-size:.78rem;font-weight:700;text-align:right}.community-milestone-meter__milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:var(--community-ink)}.community-milestone-meter__milestone{min-height:10rem;padding:1.125rem 1.5rem;background:var(--community-white);color:var(--community-ink);transition:background-color .3s var(--community-ease),box-shadow .3s var(--community-ease)}.community-milestone-meter__milestone[data-status=unlocked]{background:#fffbe3}.community-milestone-meter__milestone[data-status=next]{background:var(--community-aqua-strong);box-shadow:inset 0 0 0 3px var(--community-teal)}.community-milestone-meter__milestone-top{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin-bottom:.75rem}.community-milestone-meter__amount{font-size:1.6rem;font-weight:700;line-height:1}.community-milestone-meter__state{display:inline-flex;gap:.3125rem;align-items:center;color:#5d6663;font-size:.78rem;font-weight:700}.community-milestone-meter__milestone[data-status=unlocked] .community-milestone-meter__state{color:#574d00}.community-milestone-meter__milestone[data-status=next] .community-milestone-meter__state{color:#004e59}.community-milestone-meter__state-icon{display:grid;place-items:center;width:1.5rem;height:1.5rem;border:1.5px solid currentColor;border-radius:50%;font-size:.72rem}.community-milestone-meter__milestone[data-status=next] .community-milestone-meter__state-icon{border-color:var(--community-ink);background:var(--community-ink);color:var(--community-white)}.community-milestone-meter__milestone h3{margin:0 0 .625rem;font-size:clamp(1.35rem,2vw,1.6rem);font-weight:700;line-height:1.15;text-wrap:balance}.community-milestone-meter__milestone p{margin:0;color:var(--community-muted);font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.55;text-wrap:pretty}.community-milestone-meter__freshness{margin:0;color:var(--community-muted);font-size:.72rem;line-height:1.5}.community-milestone-meter :focus-visible{outline:3px solid var(--community-teal);outline-offset:4px}.community-milestone-meter--compact{background:var(--community-cream)}.community-milestone-meter__compact-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(26.25rem,1.1fr)}.community-milestone-meter__compact-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.625rem,5vw,3.125rem);background:var(--community-yellow)}.community-milestone-meter__compact-copy>p:first-child{margin:0 0 .625rem;font-size:.75rem;font-weight:700}.community-milestone-meter__compact-copy h2{margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:-.03em;line-height:.98;text-wrap:balance}.community-milestone-meter__compact-copy>p:last-of-type{margin:0;color:#393714;font-size:.87rem;line-height:1.6}.community-milestone-meter__text-link{display:inline-flex;align-items:center;align-self:flex-start;min-height:44px;margin-top:.625rem;color:var(--community-ink);font-size:.78rem;font-weight:700;text-decoration-thickness:2px;text-underline-offset:4px}.community-milestone-meter__compact-progress{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.625rem,5vw,3.125rem);background:var(--community-aqua)}.community-milestone-meter__compact-top{display:flex;justify-content:space-between;gap:1.25rem;align-items:end;margin-bottom:1.125rem}.community-milestone-meter__compact-top h3{margin:0 0 .3125rem;font-size:1.35rem;font-weight:700;line-height:1}.community-milestone-meter__compact-top p{margin:0;color:var(--community-muted);font-size:.76rem;line-height:1.4}.community-milestone-meter__compact-top>strong{font-size:clamp(1.8rem,4vw,2.7rem);font-weight:700;line-height:.9;white-space:nowrap}.community-milestone-meter__compact-next{display:flex;justify-content:space-between;gap:1.25rem;align-items:start;margin-top:.9375rem;padding-top:.9375rem;border-top:1px solid #9ab2b2;font-size:.77rem;line-height:1.45}.community-milestone-meter__compact-next strong,.community-milestone-meter__compact-next>span>span{display:block}.community-milestone-meter__compact-next strong{margin-bottom:.1875rem;font-size:.96rem}.community-milestone-meter__compact-next>span:last-child{color:var(--community-muted);text-align:right}.community-milestone-meter__compact-progress .community-milestone-meter__freshness{margin-top:.75rem}@media(max-width:900px){.community-milestone-meter__milestones{grid-template-columns:repeat(2,minmax(0,1fr))}.community-milestone-meter__compact-card{grid-template-columns:1fr}}@media(max-width:640px){.community-milestone-meter__intro{grid-template-columns:1fr;align-items:start}.community-milestone-meter__total-lockup{text-align:left}.community-milestone-meter__progress-head,.community-milestone-meter__compact-top,.community-milestone-meter__compact-next{flex-direction:column;align-items:flex-start}.community-milestone-meter__progress-head{gap:.25rem}.community-milestone-meter__next-strip{grid-template-columns:auto minmax(0,1fr);align-items:start}.community-milestone-meter__remaining{grid-column:1 / -1;text-align:left}.community-milestone-meter__milestones{grid-template-columns:1fr}.community-milestone-meter__milestone{min-height:0}.community-milestone-meter__compact-next>span:last-child{text-align:left}}@media(prefers-reduced-motion:reduce){.community-milestone-meter *,.community-milestone-meter *:before,.community-milestone-meter *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/community-milestone-meter.css.map */