.shop{--shop-inset-top:env(safe-area-inset-top,0px);--shop-inset-bottom:env(safe-area-inset-bottom,0px);--ease-sheet:cubic-bezier(.32, .72, 0, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}@keyframes shop-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.shop .shop-rise{animation:shop-rise .32s var(--ease-sheet) both;animation-delay:calc(min(var(--i,0), 8) * 28ms)}@keyframes shop-fade{0%{opacity:0}to{opacity:1}}.shop .shop-fade{animation:.2s ease-out both shop-fade}@keyframes shop-pop{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}.shop .shop-pop{animation:shop-pop .34s var(--ease-spring)}@keyframes shop-dock-in{0%{transform:translateY(110%)}to{transform:translateY(0)}}.shop .shop-dock-in{animation:shop-dock-in .42s var(--ease-spring) both}@keyframes shop-fly{0%{opacity:1;transform:translate(0,0)scale(1)}60%{opacity:1}to{transform:translate3d(var(--dx), var(--dy), 0) scale(.28);opacity:.15}}.shop .shop-fly{animation:.56s cubic-bezier(.4,0,.6,1) forwards shop-fly}@keyframes shop-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.shop .shop-sheet-up{animation:shop-sheet-up .38s var(--ease-sheet) both}@keyframes shop-scrim{0%{opacity:0}to{opacity:1}}.shop .shop-scrim{animation:.3s ease-out both shop-scrim}@keyframes shop-push{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.shop .shop-push{animation:shop-push .3s var(--ease-sheet) both}@keyframes shop-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shop .shop-shimmer{background-image:linear-gradient(90deg, var(--aph-gray-100) 25%, var(--aph-gray-200) 50%, var(--aph-gray-100) 75%);background-size:200% 100%;animation:1.4s linear infinite shop-shimmer}.shop .shop-pin{transition:transform .22s var(--ease-spring), filter .22s ease-out}.shop .shop-pin-lifted{transform:translateY(-10px)}.shop .shop-pin-shadow{transition:transform .22s var(--ease-spring), opacity .22s ease-out}.shop .shop-pin-shadow-lifted{opacity:.35;transform:scale(.6)}@keyframes shop-draw{to{stroke-dashoffset:0}}.shop .shop-draw{stroke-dasharray:48;stroke-dashoffset:48px;animation:.52s ease-out .16s forwards shop-draw}@keyframes shop-ring{0%{opacity:0;transform:scale(.6)}60%{opacity:1}to{opacity:1;transform:scale(1)}}.shop .shop-ring{animation:shop-ring .42s var(--ease-spring) both}@keyframes shop-cheer-in{0%{opacity:0;transform:translateY(22px)scale(.86)}62%{opacity:1;transform:translateY(-5px)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}.shop .shop-cheer-in{animation:shop-cheer-in .46s var(--ease-spring) both;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.shop .shop-press{transition:transform .12s ease-out,background-color .26s ease-out,color .26s ease-out}.shop .shop-press:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.shop *,.shop :before,.shop :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.shop .shop-shimmer{background-image:none;background-color:var(--aph-gray-100)}}.shop.shop-still *,.shop.shop-still :before,.shop.shop-still :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.shop.shop-still .shop-shimmer{background-image:none;background-color:var(--aph-gray-100)}.shop p,.shop li,.shop label,.shop .shop-prose{text-wrap:pretty}.shop h1,.shop h2,.shop h3{text-wrap:balance}@keyframes shop-sheet-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}.shop .shop-sheet-down{animation:shop-sheet-down .3s var(--ease-sheet) both}@keyframes shop-scrim-out{0%{opacity:1}to{opacity:0}}.shop .shop-scrim-out{animation:.22s ease-in both shop-scrim-out}@keyframes shop-nav-in-fwd{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes shop-nav-out-fwd{0%{opacity:1;transform:translate(0)}to{opacity:.45;transform:translate(-25%)}}@keyframes shop-nav-in-back{0%{opacity:.45;transform:translate(-25%)}to{opacity:1;transform:translate(0)}}@keyframes shop-nav-out-back{0%{transform:translate(0)}to{transform:translate(100%)}}.shop .shop-nav-in-fwd{animation:shop-nav-in-fwd .32s var(--ease-sheet) both}.shop .shop-nav-out-fwd{animation:shop-nav-out-fwd .32s var(--ease-sheet) both}.shop .shop-nav-in-back{animation:shop-nav-in-back .32s var(--ease-sheet) both}.shop .shop-nav-out-back{animation:shop-nav-out-back .32s var(--ease-sheet) both}@keyframes shop-confetti{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{transform:translate3d(var(--drift), 105vh, 0) rotate(var(--spin));opacity:0}}.shop .shop-confetti-piece{animation:shop-confetti var(--fall) cubic-bezier(.25, .5, .5, 1) var(--wait) both}@keyframes shop-reward-in{0%{opacity:0;transform:translateY(-140%)}to{opacity:1;transform:translateY(0)}}@keyframes shop-reward-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-140%)}}.shop .shop-reward-in{animation:shop-reward-in .42s var(--ease-spring) both}.shop .shop-reward-out{animation:.3s ease-in both shop-reward-out}@keyframes shop-shine{0%{transform:translate(-140%)skew(-18deg)}to{transform:translate(420%)skew(-18deg)}}.shop .shop-shine{animation:.7s ease-out both shop-shine}.shop .shop-screen{animation:none}.shop .shop-screen.shop-nav-in-fwd{animation:shop-nav-in-fwd .32s var(--ease-sheet) both}.shop .shop-screen.shop-nav-in-back{animation:shop-nav-in-back .32s var(--ease-sheet) both}@keyframes shop-ripple{0%{opacity:.5;transform:scale(.75)}to{opacity:0;transform:scale(2.2)}}.shop .shop-ripple{animation:.9s cubic-bezier(.2,.7,.4,1) .14s both shop-ripple}@keyframes shop-tray-open{0%{opacity:.35;grid-template-rows:0fr}to{opacity:1;grid-template-rows:1fr}}@keyframes shop-tray-close{0%{opacity:1;grid-template-rows:1fr}to{opacity:.35;grid-template-rows:0fr}}.shop .shop-tray-open{animation:.3s ease-out shop-tray-open}.shop .shop-tray-close{animation:.22s ease-in forwards shop-tray-close}.shop .shop-scrim-fade{animation:.22s ease-in forwards shop-scrim-out}@media (prefers-reduced-motion:reduce){.shop .shop-tray-open,.shop .shop-tray-close{animation-duration:1ms}}
.shop [style*="background-color:var(--shop-accent)"],.shop [style*="background-color: var(--shop-accent)"],.shop [style*="background-color:var(--shop-accent)"] [class*=text-white],.shop [style*="background-color: var(--shop-accent)"] [class*=text-white]{color:var(--shop-on-accent)}
.appmock-frame{--aph-gray-50:#f8fafc;--aph-gray-100:#f1f5f9;--aph-gray-200:#e2e8f0;--aph-gray-300:#cbd5e1;--aph-gray-400:#94a3b8;--aph-gray-500:#64748b;--aph-gray-600:#475569;--aph-gray-700:#334155;--aph-gray-900:#0f172a;--color-aph-gray-50:var(--aph-gray-50);--color-aph-gray-100:var(--aph-gray-100);--color-aph-gray-200:var(--aph-gray-200);--color-aph-gray-300:var(--aph-gray-300);--color-aph-gray-400:var(--aph-gray-400);--color-aph-gray-500:var(--aph-gray-500);--color-aph-gray-600:var(--aph-gray-600);--color-aph-gray-700:var(--aph-gray-700);--color-aph-gray-900:var(--aph-gray-900)}.appmock-frame .chat-type,.appmock-frame .chat-type input,.appmock-frame .chat-type textarea,.appmock-frame .chat-type button,.appmock-frame .chat-type h1,.appmock-frame .chat-type h2,.appmock-frame .chat-type h3,.appmock-frame .chat-type h4,.appmock-frame .chat-type h5,.appmock-frame .chat-type .font-display{letter-spacing:normal;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Segoe UI,Roboto,system-ui,sans-serif}
@keyframes chat-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.chat-arrive{animation:.2s cubic-bezier(.2,.8,.2,1) both chat-arrive}@keyframes inv-changed{0%{color:var(--aph-orange,#f5821f);transform:scale(1.22)}to{transform:none}}.inv-changed{animation:.48s cubic-bezier(.2,.8,.2,1) both inv-changed;display:inline-block}@keyframes card-arrive{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}.card-arrive{animation:.26s cubic-bezier(.2,.8,.2,1) both card-arrive}.row-arrive{animation:.24s cubic-bezier(.2,.8,.2,1) backwards chat-arrive}@keyframes stat-changed{0%{opacity:.2;transform:translateY(.4em)}to{opacity:1;transform:none}}.stat-changed{animation:.32s cubic-bezier(.2,.8,.2,1) backwards stat-changed;display:inline-block}@keyframes feel-veil-in{0%{opacity:0}to{opacity:1}}@keyframes feel-veil-out{0%{opacity:1}to{opacity:0}}.feel-veil{animation:feel-veil-in var(--motion-veil-in,.14s) ease-out both}.feel-veil[data-leaving=true]{animation:feel-veil-out var(--motion-veil-out,.18s) ease-out both}@keyframes feel-pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.feel-pop{transform-origin:top;animation:.14s cubic-bezier(.22,1,.36,1) backwards feel-pop}.feel-pop[data-up=true]{transform-origin:bottom}.feel-pop[data-end=true]{transform-origin:100% 0}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.96)}to{opacity:1;transform:none}}@keyframes toast-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.chat-arrive,.inv-changed,.card-arrive,.row-arrive,.stat-changed,.feel-veil,.feel-pop,.feel-veil[data-leaving=true]{animation:none}}
.aph-dialog-backdrop{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}:root[data-kb=up] .aph-dialog-backdrop{padding-top:.5rem;padding-bottom:.5rem}.aph-dialog{max-height:calc(var(--visible-height,100dvh) - 2rem);overscroll-behavior:contain;overflow-y:auto}