.loyalty-progress{padding:1.5rem;margin:1rem auto;max-width:var(--page-width);width:100%;background-color:rgba(var(--color-foreground),.03);border-radius:var(--inputs-radius)}.loyalty-progress--compact{padding:1rem;margin:.5rem 0}.loyalty-progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.loyalty-progress--compact .loyalty-progress__header{margin-bottom:.75rem}.loyalty-progress__title{font-weight:600;font-size:var(--loyalty-title-size, 16px);color:rgb(var(--color-foreground))}.loyalty-progress--compact .loyalty-progress__title{font-size:calc(var(--loyalty-title-size, 16px) * .875)}.loyalty-progress__orders{font-size:calc(var(--loyalty-message-size, 14px) * .9);color:rgba(var(--color-foreground),.7)}.loyalty-progress__bar-container{margin-bottom:.75rem}.loyalty-progress__bar{position:relative;height:12px;height:var(--loyalty-bar-height, 12px);background-color:#e0e0e0;background-color:var(--loyalty-bar-background, #e0e0e0);border-radius:6px;border-radius:var(--loyalty-bar-radius, 6px);overflow:visible}.loyalty-progress__fill{position:absolute;top:0;left:0;height:100%;min-width:4px;background-color:#4caf50;background-color:var(--loyalty-bar-fill, #4CAF50);border-radius:6px;border-radius:var(--loyalty-bar-radius, 6px);transition:width .5s ease-out;z-index:1}.loyalty-progress__fill--complete{background-color:var(--loyalty-bar-fill-complete, #2E7D32)}.loyalty-progress__milestone{position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--loyalty-bar-height, 12px) + 8px);height:calc(var(--loyalty-bar-height, 12px) + 8px);background-color:var(--loyalty-bar-background, #e0e0e0);border:2px solid var(--loyalty-milestone-color, #ffffff);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;cursor:help;transition:background-color .3s ease,transform .2s ease}.loyalty-progress__milestone:hover{transform:translate(-50%,-50%) scale(1.1)}.loyalty-progress__milestone--complete{background-color:var(--loyalty-milestone-complete, #FFD700);border-color:var(--loyalty-bar-fill-complete, #2E7D32)}.loyalty-progress__milestone-marker{font-size:.65rem;font-weight:700;color:var(--loyalty-milestone-color, #ffffff);line-height:1}.loyalty-progress__milestone--complete .loyalty-progress__milestone-marker{color:#1a1a1a}.loyalty-progress__info{text-align:center;margin-top:.5rem}.loyalty-progress__message{font-size:var(--loyalty-message-size, 14px);color:rgba(var(--color-foreground),.8)}.loyalty-progress--compact .loyalty-progress__message{font-size:calc(var(--loyalty-message-size, 14px) * .9)}.loyalty-progress__message--success{color:var(--loyalty-bar-fill-complete, #2E7D32);font-weight:600}.loyalty-progress__message--congratulations{color:var(--loyalty-milestone-complete, #FFD700);font-weight:700;font-size:1.1em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.loyalty-progress__message strong{color:rgb(var(--color-foreground))}.loyalty-progress__tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(var(--color-foreground),.1)}.loyalty-progress__tiers--count-1{grid-template-columns:1fr;max-width:300px;margin-left:auto;margin-right:auto}.loyalty-progress__tiers--count-2{grid-template-columns:repeat(2,1fr)}.loyalty-progress__tier{text-align:center;padding:.75rem;background-color:rgba(var(--color-foreground),.03);border-radius:var(--buttons-radius);opacity:.6;transition:opacity .3s ease,background-color .3s ease}.loyalty-progress__tier--unlocked{opacity:1;background-color:rgba(var(--color-foreground),.06)}.loyalty-progress__tier-orders{display:block;font-size:calc(var(--loyalty-tier-text-size, 13px) * .85);color:rgba(var(--color-foreground),.6);margin-bottom:.25rem}.loyalty-progress__tier--unlocked .loyalty-progress__tier-orders{color:var(--loyalty-bar-fill-complete, #2E7D32);font-weight:600}.loyalty-progress__tier-reward{display:block;font-size:var(--loyalty-tier-text-size, 13px);font-weight:500;color:rgb(var(--color-foreground))}.loyalty-progress__guest{text-align:center;padding:.5rem 0}.loyalty-progress__guest-message{margin:0 0 1rem;font-size:var(--loyalty-message-size, 14px);color:rgba(var(--color-foreground),.8)}.loyalty-progress--compact .loyalty-progress__guest-message{font-size:calc(var(--loyalty-message-size, 14px) * .9);margin-bottom:.75rem}.loyalty-progress__login-link{display:inline-block}.button--small{padding:.5rem 1rem;font-size:.85rem;min-height:auto}@media screen and (max-width: 749px){.loyalty-progress__tiers{grid-template-columns:1fr;gap:.5rem}.loyalty-progress__tier{display:flex;justify-content:space-between;align-items:center;text-align:left}.loyalty-progress__tier-orders{margin-bottom:0;margin-right:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-loyalty-progress.css.map */