.gp-cartprog-host{display:none}.gp-cartprog{--gp-cartprog-h: 8px;--gp-cartprog-dot: 18px;--gp-cartprog-ms: .52s;--gp-cartprog-labelgap: 9px;--gp-cartprog-labelw: 72px;--gp-cartprog-labelgutter: 10px;--gp-cartprog-labelsize: var(--bb-t-micro);display:block;font-family:var(--bb-font-body);color:var(--bb-ink)}.gp-cartprog--drawer{flex:0 0 auto;padding:var(--bb-space-sm) var(--cart-drawer-padding, var(--bb-space-sm));border-block-end:1px solid var(--bb-line-soft);margin-block-end:var(--bb-space-md)}.gp-cartprog--cart{padding-block:var(--bb-space-2xs) var(--bb-space-md)}.gp-cartprog__msg{margin:0 0 var(--bb-space-2xs);font-size:var(--bb-t-small);line-height:var(--bb-lh-tight);letter-spacing:var(--bb-ls-tight);font-weight:500;color:var(--bb-ink);min-block-size:calc(var(--bb-t-small) * var(--bb-lh-tight))}.gp-cartprog.is-complete .gp-cartprog__msg,.gp-cartprog.is-celebrating .gp-cartprog__msg{color:var(--bb-emerald);font-weight:600}.gp-cartprog__sr{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gp-cartprog__rail-wrap{position:relative;padding-block-start:calc((var(--gp-cartprog-dot) - var(--gp-cartprog-h)) / 2);padding-block-end:calc(var(--gp-cartprog-dot) / 2 + var(--gp-cartprog-labelgap) + 2.5em);container-type:inline-size}.gp-cartprog__rail{position:relative;inline-size:100%;block-size:var(--gp-cartprog-h);border-radius:var(--bb-r-pill);background:var(--bb-line);overflow:hidden}.gp-cartprog__fill{position:absolute;inset-block:0;inset-inline-start:0;inline-size:calc(var(--gp-fill-num, 0) * (100% - var(--gp-cartprog-dot)) + var(--gp-cartprog-dot) / 2);border-radius:inherit;overflow:hidden;transition:inline-size var(--gp-cartprog-ms) var(--bb-panel-ease)}.gp-cartprog__fill:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:100vw;inline-size:100cqi;background-image:linear-gradient(90deg,var(--bb-gold) 0%,var(--bb-emerald) 100%)}.gp-cartprog__stops{position:absolute;inset-block-start:calc((var(--gp-cartprog-dot) - var(--gp-cartprog-h)) / 2);inset-inline:0;block-size:var(--gp-cartprog-h);pointer-events:none}.gp-cartprog__stop{position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--gp-at-num, 0) * (100% - var(--gp-cartprog-dot)) + var(--gp-cartprog-dot) / 2);margin-inline-start:calc(var(--gp-cartprog-dot) / -2);margin-block-start:calc(var(--gp-cartprog-dot) / -2);inline-size:var(--gp-cartprog-dot);block-size:var(--gp-cartprog-dot);display:flex;flex-direction:column;align-items:center}.gp-cartprog__dot{position:relative;flex:0 0 auto;inline-size:var(--gp-cartprog-dot);block-size:var(--gp-cartprog-dot);display:grid;place-items:center;box-sizing:border-box;border-radius:50%;background:var(--bb-cream);border:2px solid var(--bb-line);color:var(--bb-cream);transition:background-color .26s var(--bb-panel-ease) .18s,border-color .26s var(--bb-panel-ease) .18s}.gp-cartprog__dot svg{inline-size:11px;block-size:11px;opacity:0;transform:scale(.55);transition:opacity .2s var(--bb-panel-ease) .2s,transform .26s var(--bb-panel-ease) .2s}.gp-cartprog__stop.is-reached .gp-cartprog__dot{background:var(--bb-emerald);border-color:var(--bb-emerald)}.gp-cartprog__stop.is-reached .gp-cartprog__dot svg{opacity:1;transform:none}.gp-cartprog__label{position:absolute;inset-block-start:calc(var(--gp-cartprog-dot) + var(--gp-cartprog-labelgap));inline-size:clamp(56px,calc(var(--gp-room-num, .25) * (100cqi - var(--gp-cartprog-dot)) - var(--gp-cartprog-labelgutter)),112px);text-align:center;font-family:var(--bb-font-body);font-size:var(--gp-cartprog-labelsize);line-height:1.25;font-weight:600;letter-spacing:var(--bb-ls-tight);color:var(--bb-ink-soft);text-wrap:balance}.gp-cartprog__stop.is-reached .gp-cartprog__label{color:var(--bb-emerald)}.gp-cartprog__stop.is-edge-start .gp-cartprog__label{text-align:start;inset-inline-start:calc(var(--gp-cartprog-dot) / -2)}.gp-cartprog__stop.is-edge-end .gp-cartprog__label{text-align:end;inset-inline-end:calc(var(--gp-cartprog-dot) / -2)}.gp-cartprog__stop.is-edge-start.is-edge-end .gp-cartprog__label{text-align:center;inset-inline:auto}.gp-cartprog__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--bb-gold);opacity:0;pointer-events:none}.gp-cartprog__stop.is-pop .gp-cartprog__dot{animation:gp-cartprog-bump .62s var(--bb-panel-ease) .18s}.gp-cartprog__stop.is-pop .gp-cartprog__dot:after{animation:gp-cartprog-ring .9s var(--bb-panel-ease) .18s}@keyframes gp-cartprog-bump{0%,to{transform:scale(1)}40%{transform:scale(1.28)}}@keyframes gp-cartprog-ring{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.gp-cartprog--replay .gp-cartprog__dot{transition-delay:calc(var(--gp-at-num, 1) * var(--gp-cartprog-ms))}.gp-cartprog--replay .gp-cartprog__dot svg{transition-delay:calc(var(--gp-at-num, 1) * var(--gp-cartprog-ms) + 60ms)}.gp-cartprog--reset .gp-cartprog__fill,.gp-cartprog--reset .gp-cartprog__dot,.gp-cartprog--reset .gp-cartprog__dot svg{transition:none}@media(prefers-reduced-motion:reduce){.gp-cartprog__fill,.gp-cartprog__dot,.gp-cartprog__dot svg,.gp-cartprog--replay .gp-cartprog__dot,.gp-cartprog--replay .gp-cartprog__dot svg{transition-duration:1ms;transition-delay:0s}.gp-cartprog__stop.is-pop .gp-cartprog__dot,.gp-cartprog__stop.is-pop .gp-cartprog__dot:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/gp-cart-progress.css.map */