.customer-entry[hidden]{display:none}.customer-entry{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;font-family:var(--font-body-family)}.customer-entry__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#14161457;opacity:0;transition:opacity .24s ease}.customer-entry__panel{position:absolute;inset:0 0 0 auto;width:min(460px,100%);height:100%;padding:30px 30px max(30px,env(safe-area-inset-bottom));overflow-y:auto;background:#fff;box-shadow:-18px 0 60px #1b1f1c1f;transform:translate(102%);transition:transform .28s cubic-bezier(.22,1,.36,1)}.customer-entry.is-open .customer-entry__backdrop{opacity:1}.customer-entry.is-open .customer-entry__panel{transform:translate(0)}.customer-entry-open{overflow:hidden}.customer-entry__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.customer-entry__eyebrow,.customer-entry__welcome{margin:0;color:var(--color-action);font-size:11px;font-weight:700;line-height:1.2;text-transform:uppercase}.customer-entry__eyebrow{letter-spacing:.08em}.customer-entry__close{border:1px solid var(--color-border)}.customer-entry__intro{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:15px;padding:30px 0 18px}.customer-entry__intro--guest{align-items:start}.customer-entry__avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--color-accent-soft);color:var(--color-action);font-family:var(--font-heading-family);font-size:19px;font-style:italic}.customer-entry h2{max-width:320px;margin:5px 0 0;color:var(--color-ink);font-family:var(--font-heading-family);font-size:clamp(28px,3vw,38px);font-style:italic;font-weight:400;line-height:1.04}.customer-entry__copy{margin:0 0 26px;color:var(--color-muted);font-size:14px;line-height:1.65}.customer-entry__benefits{display:grid;gap:0;margin:0 0 26px;padding:0;list-style:none;border-block:1px solid var(--color-border)}.customer-entry__benefits li,.customer-entry__nav a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px 0}.customer-entry__benefits li+li,.customer-entry__nav a+a{border-top:1px solid var(--color-border)}.customer-entry__benefits li>span:first-child,.customer-entry__nav a>span:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--color-surface);color:var(--color-action)}.customer-entry__benefits svg,.customer-entry__nav svg{width:19px;height:19px}.customer-entry__benefits strong,.customer-entry__benefits small,.customer-entry__nav strong,.customer-entry__nav small{display:block}.customer-entry__benefits strong,.customer-entry__nav strong{color:var(--color-ink);font-size:14px;font-weight:650}.customer-entry__benefits small,.customer-entry__nav small{margin-top:3px;color:var(--color-muted);font-size:12px;line-height:1.45}.customer-entry__primary,.customer-entry__secondary{min-height:50px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:14px;font-weight:650;transition:transform .18s ease,background .18s ease}.customer-entry__primary{width:100%;background:var(--color-action);color:var(--color-on-action)}.customer-entry__primary:hover{background:var(--color-action-hover);transform:translateY(-1px)}.customer-entry__secondary{margin-top:22px;padding:0 22px;border:1px solid var(--color-border);color:var(--color-ink)}.customer-entry__note{max-width:330px;margin:12px auto 0;color:var(--color-muted);font-size:11px;line-height:1.5;text-align:center}.customer-entry__nav{margin-top:14px;border-block:1px solid var(--color-border)}.customer-entry__nav a{grid-template-columns:38px minmax(0,1fr) 22px}.customer-entry__nav a:hover strong{color:var(--color-action)}@media(max-width:749px){.customer-entry__panel{width:100%;padding:max(18px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}.customer-entry__head{padding-bottom:18px}.customer-entry__intro{padding-top:24px}}@media(prefers-reduced-motion:reduce){.customer-entry__backdrop,.customer-entry__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/customer-entry.css.map */
