.gift-bar{--gift-bar-accent: var(--color-button);--gift-bar-on-accent: var(--color-button-text);--gift-bar-radius: 1.2rem;--gift-bar-track-height: 1rem;--gift-bar-node-size: 3.2rem;display:block;margin:0 0 2rem;container-type:inline-size}.gift-bar[hidden]{display:none}.gift-bar__card{position:relative;overflow:hidden;padding:1.6rem 1.8rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:var(--gift-bar-radius);background:linear-gradient(135deg,rgba(var(--gift-bar-accent),.07),rgba(var(--color-foreground),.02) 55%,rgba(var(--gift-bar-accent),.05));transition:border-color var(--duration-default, .2s) ease,box-shadow var(--duration-default, .2s) ease}.gift-bar[data-state=unlocked] .gift-bar__card{border-color:rgba(var(--gift-bar-accent),.55);animation:gift-bar-halo 2.4s ease-in-out infinite}@keyframes gift-bar-halo{0%,to{box-shadow:0 0 rgba(var(--gift-bar-accent),.28)}50%{box-shadow:0 0 0 .6rem rgba(var(--gift-bar-accent),0)}}.gift-bar__head{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"badge message" ".     sub";align-items:center;column-gap:1.2rem;row-gap:.4rem}.gift-bar__badge{grid-area:badge;display:flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:50%;background:rgba(var(--gift-bar-accent),.14);color:rgb(var(--gift-bar-accent));transition:transform var(--duration-default, .2s) ease,background-color var(--duration-default, .2s) ease}.gift-bar[data-state=unlocked] .gift-bar__badge,.gift-bar[data-state=top] .gift-bar__badge{background:rgb(var(--gift-bar-accent));color:rgb(var(--gift-bar-on-accent))}.gift-bar__badge-icon{width:1.8rem;height:1.8rem}.gift-bar__badge-icon--check,.gift-bar[data-state=top] .gift-bar__badge-icon--gift{display:none}.gift-bar[data-state=top] .gift-bar__badge-icon--check{display:block}.gift-bar__message{grid-area:message;margin:0;font-size:1.5rem;line-height:1.35;font-weight:var(--font-body-weight-bold, 600);color:rgb(var(--color-foreground))}.gift-bar__sub{grid-area:sub;display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.3rem;line-height:1.3;color:rgba(var(--color-foreground),.7)}.gift-bar__sub[hidden]{display:none}.gift-bar__sub-icon{flex:none;width:1.3rem;height:1.3rem;color:rgb(var(--gift-bar-accent))}.gift-bar__track-wrap{position:relative;margin:2.2rem 1.8rem 0;padding-bottom:3.6rem}.gift-bar__track{position:relative;height:var(--gift-bar-track-height);border-radius:var(--gift-bar-track-height);background:rgba(var(--color-foreground),.18);box-shadow:inset 0 .1rem .2rem rgba(var(--color-foreground),.08);overflow:hidden}.gift-bar__fill{position:relative;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--gift-bar-accent),.65),rgb(var(--gift-bar-accent)) 55%,rgba(var(--gift-bar-accent),.85));transition:width .9s cubic-bezier(.22,1,.36,1);overflow:hidden}.gift-bar__shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(var(--gift-bar-on-accent),.45) 50%,transparent 80%);transform:translate(-100%);animation:gift-bar-shimmer 2.6s ease-in-out infinite}@keyframes gift-bar-shimmer{0%{transform:translate(-100%)}60%,to{transform:translate(200%)}}.gift-bar__tiers{position:absolute;top:0;right:0;left:0;height:var(--gift-bar-track-height)}.gift-bar__tier{position:absolute;top:50%;transform:translate(-50%,-50%)}.gift-bar__node{display:flex;align-items:center;justify-content:center;width:var(--gift-bar-node-size);height:var(--gift-bar-node-size);border:.2rem solid rgb(var(--color-background));border-radius:50%;background:rgba(var(--color-background-contrast),.9);color:rgba(var(--color-foreground),.55);overflow:hidden;box-shadow:0 .1rem .3rem rgba(var(--color-shadow),.25);transition:transform var(--duration-default, .2s) ease,background-color var(--duration-default, .2s) ease,color var(--duration-default, .2s) ease}.gift-bar__node-art{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gift-bar__node svg{width:1.5rem;height:1.5rem}.gift-bar__node img{width:100%;height:100%;object-fit:cover}.gift-bar__tier--locked .gift-bar__node img{filter:grayscale(1);opacity:.55}.gift-bar__node-check,.gift-bar__tier--claimed .gift-bar__node-art{display:none}.gift-bar__tier--claimed .gift-bar__node-check{display:block}.gift-bar__tier--unlocked .gift-bar__node,.gift-bar__tier--claimed .gift-bar__node{background:rgb(var(--gift-bar-accent));color:rgb(var(--gift-bar-on-accent));transform:scale(1.12)}.gift-bar__tier--unlocked .gift-bar__node{animation:gift-bar-node-pop 2s ease-in-out infinite}@keyframes gift-bar-node-pop{0%,to{transform:scale(1.12)}50%{transform:scale(1.24)}}.gift-bar__tier-label{position:absolute;top:calc(50% + var(--gift-bar-node-size) / 2 + .6rem);left:50%;transform:translate(-50%);white-space:nowrap;font-size:1.1rem;letter-spacing:.04rem;color:rgba(var(--color-foreground),.6)}.gift-bar__tier--unlocked .gift-bar__tier-label,.gift-bar__tier--claimed .gift-bar__tier-label{color:rgb(var(--color-foreground));font-weight:var(--font-body-weight-bold, 600)}.gift-bar__tier--last .gift-bar__tier-label{transform:translate(-70%)}.gift-bar__claim{position:relative;display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;min-height:4.4rem;margin-top:.4rem;padding:0 2rem;border:0;border-radius:var(--buttons-radius-outset, .6rem);background:rgb(var(--gift-bar-accent));color:rgb(var(--gift-bar-on-accent));font:inherit;font-size:1.4rem;font-weight:var(--font-body-weight-bold, 600);letter-spacing:.05rem;cursor:pointer;overflow:hidden;transition:transform var(--duration-short, .1s) ease,filter var(--duration-short, .1s) ease}.gift-bar__claim[hidden]{display:none}.gift-bar.is-adding .gift-bar__badge{animation:gift-bar-badge-breathe 1.2s ease-in-out infinite}@keyframes gift-bar-badge-breathe{0%,to{opacity:1}50%{opacity:.55}}.gift-bar__claim:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(var(--gift-bar-on-accent),.3) 50%,transparent 70%);transform:translate(-100%);animation:gift-bar-shimmer 3.2s ease-in-out infinite;animation-delay:.6s;pointer-events:none}.gift-bar__claim:hover{filter:brightness(1.08)}.gift-bar__claim:active{transform:scale(.985)}.gift-bar__claim:disabled{cursor:default;filter:saturate(.6)}.gift-bar__claim-spinner{display:none;flex:none;width:1.6rem;height:1.6rem;border:.2rem solid rgba(var(--gift-bar-on-accent),.35);border-top-color:rgb(var(--gift-bar-on-accent));border-radius:50%;animation:gift-bar-spin .7s linear infinite}.gift-bar.is-loading .gift-bar__claim-spinner{display:block}.gift-bar.is-loading .gift-bar__claim:after{display:none}@keyframes gift-bar-spin{to{transform:rotate(360deg)}}.gift-bar__error{margin:.8rem 0 0;font-size:1.3rem;color:rgba(var(--color-foreground),.75)}.gift-bar__error[hidden]{display:none}.gift-bar__confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.gift-bar__confetti i{position:absolute;top:var(--gift-bar-confetti-top, 50%);left:var(--gift-bar-confetti-left, 50%);width:.6rem;height:.9rem;background:var(--gift-bar-confetti-color, rgb(var(--gift-bar-accent)));opacity:0;animation:gift-bar-confetti 1.1s ease-out forwards;animation-delay:var(--gift-bar-confetti-delay, 0ms)}@keyframes gift-bar-confetti{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}to{opacity:0;transform:translate(var(--gift-bar-confetti-x, 0),var(--gift-bar-confetti-y, 6rem)) rotate(var(--gift-bar-confetti-rotate, 360deg)) scale(.4)}}@container (max-width: 400px){.gift-bar__message{font-size:1.4rem}.gift-bar__tier-label{font-size:1rem}}@media(prefers-reduced-motion:reduce){.gift-bar__fill{transition-duration:1ms}.gift-bar__shimmer,.gift-bar__claim:after,.gift-bar__confetti i,.gift-bar[data-state=unlocked] .gift-bar__card,.gift-bar__tier--unlocked .gift-bar__node,.gift-bar.is-adding .gift-bar__badge{animation:none}.gift-bar__confetti i{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/free-gift-bar.css.map */