.ho-loyalty-pill{--ho-loyalty-bg: #fff3c4;--ho-loyalty-border: #facc15;--ho-loyalty-button: #ffe27a;--ho-loyalty-button-hover: #ffd95a;--ho-loyalty-ink: #1f2d25;--ho-loyalty-muted: #6c5520;--ho-loyalty-shadow: rgba(122, 86, 0, .12);align-items:center;background:var(--ho-loyalty-bg);border:1px solid var(--ho-loyalty-border);border-radius:999px;box-shadow:none;color:var(--ho-loyalty-ink);cursor:default;display:inline-flex;font-size:1.5rem;font-weight:600;gap:.45rem;line-height:1;max-width:100%;padding:.35rem .8rem;position:relative;transition:padding .18s ease,border-color .18s ease,border-width .18s ease,box-shadow .18s ease;vertical-align:middle;white-space:nowrap}.ho-loyalty-pill__summary{align-items:center;display:inline-flex;flex:0 0 auto;gap:.35rem}.ho-loyalty-pill__icon{display:inline-flex;font-size:1.5rem;line-height:1}.ho-loyalty-pill__tier{color:var(--ho-loyalty-ink);font-weight:700}.ho-loyalty-pill__points{opacity:.9}.ho-loyalty-pill__details{align-items:center;display:inline-flex;gap:.6rem;margin-left:0;max-width:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-2px) scale(.98);transition:opacity .18s ease,max-width .25s ease,transform .18s ease,margin-left .18s ease;white-space:nowrap}.ho-loyalty-pill__value strong{color:#000;font-weight:900}.ho-loyalty-pill__progress{color:var(--ho-loyalty-muted)}.ho-loyalty-pill__progress em{font-style:normal;font-weight:700}.ho-loyalty-pill__guest-text{color:var(--ho-loyalty-muted);font-weight:600}.ho-loyalty-pill__button{align-items:center;-webkit-appearance:none;appearance:none;background:var(--ho-loyalty-button);border:1px solid #d4a60a;border-radius:999px;color:#111;cursor:pointer;display:inline-flex;font-size:1.5rem;font-weight:700;justify-content:center;line-height:1;min-height:2.1rem;padding:.28rem .7rem;text-decoration:none;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;white-space:nowrap}.ho-loyalty-pill__button:hover,.ho-loyalty-pill__button:focus-visible{background:var(--ho-loyalty-button-hover);color:#111;transform:translateY(-1px)}.ho-loyalty-pill:hover,.ho-loyalty-pill:focus,.ho-loyalty-pill:focus-within{border-width:2px;box-shadow:0 2px 10px var(--ho-loyalty-shadow);padding:.5rem 1rem}.ho-loyalty-pill:hover .ho-loyalty-pill__details,.ho-loyalty-pill:focus .ho-loyalty-pill__details,.ho-loyalty-pill:focus-within .ho-loyalty-pill__details{margin-left:.6rem;max-width:1000px;opacity:1;pointer-events:auto;transform:none}.ho-loyalty-pill:focus{outline:none}.ho-loyalty-pill:focus-visible{outline:2px solid var(--ho-loyalty-border);outline-offset:3px}.ho-loyalty-pill--guest{background:#f8fbf1}@media(max-width:768px){.ho-loyalty-pill{font-size:1.5rem;padding:.3rem .65rem}.ho-loyalty-pill:hover,.ho-loyalty-pill:focus,.ho-loyalty-pill:focus-within{padding:.45rem .9rem}.ho-loyalty-pill__button{font-size:1.5rem}}@media(max-width:520px){.ho-loyalty-pill{align-items:flex-start;border-radius:1.15rem;flex-direction:column;gap:.4rem;line-height:1.15;white-space:normal}.ho-loyalty-pill__summary,.ho-loyalty-pill__details{flex-wrap:wrap}.ho-loyalty-pill__details{gap:.45rem}.ho-loyalty-pill:hover .ho-loyalty-pill__details,.ho-loyalty-pill:focus .ho-loyalty-pill__details,.ho-loyalty-pill:focus-within .ho-loyalty-pill__details{margin-left:0;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/loyalty-pill.css.map */