@property --loyalty-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.loyalty{--loyalty-sheen:255 255 255;--loyalty-glow:var(--ember-2);isolation:isolate;border:1px solid var(--hairline);background:radial-gradient(120% 90% at 0% 0%, rgb(var(--loyalty-sheen) / .1), transparent 55%), linear-gradient(180deg, color-mix(in srgb, var(--foreground) 5%, transparent), color-mix(in srgb, var(--foreground) 2%, transparent));box-shadow:inset 0 1px 0 rgb(var(--loyalty-sheen) / .2);border-radius:1.25rem;transition:border-color .3s;position:relative}.loyalty-trigger{border-radius:inherit;text-align:left;-webkit-tap-highlight-color:transparent;align-items:center;gap:.75rem;width:100%;min-height:4rem;padding:.75rem .875rem .75rem .75rem;transition:transform .18s cubic-bezier(.2,.8,.2,1);display:flex}.loyalty-trigger:active{transform:scale(.985)}.loyalty-trigger:focus-visible{outline:2px solid var(--ember-1);outline-offset:2px}.loyalty-medal{background:color-mix(in srgb, var(--ember-1) 14%, transparent);width:2.5rem;height:2.5rem;box-shadow:inset 0 1px 0 rgb(var(--loyalty-sheen) / .25);color:var(--ember-1);border-radius:999px;flex:none;place-items:center;transition:background .3s,color .3s;display:grid}.loyalty-chip{background:color-mix(in srgb, var(--foreground) 7%, transparent);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;flex:none;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.loyalty-chevron{color:var(--muted);flex:none;transition:transform .36s cubic-bezier(.32,.72,0,1)}.loyalty[data-open] .loyalty-chevron{transform:rotate(180deg)}.loyalty[data-ready]{border-color:#0000}.loyalty[data-ready] .loyalty-medal{background-image:linear-gradient(135deg, var(--ember-1), var(--ember-2) 55%, var(--ember-3));color:var(--background)}.loyalty[data-ready] .loyalty-chip{background-image:linear-gradient(100deg, var(--ember-1), var(--ember-2) 55%, var(--ember-3));color:var(--background)}.loyalty[data-ready]:before{content:"";border-radius:inherit;background:conic-gradient(from var(--loyalty-angle), color-mix(in srgb, var(--ember-1) 30%, transparent), color-mix(in srgb, var(--ember-1) 30%, transparent) 50%, var(--ember-1) 68%, #fff 78%, var(--ember-2) 86%, color-mix(in srgb, var(--ember-3) 30%, transparent));-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.loyalty[data-ready]:after{content:"";z-index:-1;border-radius:inherit;box-shadow:0 0 0 1px color-mix(in srgb, var(--loyalty-glow) 30%, transparent), 0 0 1.75rem -.25rem color-mix(in srgb, var(--loyalty-glow) 60%, transparent);pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.loyalty[data-ready]:before{animation:3.6s linear infinite loyalty-spin}.loyalty[data-ready]:after{animation:2.4s ease-in-out infinite alternate loyalty-breathe}.loyalty[data-ready] .loyalty-medal svg{transform-origin:50% 80%;animation:3.6s cubic-bezier(.36,0,.3,1) infinite loyalty-wiggle}}@keyframes loyalty-spin{to{--loyalty-angle:360deg}}@keyframes loyalty-breathe{0%{opacity:.35}to{opacity:1}}@keyframes loyalty-wiggle{0%,72%,to{transform:none}78%{transform:rotate(-12deg)scale(1.08)}84%{transform:rotate(10deg)scale(1.08)}90%{transform:rotate(-5deg)}}.loyalty-drawer{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.32,.72,0,1);display:grid}.loyalty[data-open] .loyalty-drawer{grid-template-rows:1fr}.loyalty-drawer>div{min-height:0;overflow:hidden}.loyalty-panel{opacity:0;flex-direction:column;gap:.875rem;padding:.25rem .875rem 1rem;transition:opacity .2s,transform .4s cubic-bezier(.32,.72,0,1);display:flex;transform:translateY(-.5rem)}.loyalty[data-open] .loyalty-panel{opacity:1;transition-delay:60ms;transform:none}.loyalty-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;font-weight:600}.loyalty-field{border:1px solid var(--hairline);background:color-mix(in srgb, var(--background) 70%, transparent);border-radius:999px;align-items:center;min-height:2.875rem;transition:border-color .2s;display:flex}.loyalty-field:focus-within{border-color:color-mix(in srgb, var(--ember-2) 55%, transparent)}.loyalty-field-go{min-height:2.25rem;color:var(--background);border-radius:999px;flex:none;margin-right:.25rem;padding-inline:.875rem;font-size:.75rem;font-weight:600;transition:opacity .2s}.loyalty-field-go:disabled{opacity:.4}.loyalty-who{border:1px solid var(--hairline);border-radius:1rem;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.loyalty-avatar{background:color-mix(in srgb, var(--ember-1) 16%, transparent);width:2rem;height:2rem;color:var(--ember-1);border-radius:999px;flex:none;place-items:center;font-weight:600;display:grid}.loyalty-balance{flex-direction:column;gap:.375rem;display:flex}.loyalty-points{font-variant-numeric:tabular-nums;color:var(--ember-1);font-size:1.875rem;font-weight:600;line-height:1}.loyalty-gauge{background:color-mix(in srgb, var(--foreground) 10%, transparent);border-radius:999px;height:.375rem;display:block;overflow:hidden}.loyalty-gauge>span{border-radius:inherit;background-image:linear-gradient(90deg, var(--ember-1), var(--ember-2) 55%, var(--ember-3));transform-origin:0;height:100%;transition:transform .6s cubic-bezier(.32,.72,0,1);display:block}.loyalty-tiers{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:.5rem;margin-inline:-.875rem;padding:.125rem .875rem;scroll-padding-inline:.875rem;display:flex;overflow-x:auto}.loyalty-tiers::-webkit-scrollbar{display:none}.loyalty-gifts::-webkit-scrollbar{display:none}.loyalty-tier{border:1px solid var(--hairline);max-width:10rem;min-height:2.75rem;color:var(--faint);text-align:left;scroll-snap-align:start;border-radius:.875rem;flex-direction:column;flex:none;align-items:flex-start;gap:.125rem;padding:.5rem .75rem;transition:border-color .2s,background-color .2s,color .2s;display:flex}.loyalty-tier[data-reachable]{color:var(--foreground)}.loyalty-tier[data-reachable]>span:first-child{color:var(--ember-1)}.loyalty-tier[aria-pressed=true]{border-color:color-mix(in srgb, var(--ember-1) 60%, transparent);background:color-mix(in srgb, var(--ember-1) 10%, transparent)}.loyalty-tier-label{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.loyalty-gifts{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:.625rem;margin-inline:-.875rem;padding:.125rem .875rem .25rem;scroll-padding-inline:.875rem;display:flex;overflow-x:auto}.loyalty-gift-slot{scroll-snap-align:start;flex:none;width:8.25rem}@media (prefers-reduced-motion:no-preference){.loyalty[data-open] .loyalty-gift-slot{animation:.42s cubic-bezier(.32,.72,0,1) backwards loyalty-gift-in}.loyalty-gift-slot:nth-child(2){animation-delay:40ms}.loyalty-gift-slot:nth-child(3){animation-delay:80ms}.loyalty-gift-slot:nth-child(n+4){animation-delay:.12s}}@keyframes loyalty-gift-in{0%{opacity:0;transform:translate(.75rem)}}.loyalty-gift{border:1px solid var(--hairline);background:color-mix(in srgb, var(--foreground) 3%, transparent);text-align:left;-webkit-tap-highlight-color:transparent;border-radius:1rem;flex-direction:column;gap:.375rem;width:100%;height:100%;padding:.375rem .375rem .625rem;transition:transform .18s cubic-bezier(.2,.8,.2,1);display:flex}.loyalty-gift:not(:disabled):active{transform:scale(.96)}.loyalty-gift-photo{aspect-ratio:4/3;background:linear-gradient(135deg, color-mix(in srgb, var(--ember-1) 22%, transparent), color-mix(in srgb, var(--ember-3) 12%, transparent));border-radius:.75rem;display:block;position:relative;overflow:hidden}.loyalty-gift-photo>img{object-fit:cover;width:100%;height:100%}.loyalty-gift:disabled .loyalty-gift-photo>:is(img,.loyalty-gift-initial){opacity:.45;filter:grayscale(.7)}.loyalty-gift-initial{width:100%;height:100%;color:var(--ember-1);place-items:center;font-size:1.75rem;display:grid}.loyalty-gift-add,.loyalty-gift-lock{border-radius:999px;place-items:center;width:1.75rem;height:1.75rem;display:grid;position:absolute;top:.375rem;right:.375rem}.loyalty-gift-add{background-image:linear-gradient(135deg, var(--ember-1), var(--ember-2) 55%, var(--ember-3));color:var(--background);font-size:1.125rem;line-height:1;box-shadow:0 .25rem .75rem -.25rem #00000073}.loyalty-gift-lock{color:#fff;background:#00000073}.loyalty-gift-count{color:#fff;background:#0000009e;border-radius:999px;align-items:center;gap:.125rem;padding:.1875rem .5rem;font-size:.6875rem;font-weight:700;display:inline-flex;position:absolute;bottom:.375rem;left:.375rem}@media (prefers-reduced-motion:no-preference){.loyalty-gift-count,.loyalty-points{animation:.38s cubic-bezier(.34,1.56,.64,1) loyalty-pop}}@keyframes loyalty-pop{0%{opacity:0;transform:scale(.6)}}.loyalty-gift-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;padding-inline:.125rem;font-size:.8125rem;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.loyalty-gift>span:last-child{padding-inline:.125rem}[data-menu-root]:has(>.panis-backdrop) [role=dialog] .loyalty{--loyalty-sheen:var(--eg-sheen);border-color:rgb(var(--eg-sheen) / var(--eg-bord-clair));background:radial-gradient(120% 90% at 0% 0%, rgb(var(--eg-sheen) / calc(var(--eg-lumiere) * .55)), transparent 60%), linear-gradient(180deg, rgb(var(--eg-sheen) / .12), rgb(var(--eg-sheen) / .03));box-shadow:inset 0 1px 0 rgb(var(--eg-sheen) / var(--eg-reflet)), inset 0 -1px 0 rgb(var(--eg-rim) / calc(var(--eg-lisere) * var(--eg-doux-lisere))), 0 .75rem 1.5rem -1.25rem #00000073}[data-menu-root]:has(>.panis-backdrop) [role=dialog] .loyalty[data-ready]{border-color:#0000}[data-menu-root]:has(>.panis-backdrop) [role=dialog] :is(.loyalty-gift,.loyalty-tier,.loyalty-who,.loyalty-field){border-color:rgb(var(--eg-rim) / .28);background:linear-gradient(180deg, rgb(var(--eg-sheen) / .14), rgb(var(--eg-sheen) / .04));box-shadow:inset 0 1px 0 rgb(var(--eg-sheen) / calc(var(--eg-reflet) * .6))}[data-menu-root]:has(>.panis-backdrop) [role=dialog] .loyalty-tier[aria-pressed=true]{border-color:color-mix(in srgb, var(--ember-1) 60%, transparent);background:linear-gradient(180deg, rgb(var(--eg-sheen) / .16), rgb(var(--eg-sheen) / .04)), color-mix(in srgb, var(--ember-1) 10%, transparent)}[data-menu-root]:has(>.panis-backdrop) [role=dialog] .loyalty-chip:not(:where(.loyalty[data-ready] *)){background:rgb(var(--eg-sheen) / .22);box-shadow:inset 0 0 0 1px rgb(var(--eg-rim) / .2)}[data-menu-root].theme-caffe-panis [role=dialog] .loyalty:not([data-ready]){border-color:var(--cp-bord)}[data-menu-root].theme-caffe-panis [role=dialog] .loyalty{background-color:var(--cp-chaud)}