@keyframes loyalty-shimmer{from{background-position:100% 0}to{background-position:-100% 0}}@keyframes loyalty-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}html.loyalty-locked{overflow:hidden}.loyalty [hidden]{display:none !important}.loyalty__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:10px 18px;color:var(--my-accent-ink);background:var(--my-surface);border:1px solid var(--my-line-2);border-radius:var(--my-r-pill);font:inherit;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s}.loyalty__button:hover{background:var(--my-accent-softer);border-color:var(--my-accent-ink)}.loyalty__button:disabled{opacity:.65;cursor:progress}.loyalty__button--primary{color:var(--my-on-accent);background:var(--my-accent-grad);border-color:rgba(0,0,0,0)}.loyalty__button--primary:hover{background:var(--my-accent-grad);border-color:rgba(0,0,0,0);filter:brightness(1.06)}.loyalty__button--danger{color:var(--my-on-accent);background:var(--my-danger);border-color:var(--my-danger)}.loyalty__button--danger:hover{filter:brightness(1.08)}.loyalty__icon-button{flex:none;display:inline-grid;place-items:center;width:44px;height:44px;padding:0;color:var(--my-ink);background:rgba(0,0,0,0);border:0;border-radius:50%;cursor:pointer}.loyalty__icon-button:hover{background:var(--my-accent-softer)}.loyalty button:focus-visible,.loyalty a:focus-visible,.loyalty input:focus-visible,.loyalty textarea:focus-visible,.loyalty summary:focus-visible{outline:3px solid var(--my-accent);outline-offset:3px}.loyalty label:focus-within:has(input[type=file]:focus-visible){outline:3px solid var(--my-accent);outline-offset:3px}.loyalty__wallet{margin-top:0}.loyalty__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 260px), 1fr));gap:20px;margin:0;padding:0;list-style:none}.loyalty__grid>li{min-width:0;animation:loyalty-rise .25s ease-out both}.loyalty__skeleton{aspect-ratio:1.586;border-radius:18px;background:linear-gradient(90deg, var(--my-skeleton) 25%, var(--my-skeleton-shine) 50%, var(--my-skeleton) 75%);background-size:200% 100%;animation:loyalty-shimmer 1.3s linear infinite}.loyalty__add-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;aspect-ratio:1.586;padding:var(--my-s-4);color:var(--my-accent-ink);background:var(--my-accent-softer);border:2px dashed var(--my-line-2);border-radius:18px;font:inherit;font-weight:700;cursor:pointer}.loyalty__add-tile:hover{border-color:var(--my-accent-ink)}.loyalty__add-plus{position:relative;font-size:0}.loyalty__add-plus::before,.loyalty__add-plus::after{content:"";position:absolute;top:50%;left:50%;width:18px;height:2.5px;background:currentColor;border-radius:2px;transform:translate(-50%, -50%)}.loyalty__add-plus::after{transform:translate(-50%, -50%) rotate(90deg)}.loyalty__add-plus{display:grid;place-items:center;width:48px;height:48px;color:var(--my-on-accent);background:var(--my-accent-grad);border-radius:50%}.loyalty__error .my-empty__icon{color:var(--my-danger-ink);background:var(--my-danger-soft)}.loyalty__illustration{display:block;max-width:100%;height:auto;margin-inline:auto}.loyalty__badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:var(--my-s-5);padding-top:var(--my-s-5);border-top:1px solid var(--my-line)}.loyalty__badges p{flex:0 0 100%;width:100%;margin:0;font-size:.9rem}.loyalty__badges a{display:inline-flex;align-items:center;min-height:44px}.loyalty__badges img{display:block;width:auto;height:40px}.loyalty__muted{margin:0;color:var(--my-muted);font-size:.9rem}.loyalty__field{display:block;margin-block:16px}.loyalty__field>span:first-child{display:block;margin-bottom:6px;font-weight:700}.loyalty__field small{font-weight:400;color:var(--my-muted)}.loyalty__field>small{display:block;margin-top:6px;font-size:.85rem}.loyalty__field abbr{color:var(--my-danger-ink);text-decoration:none}.loyalty input:not([type=file],[type=radio]),.loyalty textarea{display:block;width:100%;height:auto;min-height:48px;margin:0;padding:12px 14px;color:var(--my-ink);background:var(--my-surface);border:1px solid var(--my-field-line);border-radius:var(--my-r-sm);font:inherit;line-height:1.4}.loyalty input:not([type=file],[type=radio])[aria-invalid=true],.loyalty textarea[aria-invalid=true]{border-color:var(--my-danger-ink);box-shadow:0 0 0 1px var(--my-danger-ink)}.loyalty textarea{min-height:72px;resize:vertical}[dir=rtl] .loyalty__flip{transform:scaleX(-1)}.loyalty-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.loyalty-card{--card: #6330a5;position:relative;display:block;width:100%;aspect-ratio:1.586;margin:0;padding:0;overflow:hidden;color:#fff;text-align:start;font:inherit;background:var(--card) linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.22));border:0;border-radius:18px;box-shadow:0 10px 24px rgba(39,32,58,.16),inset 0 0 0 1px rgba(0,0,0,.06);transition:transform .18s ease,box-shadow .18s ease}.loyalty-card:is(button){cursor:pointer}.loyalty-card:is(button):hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(39,32,58,.22)}.loyalty-card:is(button):focus-visible{outline:3px solid var(--my-accent);outline-offset:3px}.loyalty-card__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.loyalty-card__logo{position:absolute;inset-block-start:12px;inset-inline-start:12px;display:grid;place-items:center;width:44px;height:44px;padding:6px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.18)}.loyalty-card__logo img{max-width:100%;max-height:100%;object-fit:contain}.loyalty-card.has-art .loyalty-card__logo{display:none}.loyalty-card__info{position:absolute;inset-inline:0;inset-block-end:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:36px 16px 14px;background:linear-gradient(to top, rgba(14, 8, 26, 0.82), rgba(14, 8, 26, 0.45) 60%, rgba(14, 8, 26, 0))}.loyalty-card__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.4)}.loyalty-card__number{font-size:.95rem;letter-spacing:.1em;font-variant-numeric:tabular-nums;unicode-bidi:isolate;text-shadow:0 1px 2px rgba(0,0,0,.4)}.loyalty-dialog{width:min(560px,100% - 32px);max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;color:var(--my-ink);background:var(--my-surface);border:1px solid var(--my-line);border-radius:var(--my-r-lg);box-shadow:var(--my-shadow-3);text-align:start;line-height:1.5}.loyalty-dialog[open]{animation:loyalty-rise .2s ease-out}.loyalty-dialog::backdrop{background:var(--my-scrim);backdrop-filter:blur(2px)}.loyalty-dialog h2{color:var(--my-ink)}.loyalty-dialog p{color:var(--my-muted)}.loyalty-dialog__bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:var(--my-s-2);padding:var(--my-s-3);background:var(--my-surface);border-bottom:1px solid var(--my-line)}.loyalty-dialog__bar h2{flex:1;min-width:0;margin:0;padding-inline:var(--my-s-1);font-size:1.2rem;font-weight:800;overflow-wrap:anywhere}.loyalty-dialog__body{padding:var(--my-s-4) var(--my-s-5) var(--my-s-5)}.loyalty-dialog__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--my-s-2);margin-top:var(--my-s-5)}.loyalty-dialog__actions>.loyalty__button,.loyalty-dialog__actions>.my-btn{flex:1 1 140px}@media(max-width: 600px){.loyalty-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.loyalty-dialog__body{padding-inline:var(--my-s-4)}}.loyalty-confirm{width:min(440px,100% - 32px);height:auto;border-radius:20px}.loyalty-confirm h2{margin:4px 0 8px;font-size:1.25rem;overflow-wrap:anywhere}@media(max-width: 600px){.loyalty-confirm{height:auto;max-height:calc(100dvh - 32px);border-radius:20px}}.loyalty-view__face{max-width:340px;margin:4px auto 18px}.loyalty-view__face .loyalty-card{box-shadow:0 8px 20px rgba(39,32,58,.18)}.loyalty-view__code{padding:var(--my-s-4) var(--my-s-4) var(--my-s-3);text-align:center;background:#fff;border:1px solid var(--my-line);border-radius:var(--my-r-md)}.loyalty-view__barcode .code128{display:block;width:100%;height:110px}.loyalty-view__digits{margin:10px 0 0;color:#000 !important;overflow-wrap:anywhere;font:700 1.3rem/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em}.loyalty-view__checkout{width:100%;margin-top:16px}.loyalty-view__hint{margin:10px 0 0;font-size:.9rem;text-align:center}@media(hover: hover)and (pointer: fine){.loyalty-view__hint{display:none}}.loyalty-view__details{margin:18px 0 0}.loyalty-view__details>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--my-line)}.loyalty-view__details>div[hidden]{display:none}.loyalty-view__details dt{color:var(--my-muted);font-weight:600}.loyalty-view__details dd{margin:0;text-align:end;white-space:pre-wrap;overflow-wrap:anywhere}.loyalty-view__photos{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 200px), 1fr));gap:12px;margin-top:16px}.loyalty-view__photos figure{margin:0}.loyalty-view__photos img{display:block;width:100%;aspect-ratio:1.586;object-fit:cover;border:1px solid var(--my-line);border-radius:12px}.loyalty-view__exit{display:none}.loyalty-view.is-checkout,.loyalty-view:fullscreen{width:100%;height:100dvh;max-height:none;border:0;border-radius:0;background:#fff;box-shadow:none;color:#1d1830}.loyalty-view.is-checkout h2,.loyalty-view.is-checkout p,.loyalty-view.is-checkout .loyalty__icon-button,.loyalty-view:fullscreen h2,.loyalty-view:fullscreen p,.loyalty-view:fullscreen .loyalty__icon-button{color:#1d1830}.loyalty-view.is-checkout .loyalty-dialog__bar,.loyalty-view:fullscreen .loyalty-dialog__bar{border:0;background:#fff}.loyalty-view.is-checkout [data-close],.loyalty-view:fullscreen [data-close]{display:none}.loyalty-view.is-checkout .loyalty-view__exit,.loyalty-view:fullscreen .loyalty-view__exit{display:inline-grid}.loyalty-view.is-checkout .loyalty-view__face,.loyalty-view.is-checkout .loyalty-view__checkout,.loyalty-view.is-checkout .loyalty-view__details,.loyalty-view.is-checkout .loyalty-view__photos,.loyalty-view.is-checkout .loyalty-view__actions,.loyalty-view:fullscreen .loyalty-view__face,.loyalty-view:fullscreen .loyalty-view__checkout,.loyalty-view:fullscreen .loyalty-view__details,.loyalty-view:fullscreen .loyalty-view__photos,.loyalty-view:fullscreen .loyalty-view__actions{display:none}.loyalty-view.is-checkout .loyalty-view__hint,.loyalty-view:fullscreen .loyalty-view__hint{display:block}.loyalty-view.is-checkout .loyalty-dialog__body,.loyalty-view:fullscreen .loyalty-dialog__body{display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 72px);padding:var(--my-s-3)}.loyalty-view.is-checkout .loyalty-view__code,.loyalty-view:fullscreen .loyalty-view__code{padding:24px 8px;border:0}.loyalty-view.is-checkout .loyalty-view__barcode .code128,.loyalty-view:fullscreen .loyalty-view__barcode .code128{height:min(40vh,280px)}.loyalty-view.is-checkout .loyalty-view__digits,.loyalty-view:fullscreen .loyalty-view__digits{font-size:clamp(1.4rem,6vw,2.4rem)}.loyalty-view:fullscreen::backdrop{background:#fff}.loyalty-picker__tabs{display:flex;gap:8px;margin-top:4px;padding-bottom:6px;overflow-x:auto;scrollbar-width:thin}.loyalty-picker__tabs[hidden]{display:none}.loyalty-picker__tab{flex:none;min-height:44px;padding:8px 16px;color:var(--my-ink);background:var(--my-surface);border:1px solid var(--my-line-2);border-radius:999px;font:inherit;font-weight:600;cursor:pointer}.loyalty-picker__tab[aria-pressed=true]{color:var(--my-on-accent);background:var(--my-accent);border-color:rgba(0,0,0,0)}.loyalty-picker__tab:focus-visible{outline:3px solid var(--my-accent);outline-offset:3px}.loyalty-picker__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:12px;margin-top:12px}.loyalty-picker__item{display:flex;flex-direction:column;gap:var(--my-s-2);min-width:0;margin:0;padding:var(--my-s-3);color:var(--my-ink);background:var(--my-surface);border:1px solid var(--my-line);border-radius:var(--my-r-md);font:inherit;text-align:start;cursor:pointer}.loyalty-picker__item:hover{background:var(--my-accent-softer);border-color:var(--my-accent-ink)}.loyalty-picker__item:focus-visible{outline:3px solid var(--my-accent);outline-offset:3px}.loyalty-picker__art{--card: #6330a5;display:block;aspect-ratio:1.586;overflow:hidden;background:var(--card);border-radius:10px}.loyalty-picker__art img{display:block;width:100%;height:100%;object-fit:cover}.loyalty-picker__name{padding-inline:2px;font-size:.95rem;font-weight:600;overflow-wrap:anywhere}.loyalty-picker__other{display:flex;align-items:center;gap:14px;width:100%;margin-top:var(--my-s-4);padding:var(--my-s-4);color:var(--my-ink);background:var(--my-accent-softer);border:2px dashed var(--my-line-2);border-radius:14px;font:inherit;text-align:start;cursor:pointer}.loyalty-picker__other:hover{border-color:var(--my-accent-ink)}.loyalty-picker__other:focus-visible{outline:3px solid var(--my-accent);outline-offset:3px}.loyalty-picker__other[hidden]{display:none}.loyalty-picker__other small{display:block;color:var(--my-muted)}.loyalty-picker__plus{position:relative;font-size:0}.loyalty-picker__plus::before,.loyalty-picker__plus::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:2.5px;background:currentColor;border-radius:2px;transform:translate(-50%, -50%)}.loyalty-picker__plus::after{transform:translate(-50%, -50%) rotate(90deg)}.loyalty-picker__plus{flex:none;display:grid;place-items:center;width:44px;height:44px;color:var(--my-on-accent);background:var(--my-accent-grad);border-radius:12px}.loyalty-form__preview{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}@media(max-width: 420px){.loyalty-form__preview{grid-template-columns:1fr}}.loyalty-form__code{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:110px;padding:var(--my-s-3);text-align:center;background:#fff;border:1px solid var(--my-line);border-radius:12px}.loyalty-form__code .code128{display:block;width:100%;height:64px}.loyalty-form__code-text{max-width:100%;font:.9rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#000;overflow-wrap:anywhere}.loyalty-form__art{margin:16px 0 0;padding:0;border:0;min-width:0}.loyalty-form__art legend{padding:0;margin-bottom:8px;font-weight:700}.loyalty-form__art>div{display:flex;flex-wrap:wrap;gap:10px}.loyalty-form__art-option{position:relative;display:block;cursor:pointer}.loyalty-form__art-option input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.loyalty-form__art-option span:not(.loyalty-sr){display:block;width:76px;aspect-ratio:1.586;overflow:hidden;border:2px solid var(--my-line);border-radius:10px}.loyalty-form__art-option img{display:block;width:100%;height:100%;object-fit:cover}.loyalty-form__art-option input:checked+span{border-color:var(--my-accent-ink);box-shadow:0 0 0 2px var(--my-accent-ink)}.loyalty-form__art-option input:focus-visible+span{outline:3px solid var(--my-accent);outline-offset:3px}.loyalty-form__number{display:flex;gap:8px}.loyalty-form__number input{flex:1;min-width:0;font-variant-numeric:tabular-nums;letter-spacing:.04em}.loyalty-form__number .loyalty__button[hidden]{display:none}.loyalty-form__scanner{margin-block:8px 16px;padding:var(--my-s-3);background:var(--my-accent-softer);border-radius:var(--my-r-md);text-align:center}.loyalty-form__scanner[hidden]{display:none}.loyalty-form__scanner video{display:block;width:100%;max-height:280px;object-fit:cover;background:#000;border-radius:10px}.loyalty-form__scanner p{margin:8px 0}.loyalty-form__photos{margin:18px 0 0;padding:0;border:0;min-width:0}.loyalty-form__photos legend{padding:0;font-weight:700}.loyalty-form__photos small{font-weight:400;color:var(--my-muted)}.loyalty-form__error{margin:16px 0 0;padding:var(--my-s-3) var(--my-s-4);color:var(--my-danger-ink) !important;background:var(--my-danger-soft);border-radius:var(--my-r-md);font-weight:600}.loyalty-form__error:empty{display:none}.loyalty-form__actions{position:sticky;bottom:0;z-index:1;margin:var(--my-s-5) calc(-1*var(--my-s-5)) calc(-1*var(--my-s-5));padding:var(--my-s-4) var(--my-s-5);background:var(--my-surface);border-top:1px solid var(--my-line)}@media(max-width: 600px){.loyalty-form__actions{margin-inline:calc(-1*var(--my-s-4));padding-inline:var(--my-s-4)}}.loyalty-photo{display:grid;grid-template-columns:minmax(0, 140px) minmax(0, 1fr);gap:14px;align-items:center;margin-top:12px}.loyalty-photo__preview{position:relative;display:grid;place-items:center;aspect-ratio:1.586;overflow:hidden;color:var(--my-muted);background:var(--my-accent-softer);border:2px dashed var(--my-line-2);border-radius:12px;font-weight:600}.loyalty-photo__preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.loyalty-photo__preview.has-photo{border-style:solid;border-color:var(--my-line)}.loyalty-photo__actions{display:flex;flex-wrap:wrap;gap:8px}.loyalty-photo__actions label{position:relative;overflow:hidden}.loyalty-photo__actions input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}.loyalty-photo__camera{display:none !important}@media(pointer: coarse){.loyalty-photo__camera{display:inline-flex !important}}.loyalty-toast{position:fixed;inset:auto 16px 24px;z-index:2147483000;width:auto;max-width:420px;height:auto;margin-inline:auto;padding:14px 18px;color:#fff;background:#1d1830;border:0;border-radius:14px;box-shadow:0 12px 30px rgba(20,12,36,.3);font-weight:600;text-align:center;animation:loyalty-rise .2s ease-out}.loyalty-toast[hidden]{display:none}@media(prefers-reduced-motion: reduce){.loyalty *,.loyalty-card,.loyalty-dialog,.loyalty-toast,.loyalty__grid>li{animation:none !important;transition:none !important}.loyalty-card:is(button):hover{transform:none}}@media(forced-colors: active){.loyalty-card__info{background:Canvas;color:CanvasText}.loyalty-view__code,.loyalty-form__code{forced-color-adjust:none}}/*# sourceMappingURL=my-loyalty.css.map */