.loyalty-banner{--lb-bg: #fbf8f1;--lb-text: #1b1f4b;--lb-accent: #c4dc1a;--lb-button-bg: #d20c64;--lb-button-text: #ffffff;background:var(--lb-bg);color:var(--lb-text);font-family:var(--font-body-family);position:relative;z-index:2}.loyalty-banner--hidden{display:none}.loyalty-banner__inner{display:flex;align-items:center;gap:1rem;min-height:4rem;padding:.5rem 1.5rem;max-width:192rem;margin:0 auto}.loyalty-banner__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--lb-accent);color:var(--lb-text)}.loyalty-banner__icon svg{width:1.5rem;height:1.5rem}.loyalty-banner__text{flex:1 1 auto;min-width:0;margin:0;font-size:1.3rem;line-height:1.3;font-weight:600;letter-spacing:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.loyalty-banner__text strong{font-weight:800}.loyalty-banner__button{flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:999px;background:var(--lb-button-bg);color:var(--lb-button-text);font-size:1.2rem;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;border:0;cursor:pointer}.loyalty-banner__button:hover,.loyalty-banner__button:focus-visible{color:var(--lb-button-text);filter:brightness(1.08)}.loyalty-banner__button svg{width:1.1rem;height:1.1rem}.loyalty-banner__close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;margin:0 -.8rem 0 -.4rem;padding:0;border:0;background:transparent;color:inherit;opacity:.6;cursor:pointer}.loyalty-banner__close:hover,.loyalty-banner__close:focus-visible{opacity:1}.loyalty-banner__close svg{width:1.2rem;height:1.2rem}@media screen and (min-width:750px){.loyalty-banner__inner{justify-content:center;gap:1.4rem;padding:.6rem 5rem}.loyalty-banner__text{flex:0 1 auto;font-size:1.4rem;-webkit-line-clamp:1}.loyalty-banner__close{margin-left:1rem}}@media screen and (max-width:749px){.loyalty-banner--no-mobile{display:none}}@media screen and (min-width:750px){.loyalty-banner--no-desktop{display:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-loyalty-banner.css.map */