.sp-retention{--g:clamp(16px,2vw,28px);grid-template-columns:max-content minmax(72px,1fr) max-content;margin:0;display:grid}.sp-ret-row,.sp-retention dd{display:contents}.sp-retention dt,.sp-ret-track,.sp-ret-v{border-bottom:1px solid var(--rule);align-self:stretch;align-items:center;padding:18px 0;display:flex}.sp-ret-row:first-child>dt,.sp-ret-row:first-child .sp-ret-track,.sp-ret-row:first-child .sp-ret-v{border-top:1px solid var(--rule)}.sp-retention dt{padding-right:var(--g);color:var(--ink);font-size:19px;font-weight:850}.sp-retention dd{margin:0}.sp-ret-track{position:relative}.sp-ret-track:before{content:"";left:0;right:var(--g);border-radius:var(--r-pill);background:var(--paper-2);height:12px;margin-top:-6px;position:absolute;top:50%}.sp-retention.is-grey .sp-ret-track:before{background:var(--paper-3)}.sp-ret-track i{border-radius:var(--r-pill);background:var(--accent);height:12px;margin-top:-6px;position:absolute;top:50%;left:0}.sp-ret-track.is-flash i{width:12px}.sp-ret-track.is-month i{width:calc((100% - var(--g)) * .38)}.sp-ret-track.is-open i{width:calc(100% - var(--g));background:linear-gradient(90deg,var(--ink) 0 calc(100% - 28px),transparent calc(100% - 28px)),repeating-linear-gradient(90deg,var(--ink) 0 6px,transparent 6px 10px)}.sp-ret-v{color:var(--ink);text-align:right;justify-content:flex-end;font-size:17px;font-weight:800}.sp-ret-wrap{container-type:inline-size}@container (max-width:560px){.sp-retention{flex-direction:column;display:flex}.sp-ret-row{border-bottom:1px solid var(--rule);flex-direction:column;gap:10px;padding:18px 0;display:flex}.sp-ret-row:first-child{border-top:1px solid var(--rule)}.sp-retention dd{flex-direction:column;gap:10px;display:flex}.sp-retention{--g:0px}.sp-retention dt,.sp-ret-track,.sp-ret-v{padding:0;border:0!important}.sp-ret-track{height:12px}.sp-ret-v{text-align:left;justify-content:flex-start}}