.eg-customer-loyalty{position:relative;--eg-cl-accent: #7c4fd9;--eg-cl-card-bg: rgba(255, 255, 255, .04);--eg-cl-card-bg-strong: rgba(255, 255, 255, .07);--eg-cl-border: rgba(255, 255, 255, .08);--eg-cl-text-muted: color-mix(in srgb, currentColor 65%, var(--color-background, #000));--eg-cl-text-dim: color-mix(in srgb, currentColor 38%, transparent);--eg-cl-success: #6ad28d;--eg-cl-reward: #c5cde0;--eg-cl-reward-strong: #eef1f8;--eg-cl-reward-deep: #6e7790;--eg-cl-reward-violet: #8366cf;--eg-cl-reward-violet: color-mix(in srgb, var(--eg-cl-accent) 80%, var(--eg-cl-reward));--eg-cl-progress-granted: 0%;--eg-cl-progress-all-time: 0%;--eg-cl-desktop-max-width: 84rem}.eg-customer-loyalty__inner{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:56rem;margin-inline:auto}@media(min-width:990px){.eg-customer-loyalty__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2.5rem;max-width:var(--eg-cl-desktop-max-width)}}.eg-customer-loyalty__col{background:var(--eg-cl-card-bg);border:1px solid var(--eg-cl-border);border-radius:18px;padding:clamp(1.25rem,2vw,2rem);min-width:0}.eg-customer-loyalty__tier-head{display:flex;align-items:center;gap:1.25rem;margin-block-end:1.75rem}.eg-customer-loyalty__tier-icon{width:96px;height:96px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.35))}.eg-customer-loyalty__tier-icon--placeholder{background:var(--eg-cl-card-bg-strong);border-radius:50%;border:1px solid var(--eg-cl-border);display:inline-block}.eg-customer-loyalty__tier-name{font-size:clamp(2rem,3.5vw,3rem);line-height:1.05;margin:0;font-weight:500}.eg-customer-loyalty__tier-suffix{font-weight:inherit}.eg-customer-loyalty__total{margin:.35rem 0 0;color:var(--eg-cl-text-muted);font-size:1rem}.eg-customer-loyalty__pending-note{margin:.2rem 0 0;display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--eg-cl-text-muted)}.eg-customer-loyalty__pending-note:before{content:"";width:.7rem;height:.7rem;flex:0 0 auto;border-radius:3px;background-color:color-mix(in srgb,var(--eg-cl-accent) 28%,transparent);background-image:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--eg-cl-accent) 70%,transparent) 0,color-mix(in srgb,var(--eg-cl-accent) 70%,transparent) 2px,transparent 2px,transparent 4px)}.eg-customer-loyalty__progress{margin-block-end:2rem}.eg-customer-loyalty__bar{position:relative}.eg-customer-loyalty__progress-track{position:relative;height:12px;border-radius:999px;background:var(--eg-cl-card-bg-strong);background:linear-gradient(180deg,color-mix(in srgb,#000 30%,var(--eg-cl-card-bg-strong)) 0%,var(--eg-cl-card-bg-strong) 100%);box-shadow:inset 0 1.5px 3px #0000008c,inset 0 -1px color-mix(in srgb,#fff 7%,transparent);overflow:hidden}.eg-customer-loyalty__progress-fill{position:absolute;inset-block:0;inset-inline-start:0;border-radius:999px;transition:width .4s ease}.eg-customer-loyalty__progress-fill--granted{width:var(--eg-cl-progress-granted, 0%);background:var(--eg-cl-accent);background:linear-gradient(180deg,color-mix(in srgb,var(--eg-cl-accent) 78%,white) 0%,var(--eg-cl-accent) 52%,color-mix(in srgb,var(--eg-cl-accent) 82%,black) 100%);box-shadow:inset 0 1px color-mix(in srgb,#fff 45%,transparent),0 0 10px color-mix(in srgb,var(--eg-cl-accent) 50%,transparent)}.eg-customer-loyalty__progress-fill--pending{width:var(--eg-cl-progress-all-time, 0%);background:#7c4fd94d;background-color:color-mix(in srgb,var(--eg-cl-accent) 24%,transparent);background-image:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--eg-cl-accent) 62%,transparent) 0 5px,color-mix(in srgb,var(--eg-cl-accent) 16%,transparent) 5px 10px)}.eg-customer-loyalty__progress-fade{position:absolute;inset-block:0;inset-inline-end:0;width:30%;pointer-events:none;background:linear-gradient(to right,transparent 0%,color-mix(in srgb,var(--color-background, #000) 0%,transparent) 0%,var(--color-background, #000) 100%);mix-blend-mode:normal;opacity:.8}.eg-customer-loyalty__pending-info{position:absolute;top:50%;left:clamp(1.6rem,var(--eg-cl-pending-pos, 0%),calc(100% - 1.6rem));transform:translate(-50%,-50%);z-index:3;display:inline-flex;align-items:center;gap:.3rem;margin:0;padding:.22rem .4rem;min-height:1.5rem;border:1px solid color-mix(in srgb,var(--eg-cl-accent) 45%,transparent);border-radius:999px;background:#15131c;background:color-mix(in srgb,var(--color-background, #15131c) 84%,var(--eg-cl-accent));color:var(--color-foreground, #fff);font:inherit;font-size:.6875rem;line-height:1;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;cursor:pointer;box-shadow:0 2px 6px #00000059;transition:left .4s ease,border-color .2s ease,background .2s ease}.eg-customer-loyalty__pending-info:hover,.eg-customer-loyalty__pending-info:focus-visible{border-color:color-mix(in srgb,var(--eg-cl-accent) 80%,transparent)}.eg-customer-loyalty__pending-info:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--eg-cl-accent);outline-offset:2px}.eg-customer-loyalty__pending-info-icon{width:.85rem;height:.85rem;flex:0 0 auto;color:color-mix(in srgb,var(--eg-cl-accent) 50%,var(--color-foreground, #fff))}.eg-customer-loyalty__pending-info-label{max-width:0;overflow:hidden;opacity:0;transition:max-width .25s ease,opacity .2s ease}.eg-customer-loyalty__bar:hover .eg-customer-loyalty__pending-info-label,.eg-customer-loyalty__pending-info:hover .eg-customer-loyalty__pending-info-label,.eg-customer-loyalty__pending-info:focus-visible .eg-customer-loyalty__pending-info-label{max-width:7rem;opacity:1}.eg-customer-loyalty__pending-popover{top:0;right:0;bottom:0;left:0;margin:auto;width:max-content;max-width:min(24rem,calc(100vw - 2rem));height:max-content;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow:auto;padding:1.1rem 1.2rem;border:1px solid color-mix(in srgb,var(--eg-cl-accent) 35%,var(--color-border, var(--eg-cl-border)));border-radius:var(--style-border-radius-popover, 14px);background-color:#0c0a12;background-color:var(--color-background, #0c0a12);background-image:linear-gradient(color-mix(in srgb,var(--color-foreground, #fff) 8%,transparent),color-mix(in srgb,var(--color-foreground, #fff) 8%,transparent));color:var(--color-foreground, inherit);box-shadow:var(--shadow-popover, 0 18px 50px rgba(0, 0, 0, .6))}.eg-customer-loyalty__pending-popover::backdrop{background:#00000073}.eg-customer-loyalty__pending-popover-title{margin:0 2rem .4rem 0;font-size:1rem;font-weight:600}.eg-customer-loyalty__pending-popover-text{margin:0;font-size:.9rem;line-height:1.55;color:var(--eg-cl-text-muted)}.eg-customer-loyalty__pending-popover-close{position:absolute;top:.55rem;inset-inline-end:.55rem;width:1.75rem;height:1.75rem;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--color-foreground, #fff) 8%,transparent);color:var(--color-foreground, inherit);cursor:pointer}.eg-customer-loyalty__pending-popover-close:hover{background:color-mix(in srgb,var(--color-foreground, #fff) 16%,transparent)}.eg-customer-loyalty__pending-popover-close:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--eg-cl-accent);outline-offset:2px}.eg-customer-loyalty__pending-popover-close svg{width:.85rem;height:.85rem}@supports not (selector(:popover-open)){.eg-customer-loyalty__pending-popover{display:none}}.eg-customer-loyalty__milestones{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem}.eg-customer-loyalty__milestone--next{align-items:flex-end;text-align:end}.eg-customer-loyalty__milestone{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.eg-customer-loyalty__milestone--next{opacity:.55}.eg-customer-loyalty__milestone-icon{width:28px;height:28px;object-fit:contain;margin-block-end:.15rem}.eg-customer-loyalty__milestone-icon--placeholder{display:inline-block;background:var(--eg-cl-card-bg-strong);border-radius:50%}.eg-customer-loyalty__milestone-points{font-size:1.125rem;font-weight:500;line-height:1.1}.eg-customer-loyalty__milestone-label{font-size:.6875rem;color:var(--eg-cl-text-muted);letter-spacing:.04em}.eg-customer-loyalty__perks-title{font-size:1.125rem;margin:0 0 .85rem;font-weight:500}.eg-customer-loyalty__perks-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1.25rem}.eg-customer-loyalty__perks-item{display:flex;align-items:center;gap:.45rem;font-size:.875rem;color:var(--eg-cl-text-muted)}.eg-customer-loyalty__perks-check{width:16px;height:16px;flex-shrink:0;color:var(--eg-cl-text-dim)}.eg-customer-loyalty__tasks-heading{margin:0 0 1.25rem;font-size:clamp(1.25rem,1.5vw,1.5rem);font-weight:500}.eg-customer-loyalty__tasks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.eg-customer-loyalty__task{position:relative;background:var(--eg-cl-card-bg-strong);border:1px solid var(--eg-cl-border);border-radius:var(--style-border-radius-md, 14px);padding:clamp(.9rem,1.4vw,1.15rem);transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}.eg-customer-loyalty__task.is-checked{border-color:#3a3550;border-color:color-mix(in srgb,var(--eg-cl-reward) 38%,var(--eg-cl-border));border-color:color-mix(in srgb,var(--eg-cl-reward-violet, var(--eg-cl-accent)) 14%,color-mix(in srgb,var(--eg-cl-reward) 34%,var(--eg-cl-border)));background:#15131d;background:color-mix(in srgb,var(--eg-cl-reward) 5%,var(--eg-cl-card-bg-strong));box-shadow:inset 0 0 0 1px #c5cde01f,inset 0 1px #8366cf1a;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--eg-cl-reward) 12%,transparent),inset 0 1px color-mix(in srgb,var(--eg-cl-reward-violet, var(--eg-cl-accent)) 10%,transparent)}.eg-cl-task__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.95rem;align-items:center}.eg-cl-task__pill{display:inline-flex;align-items:center;gap:.4rem;background:color-mix(in srgb,var(--eg-cl-accent) 18%,transparent);color:var(--color-foreground, #fff);color:color-mix(in srgb,var(--eg-cl-accent) 35%,var(--color-foreground, #fff));border:1px solid color-mix(in srgb,var(--eg-cl-accent) 30%,transparent);border-radius:var(--style-border-radius-pills, 999px);padding:.28rem .6rem;font-size:.6875rem;letter-spacing:.07em;text-transform:uppercase;font-weight:600;white-space:nowrap;transition:opacity .25s ease,filter .25s ease}.eg-customer-loyalty__task.is-checked .eg-cl-task__pill{opacity:.5;filter:saturate(.7)}.eg-cl-task__pill-icon{width:15px;height:15px;display:inline-block;object-fit:contain}.eg-cl-task__pill-icon--placeholder{background:currentColor;border-radius:3px;opacity:.5}.eg-cl-task__pill-text{line-height:1}.eg-cl-task__body{min-width:0;display:flex;flex-direction:column;gap:.55rem}.eg-cl-task__label{font-size:1rem;line-height:1.3;color:var(--color-foreground, inherit)}.eg-cl-task__action{display:flex;flex-wrap:wrap;gap:.5rem;align-items:stretch}.eg-cl-task__submit{flex:0 0 auto;align-self:stretch;margin-inline-start:auto}.eg-cl-task__submit.button-secondary{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-foreground, #fff) 55%,transparent)}.eg-cl-task__submit.button-secondary:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-foreground, #fff) 90%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--color-foreground, #fff) 12%,transparent)}.eg-cl-task__submit.button-secondary:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-foreground, #fff) 90%,transparent),0 0 0 3px color-mix(in srgb,var(--eg-cl-accent) 38%,transparent)}.eg-cl-task__head{display:flex;flex-direction:column;gap:.15rem;min-width:0}.eg-cl-task__subline{margin:0;font-size:.9rem;line-height:1.4;color:var(--eg-cl-text-muted)}.eg-customer-loyalty__task.is-checked .eg-cl-task__subline{display:none}.eg-cl-field{position:relative;flex:1 1 14rem;min-width:0;display:flex}.eg-cl-field__native{width:100%;min-width:0;min-height:var(--minimum-touch-target, 44px);padding:.5rem .75rem;border-radius:var(--style-border-radius-inputs, 8px);border:1px solid var(--color-input-border, var(--eg-cl-border));background:var(--color-input-background, var(--color-background, #15131c));color:var(--color-input-text, var(--color-foreground, inherit));font:inherit;color-scheme:dark}.eg-cl-field__native:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--eg-cl-accent);outline-offset:1px}.eg-cl-field__trigger{display:none;width:100%;align-items:center;gap:.55rem;min-height:var(--minimum-touch-target, 44px);padding:.5rem .85rem;border-radius:var(--style-border-radius-inputs, 8px);border:1px solid var(--color-input-border, var(--eg-cl-border));background:var(--color-input-background, var(--color-background, #15131c));color:var(--color-input-text, var(--color-foreground, inherit));font:inherit;text-align:start;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.eg-cl-field__trigger:hover{border-color:color-mix(in srgb,var(--eg-cl-accent) 50%,var(--color-input-border, var(--eg-cl-border)))}.eg-cl-field__trigger:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--eg-cl-accent);outline-offset:1px}.eg-cl-field--open .eg-cl-field__trigger{border-color:color-mix(in srgb,var(--eg-cl-accent) 65%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--eg-cl-accent) 22%,transparent)}.eg-cl-field__trigger-icon{width:18px;height:18px;flex:0 0 auto;color:color-mix(in srgb,var(--eg-cl-accent) 60%,var(--color-foreground, currentColor))}.eg-cl-field__trigger-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eg-cl-field__trigger-text.is-placeholder,.eg-cl-charselect__placeholder{color:var(--eg-cl-text-muted)}.eg-cl-field--enhanced .eg-cl-field__native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0;white-space:nowrap}.eg-cl-field--enhanced .eg-cl-field__trigger{display:inline-flex}.eg-cl-field--enhanced .eg-cl-field__native[hidden]~.eg-cl-field__trigger,.eg-cl-field--enhanced .eg-cl-field__native[hidden]~.eg-cl-charselect__list{display:none}.eg-cl-charselect__chevron{transition:transform .2s var(--ease-out-quad, ease)}.eg-cl-field--open .eg-cl-charselect__chevron{transform:rotate(180deg)}.eg-cl-charselect__current{display:inline-flex;align-items:center;gap:.55rem;flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap}.eg-cl-charselect__current .eg-cl-charselect__option-name,.eg-cl-charselect__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.eg-cl-charselect__list{position:absolute;z-index:30;inset-inline:0;top:calc(100% + 6px);margin:0;padding:.35rem;list-style:none;max-height:17rem;overflow-y:auto;background-color:#0c0a12;background-color:var(--color-background, #0c0a12);background-image:linear-gradient(color-mix(in srgb,var(--color-foreground, #fff) 10%,transparent),color-mix(in srgb,var(--color-foreground, #fff) 10%,transparent));border:1px solid color-mix(in srgb,var(--eg-cl-accent) 30%,var(--color-border, var(--eg-cl-border)));border-radius:var(--style-border-radius-popover, 10px);box-shadow:var(--shadow-popover, 0 16px 40px rgba(0, 0, 0, .6));-webkit-overflow-scrolling:touch}.eg-cl-charselect__option{display:flex;align-items:center;gap:.65rem;padding:.45rem .55rem;border-radius:calc(var(--style-border-radius-inputs, 8px) - 1px);cursor:pointer;color:var(--color-foreground, inherit);scroll-margin:.4rem}.eg-cl-charselect__option[aria-selected=true]{background:color-mix(in srgb,var(--eg-cl-accent) 16%,transparent)}.eg-cl-charselect__option.is-active,.eg-cl-charselect__option:hover{background:color-mix(in srgb,var(--eg-cl-accent) 26%,transparent)}.eg-cl-charselect__option-name{flex:1 1 auto;min-width:0;font-size:.95rem}.eg-cl-charselect__option-check{width:16px;height:16px;flex:0 0 auto;color:var(--eg-cl-accent);opacity:0}.eg-cl-charselect__option[aria-selected=true] .eg-cl-charselect__option-check{opacity:1}.eg-cl-char-avatar{width:30px;height:30px;flex:0 0 auto;border-radius:var(--style-border-radius-50, 50%);object-fit:cover;background:color-mix(in srgb,var(--eg-cl-accent) 22%,transparent);border:1px solid color-mix(in srgb,var(--eg-cl-accent) 30%,transparent)}.eg-cl-char-avatar--placeholder{display:inline-block;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--eg-cl-accent) 55%,white 10%) 0%,var(--eg-cl-accent) 70%)}.eg-cl-calendar{position:absolute;z-index:30;top:calc(100% + 6px);inset-inline-start:0;width:min(20rem,calc(100vw - 2.5rem));padding:.75rem;background-color:#0c0a12;background-color:var(--color-background, #0c0a12);background-image:linear-gradient(color-mix(in srgb,var(--color-foreground, #fff) 10%,transparent),color-mix(in srgb,var(--color-foreground, #fff) 10%,transparent));border:1px solid color-mix(in srgb,var(--eg-cl-accent) 30%,var(--color-border, var(--eg-cl-border)));border-radius:var(--style-border-radius-popover, 12px);box-shadow:var(--shadow-popover, 0 16px 40px rgba(0, 0, 0, .6));color:var(--color-foreground, inherit)}.eg-cl-calendar__header{display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem}.eg-cl-calendar__selects{display:flex;gap:.35rem;flex:1 1 auto;min-width:0}.eg-cl-calendar__month,.eg-cl-calendar__year{flex:1 1 auto;min-width:0;padding:.35rem .4rem;border-radius:var(--style-border-radius-inputs, 8px);border:1px solid var(--color-input-border, var(--eg-cl-border));background:var(--color-background, #15131c);color:var(--color-foreground, inherit);font:inherit;font-size:.9rem;color-scheme:dark}.eg-cl-calendar__year{flex:0 0 5.5rem}.eg-cl-calendar__nav{-webkit-appearance:none;appearance:none;flex:0 0 auto;width:2rem;height:2rem;display:grid;place-items:center;border-radius:var(--style-border-radius-inputs, 8px);border:1px solid var(--color-input-border, var(--eg-cl-border));background:transparent;color:var(--color-foreground, inherit);cursor:pointer}.eg-cl-calendar__nav:hover{background:color-mix(in srgb,var(--eg-cl-accent) 18%,transparent)}.eg-cl-calendar__nav svg{width:16px;height:16px}.eg-cl-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:2px}.eg-cl-calendar__weekday{text-align:center;font-size:.6875rem;letter-spacing:.03em;color:var(--eg-cl-text-muted);padding:.2rem 0}.eg-cl-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.eg-cl-calendar__day{-webkit-appearance:none;appearance:none;aspect-ratio:1 / 1;min-height:2rem;display:grid;place-items:center;border:0;border-radius:var(--style-border-radius-inputs, 8px);background:transparent;color:var(--color-foreground, inherit);font:inherit;font-size:.85rem;cursor:pointer}.eg-cl-calendar__day:empty{pointer-events:none}.eg-cl-calendar__day:hover{background:color-mix(in srgb,var(--eg-cl-accent) 24%,transparent)}.eg-cl-calendar__day.is-today{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--eg-cl-accent) 55%,transparent)}.eg-cl-calendar__day.is-selected{background:var(--eg-cl-accent);color:#fff}.eg-cl-calendar__day:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--eg-cl-accent);outline-offset:-2px}.eg-cl-calendar__footer{display:flex;justify-content:space-between;gap:.5rem;margin-top:.6rem}.eg-cl-calendar__action{-webkit-appearance:none;appearance:none;background:none;border:0;color:var(--eg-cl-text-muted);font:inherit;font-size:.8rem;padding:.3rem .4rem;border-radius:6px;cursor:pointer}.eg-cl-calendar__action:hover{color:var(--color-foreground, inherit);background:color-mix(in srgb,var(--color-foreground, #fff) 8%,transparent)}.eg-cl-task__checked-state[hidden]{display:none}.eg-cl-task__checked-state{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;font-size:.95rem;color:var(--color-foreground, inherit)}.eg-cl-task__checked-icon{width:18px;height:18px;flex:0 0 auto;color:#c5cde0;color:var(--eg-cl-reward)}.eg-cl-task__checked-value{font-weight:500}.eg-cl-task__remove{-webkit-appearance:none;appearance:none;background:none;border:0;color:var(--eg-cl-text-muted);text-decoration:underline;text-underline-offset:2px;display:inline-flex;align-items:center;min-height:var(--minimum-touch-target, 44px);padding:0 .15rem;margin-inline-start:auto;font:inherit;font-size:.85rem;cursor:pointer}.eg-cl-task__remove:hover,.eg-cl-task__remove:focus-visible{color:var(--color-foreground, inherit)}.eg-cl-task__feedback{margin:0;font-size:.8125rem;color:var(--eg-cl-text-muted);flex-basis:100%}.eg-cl-task__feedback:empty{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.eg-cl-task__feedback[data-state=error]{color:var(--color-foreground, #ff8a8a);color:color-mix(in srgb,var(--color-foreground, #fff) 55%,#e5484d 45%)}.eg-cl-task__feedback[data-state=success]{color:var(--color-foreground, #dcdeed);color:color-mix(in srgb,var(--color-foreground, #fff) 60%,var(--eg-cl-reward))}.eg-cl-task__reward{position:relative;display:none;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;width:4.25rem;flex:0 0 auto;isolation:isolate}.eg-customer-loyalty__task.is-checked .eg-cl-task__reward{display:flex}.eg-cl-task__reward-glow{position:absolute;z-index:-1;top:50%;left:50%;width:5.5rem;height:5.5rem;transform:translate(-50%,-40%);border-radius:50%;background:radial-gradient(circle at center,rgba(197,205,224,.5) 0%,rgba(131,102,207,.32) 45%,rgba(124,79,217,.22) 62%,transparent 78%);background:radial-gradient(circle at center,color-mix(in srgb,var(--eg-cl-reward) 50%,transparent) 0%,color-mix(in srgb,var(--eg-cl-reward-violet, var(--eg-cl-accent)) 32%,transparent) 45%,color-mix(in srgb,var(--eg-cl-accent) 22%,transparent) 62%,transparent 78%);opacity:.4;pointer-events:none}.eg-cl-task__reward-medal{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 35%,#f3f4f8,#eef1f8 8%,#c5cde0 52%,#99a0b3 78%,#6e7790);background:radial-gradient(circle at 50% 35%,#f3f4f8 0%,color-mix(in srgb,var(--eg-cl-reward-strong) 90%,#fff) 8%,var(--eg-cl-reward) 52%,color-mix(in srgb,var(--eg-cl-reward) 70%,var(--eg-cl-reward-deep)) 78%,var(--eg-cl-reward-deep) 100%);box-shadow:0 0 0 1px #7b7f8e,0 0 0 1.5px #8366cf38,0 4px 14px #6e77908c,inset 0 1px 1px #ffffff59,inset 0 -2px 3px #6e779099;box-shadow:0 0 0 1px color-mix(in srgb,var(--eg-cl-reward) 60%,transparent),0 0 0 1.5px color-mix(in srgb,var(--eg-cl-reward-violet, var(--eg-cl-accent)) 22%,transparent),0 4px 14px color-mix(in srgb,var(--eg-cl-reward-deep) 55%,transparent),inset 0 1px 1px color-mix(in srgb,#fff 35%,transparent),inset 0 -2px 3px color-mix(in srgb,var(--eg-cl-reward-deep) 60%,transparent)}.eg-cl-task__reward-icon{width:1.5rem;height:1.5rem;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.eg-cl-task__reward-icon--placeholder{width:1.1rem;height:1.1rem;border-radius:50%;background:#515568;background:color-mix(in srgb,var(--eg-cl-reward-deep) 60%,#1a1c24)}.eg-cl-task__reward-points{font-family:var(--font-accent--family, var(--font-heading--family, inherit));font-size:.9rem;font-weight:600;letter-spacing:.03em;color:#eef1f8;color:var(--eg-cl-reward-strong, var(--eg-cl-reward));line-height:1}.eg-cl-task__reward-spark{position:absolute;top:38%;left:50%;width:5px;height:5px;border-radius:50%;background:#eef1f8;background:var(--eg-cl-reward-strong, var(--eg-cl-reward));opacity:0;pointer-events:none}.eg-customer-loyalty__task.is-celebrating .eg-cl-task__reward-medal{animation:eg-cl-reward-medal .7s var(--ease-out-quad, cubic-bezier(.32, .72, 0, 1)) both}.eg-customer-loyalty__task.is-celebrating .eg-cl-task__reward-glow{animation:eg-cl-reward-glow .95s var(--ease-out-quad, cubic-bezier(.32, .72, 0, 1)) both}.eg-customer-loyalty__task.is-celebrating .eg-cl-task__reward-points{animation:eg-cl-reward-points .7s var(--ease-out-quad, cubic-bezier(.32, .72, 0, 1)) .12s both}.eg-customer-loyalty__task.is-celebrating .eg-cl-task__reward-spark{animation:eg-cl-reward-spark .85s ease-out both}.eg-cl-task__reward-spark--1{--sx: -1.6rem;--sy: -1.1rem;animation-delay:.06s}.eg-cl-task__reward-spark--2{--sx: 1.7rem;--sy: -.7rem;animation-delay:.14s}.eg-cl-task__reward-spark--3{--sx: .2rem;--sy: -1.85rem;animation-delay:.1s}.eg-customer-loyalty__task.is-celebrating{animation:eg-cl-card-pulse .9s ease-out both}@keyframes eg-cl-reward-medal{0%{transform:scale(.3) rotate(-12deg);opacity:0}55%{transform:scale(1.14) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes eg-cl-reward-glow{0%{transform:translate(-50%,-40%) scale(.4);opacity:0}40%{opacity:.95}to{transform:translate(-50%,-40%) scale(1.25);opacity:.4}}@keyframes eg-cl-reward-points{0%{transform:translateY(.7rem);opacity:0}60%{opacity:1}to{transform:translateY(0);opacity:1}}@keyframes eg-cl-reward-spark{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}30%{opacity:1}to{transform:translate(calc(-50% + var(--sx, 0)),calc(-50% + var(--sy, 0))) scale(1);opacity:0}}@keyframes eg-cl-card-pulse{0%{box-shadow:0 0 #c5cde073;box-shadow:0 0 color-mix(in srgb,var(--eg-cl-reward) 45%,transparent)}to{box-shadow:0 0 0 10px transparent}}.eg-customer-loyalty__guest{position:relative;max-width:58rem;margin-inline:auto;padding:clamp(2.5rem,6vw,5.5rem) clamp(1.25rem,4vw,2.5rem);display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.eg-customer-loyalty__guest:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:50%;width:75%;height:48%;transform:translate(-50%);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--eg-cl-accent) 20%,transparent) 0%,transparent 72%);pointer-events:none;z-index:0}.eg-customer-loyalty__guest>*{position:relative}.eg-customer-loyalty__guest-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media(min-width:990px){.eg-customer-loyalty__guest{flex-direction:row;align-items:center;justify-content:center;text-align:center;gap:clamp(3rem,6vw,6rem);max-width:var(--eg-cl-desktop-max-width)}.eg-customer-loyalty__guest-aura{flex-shrink:0;margin-block-end:0}.eg-customer-loyalty__guest-content{align-items:center;max-width:44rem}.eg-customer-loyalty__guest-content .eg-customer-loyalty__guest-title,.eg-customer-loyalty__guest-content .eg-customer-loyalty__guest-subtitle{max-width:none}.eg-customer-loyalty__guest:before{inset-block-start:50%;inset-inline-start:0;width:38%;height:92%;transform:translateY(-50%)}}.eg-customer-loyalty__guest-aura{position:relative;width:168px;height:168px;display:grid;place-items:center;margin-block-end:.5rem}.eg-customer-loyalty__guest-orb{position:relative;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:var(--eg-cl-accent);background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--eg-cl-accent) 70%,white 30%) 0%,var(--eg-cl-accent) 48%,color-mix(in srgb,var(--eg-cl-accent) 75%,black 25%) 100%);box-shadow:0 0 0 1px color-mix(in srgb,var(--eg-cl-accent) 40%,transparent),0 12px 38px color-mix(in srgb,var(--eg-cl-accent) 45%,transparent);animation:eg-cl-orb-float 6s ease-in-out infinite}.eg-customer-loyalty__guest-orb-icon{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.eg-customer-loyalty__guest-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--eg-cl-accent) 45%,transparent);animation:eg-cl-ring-pulse 3.8s ease-out infinite}.eg-customer-loyalty__guest-ring--2{animation-delay:1.9s}.eg-customer-loyalty__guest-spark{position:absolute;width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--eg-cl-accent) 55%,white 35%);opacity:0;animation:eg-cl-spark 4.2s ease-in-out infinite}.eg-customer-loyalty__guest-spark--a{inset-block-start:4px;inset-inline-start:20px;animation-delay:0s}.eg-customer-loyalty__guest-spark--b{inset-block-end:8px;inset-inline-end:16px;animation-delay:1.4s}.eg-customer-loyalty__guest-spark--c{inset-block-start:52%;inset-inline-end:-2px;animation-delay:2.7s}.eg-customer-loyalty__guest-title{margin:0;max-width:16em;font-family:var(--eg-cl-guest-title-family, var(--font-heading--family));font-weight:var(--eg-cl-guest-title-weight, 400);font-style:var(--eg-cl-guest-title-style, normal);font-size:var(--eg-cl-guest-title-size, 2.75rem);line-height:1.12;letter-spacing:normal;text-transform:none}@media(max-width:749px){.eg-customer-loyalty__guest-title{font-size:calc(var(--eg-cl-guest-title-size, 2.75rem) * .72)}}.eg-customer-loyalty__guest-subtitle{margin:0;font-family:var(--eg-cl-guest-subtitle-family, var(--font-subheading--family));font-weight:var(--eg-cl-guest-subtitle-weight, 400);color:var(--color-foreground);color:color-mix(in srgb,var(--color-foreground) 80%,var(--color-background));font-size:var(--eg-cl-guest-subtitle-size, 1.125rem);line-height:1.55;max-width:44ch}.eg-customer-loyalty__guest-cta{margin-block-start:.6rem}@keyframes eg-cl-orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes eg-cl-ring-pulse{0%{transform:scale(.72);opacity:.65}to{transform:scale(1.4);opacity:0}}@keyframes eg-cl-spark{0%,to{opacity:0;transform:scale(.6)}45%,60%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.eg-customer-loyalty__progress-fill{transition:none}.eg-customer-loyalty__task.is-celebrating,.eg-customer-loyalty__task.is-celebrating .eg-cl-task__reward-medal,.eg-customer-loyalty__task.is-celebrating .eg-cl-task__reward-glow,.eg-customer-loyalty__task.is-celebrating .eg-cl-task__reward-points,.eg-customer-loyalty__task.is-celebrating .eg-cl-task__reward-spark{animation:none}.eg-customer-loyalty__task.is-celebrating .eg-cl-task__reward-spark{opacity:0}.eg-cl-charselect__chevron,.eg-cl-field__trigger,.eg-customer-loyalty__task,.eg-customer-loyalty__pending-info,.eg-customer-loyalty__pending-info-label{transition:none}.eg-customer-loyalty__guest-orb,.eg-customer-loyalty__guest-ring,.eg-customer-loyalty__guest-spark{animation:none}.eg-customer-loyalty__guest-ring{opacity:.4}}@media(max-width:600px){.eg-cl-task__inner{grid-template-columns:1fr auto;grid-template-areas:"pill reward" "body body";row-gap:.6rem;align-items:center}.eg-cl-task__pill{grid-area:pill;justify-self:start}.eg-cl-task__reward{grid-area:reward;justify-self:end}.eg-cl-task__body{grid-area:body}.eg-cl-task__action{gap:.6rem}.eg-cl-field{flex:1 1 100%}.eg-cl-task__submit{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/eg-customer-loyalty.css.map */