.gift-bar{--gift-bar-pink: var(--secondary-button-background);--gift-bar-green: var(--primary-button-background);--gift-bar-success: var(--tonic-color);--gift-bar-surface: rgb(var(--secondary-background));--gift-bar-track: rgb(var(--background));--gift-bar-on-dark: rgb(var(--primary-button-text-color));--gift-bar-pink-soft: rgba(var(--secondary-button-background), .08);--gift-bar-icon-size: 28px;--gift-bar-head-gap: 12px;--gift-bar-thumb-size: 28px;position:relative;display:grid;flex-shrink:0;gap:2px;margin:12px 0 4px;padding:8px 16px 12px;overflow:hidden;text-align:start;background:var(--gift-bar-surface);border:2px solid var(--gift-bar-pink-soft);border-radius:16px}.gift-bar.gift-bar p.gift-bar__title,.gift-bar.gift-bar p.gift-bar__sub{margin:0}.gift-bar__title{color:rgb(var(--gift-bar-green));font-size:13px;font-weight:700;line-height:1.35}.gift-bar__amount{color:rgb(var(--gift-bar-pink));font-size:1.1em;white-space:nowrap}.gift-bar__sub{font-size:11px;font-weight:400;opacity:.75}.gift-bar__head{display:flex;flex-wrap:wrap;gap:8px var(--gift-bar-head-gap);align-items:center}.gift-bar__text{display:grid;flex:1 1 calc(100% - var(--gift-bar-icon-size) - var(--gift-bar-head-gap));gap:2px;min-width:0}.gift-bar__icon{display:grid;flex-shrink:0;place-items:center;width:var(--gift-bar-icon-size);height:var(--gift-bar-icon-size);color:rgb(var(--gift-bar-pink));background:var(--gift-bar-pink-soft);border-radius:50%}.gift-bar__icon svg{display:block}.gift-bar__tag{display:flex;gap:8px;align-items:center;margin-inline-start:calc(var(--gift-bar-icon-size) + var(--gift-bar-head-gap));padding:3px 6px;font-weight:var(--text-font-bold-weight);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.gift-bar__tag--near{color:rgb(var(--gift-bar-pink));background:var(--gift-bar-pink-soft)}.gift-bar__tag--won{color:var(--gift-bar-on-dark);background:rgb(var(--gift-bar-green))}.gift-bar__track{position:relative;height:10px;margin-block-start:12px;background:var(--gift-bar-track);border-radius:999px}.gift-bar__fill{position:relative;width:calc(var(--progress) * 100%);height:100%;overflow:hidden;background:rgb(var(--gift-bar-pink));border-radius:999px;transition:width .7s cubic-bezier(.2,.8,.2,1)}.gift-bar__fill:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(110deg,transparent 20%,rgba(var(--secondary-background),.45) 45%,transparent 70%);animation:gift-bar-shine 2.2s infinite}.gift-bar__thumb{position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--progress) * 100%);z-index:3;display:grid;place-items:center;width:var(--gift-bar-thumb-size);height:var(--gift-bar-thumb-size);margin-block-start:calc(var(--gift-bar-thumb-size) / -2);margin-inline-start:calc(var(--gift-bar-thumb-size) / -2);color:rgb(var(--gift-bar-pink));background:var(--gift-bar-surface);border:2px solid rgb(var(--gift-bar-pink));border-radius:50%;box-shadow:0 2px 8px rgba(var(--gift-bar-pink),.3);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:inset-inline-start .7s cubic-bezier(.2,.8,.2,1),transform .45s cubic-bezier(.3,1.6,.5,1)}.gift-bar__thumb:hover{box-shadow:0 2px 12px rgba(var(--gift-bar-pink),.5)}.gift-bar__thumb.is-dragging{cursor:grabbing;transition:none}.gift-bar__thumb.is-shaking{animation:gift-bar-shake .4s}.gift-bar__tip{position:absolute;inset-block-end:calc(100% + 16px);inset-inline-start:calc(var(--progress) * 100%);z-index:4;padding:6px 10px;color:var(--gift-bar-on-dark);font-size:12px;white-space:nowrap;background:rgb(var(--heading-color));border-radius:8px;opacity:0;pointer-events:none;transform:translate(calc(var(--progress) * -100%));transition:opacity .2s}.gift-bar__tip:after{position:absolute;inset-block-start:100%;inset-inline-start:clamp(12px,calc(var(--progress) * 100%),calc(100% - 12px));margin-inline-start:-6px;content:"";border:6px solid transparent;border-top-color:rgb(var(--heading-color))}.gift-bar__track.is-tip-visible .gift-bar__tip,.gift-bar__thumb:hover~.gift-bar__tip{opacity:1}.gift-bar--near .gift-bar__thumb:not(.is-dragging,.is-shaking){animation:gift-bar-pulse 1.2s infinite}.gift-bar--won{border-color:rgba(var(--gift-bar-success),.35)}.gift-bar--won .gift-bar__icon{color:var(--gift-bar-on-dark);background:rgb(var(--gift-bar-green));animation:gift-bar-pop .6s cubic-bezier(.3,1.6,.5,1) both}.gift-bar--won .gift-bar__icon svg{fill:currentColor}.gift-bar--won .gift-bar__fill{background:rgb(var(--gift-bar-success))}.gift-bar--won .gift-bar__thumb{inset-inline-start:calc(100% - var(--gift-bar-thumb-size) / 2);color:rgb(var(--gift-bar-success));border-color:rgb(var(--gift-bar-success));box-shadow:0 0 0 4px rgba(var(--gift-bar-success),.2);cursor:default;animation:gift-bar-pop .6s cubic-bezier(.3,1.6,.5,1) both}@keyframes gift-bar-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes gift-bar-shake{25%{rotate:-14deg}75%{rotate:14deg}}@keyframes gift-bar-pulse{0%,to{scale:1}50%{scale:1.15}}@keyframes gift-bar-pop{0%{scale:0}to{scale:1}}@media screen and (min-width:741px){.gift-bar{--gift-bar-icon-size: 34px}.gift-bar__title{font-size:15px;line-height:1.3}.gift-bar__amount{font-size:1.15em}.gift-bar__sub{font-size:12px}.gift-bar__text{flex-basis:0%}.gift-bar__tag{margin-inline-start:0;padding:4px 8px;font-size:11px}.shopify-section--main-cart .gift-bar{padding:10px 20px 12px}.shopify-section--main-cart .gift-bar__title{font-size:17px}.shopify-section--main-cart .gift-bar__sub{font-size:13px}}.mini-cart .gift-bar{margin-inline:12px}.mini-cart .gift-bar__icon,.mini-cart .gift-bar__sub,.mini-cart .gift-bar__tag{display:none}@media(prefers-reduced-motion:reduce){.gift-bar__fill:after,.gift-bar--near .gift-bar__thumb,.gift-bar--won .gift-bar__thumb,.gift-bar--won .gift-bar__icon,.gift-bar__thumb.is-shaking{animation:none}.gift-bar__fill,.gift-bar__thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/232/assets/up-gift-bar.css.map */