.hc-gift-checkpoint__wrapper{--checkpoint-filled: #000000;--checkpoint-current: #000000;--checkpoint-empty: #d6dce0;--checkpoint-connector: #d6dce0;--checkpoint-bg: #ffffff;--checkpoint-size: 25px;--checkpoint-spacing: 14px;--connector-thickness: 4px;--text-size: 14px;--glow: 0 0 0 rgba(0, 0, 0, 0);width:100%;padding:6px 10px;background-color:var(--checkpoint-bg);box-sizing:border-box;position:relative;overflow:visible}.hc-gift-checkpoint__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--checkpoint-spacing);position:relative;padding:32px 0}.hc-gift-checkpoint__bar:before,.hc-gift-checkpoint__bar:after{content:"";position:absolute;top:50%;left:calc(var(--checkpoint-size) / 2);right:calc(var(--checkpoint-size) / 2);height:var(--connector-thickness);transform:translateY(-50%);border-radius:999px}.hc-gift-checkpoint__bar:before{background:var(--checkpoint-empty)}.hc-gift-checkpoint__bar:after{background:repeating-linear-gradient(135deg,var(--checkpoint-filled) 0,var(--checkpoint-filled) 8px,rgba(0,0,0,.6) 8px,rgba(0,0,0,.6) 16px);width:calc(var(--checkpoint-fill-ratio, 0) * (100% - var(--checkpoint-size)));position:absolute;background-size:200% 100%;animation:checkpoint-flow 8s linear infinite;transition:width 1s ease}.hc-gift-checkpoint__connector{display:none}.hc-gift-checkpoint__confetti{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;z-index:4}.hc-gift-checkpoint__checkpoint{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 var(--checkpoint-size);width:var(--checkpoint-size);height:var(--checkpoint-size);z-index:2}.hc-gift-checkpoint__circle{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background-color:var(--checkpoint-empty);border:2px solid var(--checkpoint-empty);transition:background-color .2s ease,border-color .2s ease,color .2s ease;color:transparent;font-size:12px;font-weight:700}.hc-gift-checkpoint__checkpoint--filled .hc-gift-checkpoint__circle{background-color:var(--checkpoint-filled);border-color:var(--checkpoint-filled);color:#fff}.hc-gift-checkpoint__checkpoint--current .hc-gift-checkpoint__circle{background-color:var(--checkpoint-current);border-color:var(--checkpoint-current);color:#fff}.hc-gift-checkpoint__checkpoint--filled .hc-gift-checkpoint__circle:after,.hc-gift-checkpoint__checkpoint--current .hc-gift-checkpoint__circle:after{content:"\2713"}.hc-gift-checkpoint__connector{position:absolute;top:50%;left:calc(100% + var(--checkpoint-spacing) / 2);width:var(--checkpoint-spacing);height:var(--connector-thickness);background-color:var(--checkpoint-connector);transform:translateY(-50%);z-index:1;transition:background-color .3s ease}.hc-gift-checkpoint__checkpoint--filled .hc-gift-checkpoint__connector{background-color:var(--checkpoint-filled)}.hc-gift-checkpoint__badge{position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.hc-gift-checkpoint__badge-icon{width:20px;height:20px;display:block;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.hc-gift-checkpoint__badge-icon img,.hc-gift-checkpoint__badge-icon svg{width:100%;height:100%;display:block}.hc-gift-checkpoint__badge-text{text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:700;color:#000;line-height:1.2;text-align:center;min-width:64px;white-space:nowrap}.hc-gift-checkpoint__badge-label{position:absolute;top:-36px;left:50%;transform:translate(-55%);min-width:64px;white-space:nowrap;text-align:center;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#000}.hc-gift-checkpoint__badge-tag{position:absolute;bottom:-24px;left:25%;transform:translate(-50%);min-width:70px;white-space:nowrap;text-align:center;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#000;line-height:1.2}.hc-gift-checkpoint__message{text-align:left;font-size:12px;line-height:1.4;color:var(--text, #202020);font-weight:600;padding:0}.layout-bar .hc-gift-checkpoint__bar-linear{display:flex;flex-direction:column;gap:12px}.hc-gift-checkpoint__bar-track{position:relative;height:2px;background:var(--checkpoint-empty);border-radius:999px;overflow:hidden}.hc-gift-checkpoint__bar-fill{position:absolute;top:0;left:0;height:100%;background:var(--checkpoint-filled);border-radius:999px;transition:width .25s ease}.hc-gift-checkpoint__bar-glow{display:none}.hc-gift-checkpoint__markers{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.hc-gift-checkpoint__marker{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;color:#444}.hc-gift-checkpoint__marker-dot{display:inline-block;width:25px;height:25px;border-radius:50%;background:var(--checkpoint-empty);border:2px solid var(--checkpoint-empty);transition:background-color .25s ease,border-color .25s ease,transform .25s ease,color .25s ease;display:grid;place-items:center;color:transparent;font-weight:700}.hc-gift-checkpoint__marker.is-filled .hc-gift-checkpoint__marker-dot,.hc-gift-checkpoint__marker.is-current .hc-gift-checkpoint__marker-dot{background:var(--checkpoint-filled);border-color:var(--checkpoint-filled);color:#fff}.hc-gift-checkpoint__marker.is-filled .hc-gift-checkpoint__marker-dot:after,.hc-gift-checkpoint__marker.is-current .hc-gift-checkpoint__marker-dot:after{content:"\2713"}.hc-gift-checkpoint__marker-label{display:block;margin-top:4px;font-size:12px;color:#3a3a3a}.layout-bar .hc-gift-checkpoint__badge{top:-10px}@keyframes checkpoint-flow{0%{background-position:0 0}to{background-position:-200% 0}}@media screen and (max-width: 1024px){.hc-gift-checkpoint__wrapper{--checkpoint-size: 25px;--checkpoint-spacing: 12px;--text-size: 13px}}@media screen and (max-width: 767px){.hc-gift-checkpoint__wrapper{--checkpoint-size: 22px;--checkpoint-spacing: 8px;--connector-thickness: 4px;--text-size: 12px;padding:12px 16px}.hc-gift-checkpoint__message{line-height:1.3}.hc-gift-checkpoint__markers{gap:6px}.hc-gift-checkpoint__marker-label{font-size:11px}}@media screen and (max-width: 374px){.hc-gift-checkpoint__wrapper{--checkpoint-size: 20px;--checkpoint-spacing: 6px}}.hc-gift-checkpoint__wrapper.body-x-small{--text-size: 11px}.hc-gift-checkpoint__wrapper.body-small{--text-size: 12px}.hc-gift-checkpoint__wrapper.body-medium{--text-size: 14px}.hc-gift-checkpoint__wrapper.body-large{--text-size: 16px}@media (prefers-contrast: high){.hc-gift-checkpoint__circle{border-width:4px}}@media (prefers-reduced-motion: reduce){.hc-gift-checkpoint__circle,.hc-gift-checkpoint__connector{transition:none}.hc-gift-checkpoint__checkpoint--current .hc-gift-checkpoint__circle{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hc-gift-checkpoint.css.map */