Created
February 5, 2026 18:12
-
-
Save hanford/ce8b6092095935bf0348503af75cce28 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html lang="en"><head><meta charset="UTF-8"><link rel="preload" as="image" href="/pluto-images/funnel/images/477248c5-a9b7-4a4a-9c52-f2f10113b215?w=640&fit=cover" media="(max-width: 600px) and (max-resolution: 1.5dppx)" fetchpriority="high"><link rel="preload" as="image" href="/pluto-images/funnel/images/477248c5-a9b7-4a4a-9c52-f2f10113b215?w=960&fit=cover" media="(max-width: 600px) and (min-resolution: 1.51dppx) and (max-resolution: 2.5dppx)" fetchpriority="high"><link rel="preload" as="image" href="/pluto-images/funnel/images/477248c5-a9b7-4a4a-9c52-f2f10113b215?w=1200&fit=cover" media="(max-width: 600px) and (min-resolution: 2.51dppx)" fetchpriority="high"><link rel="preload" as="image" href="/pluto-images/funnel/images/477248c5-a9b7-4a4a-9c52-f2f10113b215?w=1920&fit=cover" media="(min-width: 601px)" fetchpriority="high"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="cloudflare-account-ownership-verification" content="Xqi4JlBxP2suEax8DYUg"><title>Nippon Curry | Best Japanese food in California | Japanese food near me</title><meta name="description" content="Nippon Curry: the best Japanese food in California and other locations. Order directly online today for takeout or delivery. Save money, support local business!"><meta name="theme-color" content="#db594b"><meta name="brand-id" content="K0rzIXlWJM0O"><meta name="owner-brand-id" content="K0rzIXlWJM0O"><meta name="google-site-verification" content="Wl5AVlQcaJvlWjipnNG0G1d6dkW3tPEC0q0mceuLX_c"><link rel="canonical" href="https://nipponcurry.com/"><meta property="og:title" content="Nippon Curry | Best Japanese food in California | Japanese food near me"><meta property="og:description" content="Nippon Curry: the best Japanese food in California and other locations. Order directly online today for takeout or delivery. Save money, support local business!"><meta property="og:url" content="https://nipponcurry.com/"><meta property="og:type" content="website"><meta property="og:image" content="https://static-content.owner.com/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?v=5934986789"><meta property="og:image:alt" content="Nippon Curry logo"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Nippon Curry | Best Japanese food in California | Japanese food near me"><meta name="twitter:description" content="Nippon Curry: the best Japanese food in California and other locations. Order directly online today for takeout or delivery. Save money, support local business!"><meta name="twitter:image" content="https://static-content.owner.com/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?v=5934986789"><link rel="icon" href="/pluto-images/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?w=32&h=32&dpr=1&fit=pad" sizes="32x32" type="image/png"><link rel="icon" href="/pluto-images/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?w=48&h=48&dpr=1&fit=pad" sizes="48x48" type="image/png"><link rel="icon" href="/pluto-images/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?w=96&h=96&dpr=1&fit=pad" sizes="96x96" type="image/png"><link rel="shortcut icon" href="/pluto-images/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?w=96&h=96&dpr=1&fit=pad" type="image/png"><link rel="apple-touch-icon" href="/pluto-images/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?w=180&h=180&dpr=1&fit=pad" sizes="180x180"><style> | |
| :root { | |
| --theme-font-primary: Abril Fatface; | |
| --theme-font-secondary: Geist; | |
| --font-default: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; | |
| --mercury-ui-font-family-primary: 'Abril Fatface', Georgia, "Times New Roman", Times, serif; | |
| --mercury-ui-font-family-secondary: 'Geist', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; | |
| } | |
| </style><style> | |
| :root { | |
| --mercury-ui-brand-primary: 232 170 2; | |
| --mercury-ui-brand-light: 255 190 2; | |
| --mercury-ui-brand-dark: 204 149 1; | |
| --mercury-ui-brand-accessible-over-primary: 26 26 26; | |
| --mercury-ui-brand-accessible-over-background: 0 0 0; | |
| --mercury-ui-success-100: 241 248 243; | |
| --mercury-ui-success-200: 57 199 105; | |
| --mercury-ui-success-300: 0 125 42; | |
| --mercury-ui-success-400: 0 88 5; | |
| --mercury-ui-success: 0 125 42; | |
| --mercury-ui-info-100: 236 244 254; | |
| --mercury-ui-info-200: 129 179 249; | |
| --mercury-ui-info-300: 30 69 139; | |
| --mercury-ui-info-400: 18 42 84; | |
| --mercury-ui-warning-100: 255 241 224; | |
| --mercury-ui-warning-200: 255 161 102; | |
| --mercury-ui-warning-300: 183 94 0; | |
| --mercury-ui-warning-400: 99 55 3; | |
| --mercury-ui-danger-100: 252 240 240; | |
| --mercury-ui-danger-200: 255 71 80; | |
| --mercury-ui-danger-300: 232 28 38; | |
| --mercury-ui-danger-400: 145 4 38; | |
| --mercury-ui-text-primary: 13 13 13; | |
| --mercury-ui-text-secondary: 77 77 77; | |
| --mercury-ui-text-placeholder: 112 112 112; | |
| --mercury-ui-text-inverse: 255 255 255; | |
| --mercury-ui-text-accessible-over-brand-primary: 26 26 26; | |
| --mercury-ui-text-accessible-over-brand-background: 0 0 0; | |
| --mercury-ui-text-button-primary: 255 255 255; | |
| --mercury-ui-text-button-secondary: 13 13 13; | |
| --mercury-ui-text-neutral-900: 13 13 13; | |
| --mercury-ui-text-neutral-700: 77 77 77; | |
| --mercury-ui-text-neutral-100: 255 255 255; | |
| --mercury-ui-text-neutral-400: 214 214 214; | |
| --mercury-ui-bg-primary: 255 255 255; | |
| --mercury-ui-bg-secondary: 235 235 236; | |
| --mercury-ui-bg-tertiary: 246 246 246; | |
| --mercury-ui-bg-inverse: 13 13 13; | |
| --mercury-ui-text-inverse-secondary: 214 214 214; | |
| --mercury-ui-bg-divider: 214 214 214; | |
| --mercury-ui-bg-blur: 255 255 255; | |
| --mercury-ui-bg-blur-dark: 30 31 32; | |
| --mercury-ui-bg-button-primary: 232 170 2; | |
| --mercury-ui-bg-overlay: 0 0 0; | |
| --mercury-ui-border-radius-full: 9999px; | |
| --mercury-ui-border-radius-small: 1rem; | |
| --mercury-ui-border-radius-medium: 1.5rem; | |
| --mercury-ui-border-radius-large: 2rem; | |
| --mercury-ui-border-radius-control: 0.625rem; | |
| --mercury-ui-box-shadow-control: 0px 1px 3px 0px #00000026, 0px 0px 0px 1px #0000001A; | |
| --mercury-ui-font-family-primary: var(--theme-font-primary); | |
| --mercury-ui-font-family-secondary: var(--theme-font-secondary); | |
| --mercury-ui-title-5xl-font-size: 4.375rem; | |
| --mercury-ui-title-4xl-font-size: 3.5rem; | |
| --mercury-ui-title-3xl-font-size: 2.5rem; | |
| --mercury-ui-title-2xl-font-size: 1.75rem; | |
| --mercury-ui-title-xl-font-size: 1.375rem; | |
| --mercury-ui-title-lg-font-size: 1.25rem; | |
| --mercury-ui-title-md-font-size: 1.125rem; | |
| --mercury-ui-title-sm-font-size: 1rem; | |
| --mercury-ui-title-xs-font-size: 0.875rem; | |
| --mercury-ui-text-lg-font-size: 1.25rem; | |
| --mercury-ui-text-md-font-size:1rem; | |
| --mercury-ui-text-sm-font-size:0.875rem; | |
| --mercury-ui-text-xs-font-size:0.75rem; | |
| --mercury-ui-button-lg-font-size: 1.125rem; | |
| --mercury-ui-button-md-font-size: 1rem; | |
| --mercury-ui-button-sm-font-size: 0.875rem; | |
| --mercury-ui-title-5xl-font-weight: 500; | |
| --mercury-ui-title-4xl-font-weight: 500; | |
| --mercury-ui-title-3xl-font-weight: 500; | |
| --mercury-ui-title-2xl-font-weight: 500; | |
| --mercury-ui-title-xl-font-weight: 500; | |
| --mercury-ui-title-lg-font-weight: 500; | |
| --mercury-ui-title-md-font-weight: 500; | |
| --mercury-ui-title-sm-font-weight: 500; | |
| --mercury-ui-title-xs-font-weight: 500; | |
| --mercury-ui-text-lg-font-weight: 500; | |
| --mercury-ui-text-md-font-weight:500; | |
| --mercury-ui-text-sm-font-weight:500; | |
| --mercury-ui-text-xs-font-weight:500; | |
| --mercury-ui-button-lg-font-weight: 500; | |
| --mercury-ui-button-md-font-weight: 500; | |
| --mercury-ui-button-sm-font-weight: 500; | |
| --mercury-ui-title-5xl-line-height: 5.25rem; | |
| --mercury-ui-title-4xl-line-height: 3.875rem; | |
| --mercury-ui-title-3xl-line-height: 3.125rem; | |
| --mercury-ui-title-2xl-line-height: 2.1875rem; | |
| --mercury-ui-title-xl-line-height: 1.75rem; | |
| --mercury-ui-title-lg-line-height: 1.625rem; | |
| --mercury-ui-title-md-line-height: 1.5rem; | |
| --mercury-ui-title-sm-line-height: 1.375rem; | |
| --mercury-ui-title-xs-line-height: 1.25rem; | |
| --mercury-ui-text-lg-line-height: 1.625rem; | |
| --mercury-ui-text-md-line-height:1.375rem; | |
| --mercury-ui-text-sm-line-height:1.25rem; | |
| --mercury-ui-text-xs-line-height:1.25rem; | |
| --mercury-ui-button-lg-line-height: 1.5rem; | |
| --mercury-ui-button-md-line-height: 1.375rem; | |
| --mercury-ui-button-sm-line-height: 1.25rem; | |
| --mercury-ui-title-5xl-letter-spacing: 0rem; | |
| --mercury-ui-title-4xl-letter-spacing: 0rem; | |
| --mercury-ui-title-3xl-letter-spacing: 0rem; | |
| --mercury-ui-title-2xl-letter-spacing: 0rem; | |
| --mercury-ui-title-xl-letter-spacing: 0rem; | |
| --mercury-ui-title-lg-letter-spacing: 0rem; | |
| --mercury-ui-title-md-letter-spacing: 0rem; | |
| --mercury-ui-title-sm-letter-spacing: 0rem; | |
| --mercury-ui-title-xs-letter-spacing: 0rem; | |
| --mercury-ui-text-lg-letter-spacing: 0rem; | |
| --mercury-ui-text-md-letter-spacing:0rem; | |
| --mercury-ui-text-sm-letter-spacing:0rem; | |
| --mercury-ui-text-xs-letter-spacing:0rem; | |
| --mercury-ui-button-lg-letter-spacing: 0rem; | |
| --mercury-ui-button-md-letter-spacing: 0rem; | |
| --mercury-ui-button-sm-letter-spacing: 0rem; | |
| --mercury-ui-border-button-primary: 232 170 2; | |
| --mercury-ui-border-button-secondary: 214 214 214; | |
| --mercury-ui-text-primary-30: 13 13 13; | |
| /* Popover semantic variables - adapt based on theme palette */ | |
| --mercury-ui-popover: 255 255 255; | |
| --mercury-ui-popover-border-width: 0px; | |
| --mercury-ui-popover-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.20); | |
| }</style><link rel="stylesheet" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@500;700&display=swap" onload="this.onload=null;this.rel='stylesheet'"><link rel="stylesheet" as="style" href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap" onload="this.onload=null;this.rel='stylesheet'"><link rel="stylesheet" as="style" href="https://fonts.googleapis.com/css2?family=Geist:wght@500;700&display=swap" onload="this.onload=null;this.rel='stylesheet'"><noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@500;700&display=swap" rel="stylesheet" /><link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap" rel="stylesheet" /><link href="https://fonts.googleapis.com/css2?family=Geist:wght@500;700&display=swap" rel="stylesheet" /></noscript><!-- Load Datadog SDK via CDN (async, non-blocking) --><script src="https://www.datadoghq-browser-agent.com/us1/v6/datadog-rum.js" type="text/javascript" async=""></script> <script src="https://www.datadoghq-browser-agent.com/us1/v6/datadog-logs.js" type="text/javascript" async=""></script> <script>(function(){const brandIdJson = "\"K0rzIXlWJM0O\""; | |
| // Store brandId in window for access by the init script | |
| window.__APOLLO_BRAND_ID = brandIdJson ? JSON.parse(brandIdJson) : undefined | |
| })();</script> <script type="module" src="/_astro/DatadogRumScript.astro_astro_type_script_index_0_lang.DMZSarHa.js"></script><style>@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-app-promo-backdrop[data-astro-cid-v2civw3g]{animation:backdropFadeIn .2s ease-out forwards}.mobile-app-promo-content[data-astro-cid-v2civw3g]{animation:slideInUp .3s ease-out forwards} | |
| .scrollbar-hide[data-astro-cid-cskssydd]{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide[data-astro-cid-cskssydd]::-webkit-scrollbar{display:none}.events-mobile-nav[data-astro-cid-cskssydd].open .mobile-caret[data-astro-cid-cskssydd]{transform:rotate(180deg)}.events-mobile-nav[data-astro-cid-cskssydd].open .mobile-location-sheet[data-astro-cid-cskssydd]{display:block}.location-hours-wrapper[data-astro-cid-3vw7wg3k]{width:100%}.location-carousel[data-astro-cid-32doiw7r]{display:flex;gap:2rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.location-carousel[data-astro-cid-32doiw7r]::-webkit-scrollbar{display:none}.location-slide[data-astro-cid-32doiw7r]{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.location-pills-container[data-astro-cid-zdmtrqqf]{display:flex;width:100%;flex-direction:row;gap:.5rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.location-pills-container[data-astro-cid-zdmtrqqf]::-webkit-scrollbar{display:none}.location-pill[data-astro-cid-zdmtrqqf]{border-radius:9999px;border:1px solid transparent;padding:.75rem 1rem;transition:all .2s;white-space:nowrap;background-color:rgb(var(--mercury-ui-bg-secondary));cursor:pointer;font-family:inherit;font-size:inherit}.location-pill[data-astro-cid-zdmtrqqf]:hover{opacity:.8}.location-pill[data-astro-cid-zdmtrqqf]:focus,.location-pill[data-astro-cid-zdmtrqqf]:active{border-color:rgb(var(--mercury-ui-border-secondary))}.scrollbar-hide[data-astro-cid-kk6tazgd]::-webkit-scrollbar{display:none}.scrollbar-hide[data-astro-cid-kk6tazgd]{-ms-overflow-style:none;scrollbar-width:none} | |
| .pin[data-astro-cid-szifbuiy]{transform-style:preserve-3d;transform-origin:center center;transition:transform .3s ease}.owner-link[data-astro-cid-szifbuiy]:hover .pin[data-astro-cid-szifbuiy]{animation:smoothSpinAndShift 1s linear}@keyframes smoothSpinAndShift{0%{transform:rotateY(0) translateY(0)}10%{transform:rotateY(0) translateY(6px) scale(1.1)}25%{transform:rotateY(180deg) translateY(-10px) scale(1.15)}35%{transform:rotateY(210deg) translateY(-7px) scale(1.15)}50%{transform:rotateY(360deg) translateY(8px) scale(1.1)}65%{transform:rotateY(360deg) translateY(0) scale(1)}75%{transform:rotateY(360deg) translateY(0)}85%{transform:rotateY(360deg) translateY(0)}to{transform:rotateY(360deg) translateY(0)}} | |
| @keyframes dropdown-pop{0%{opacity:0;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}[data-astro-cid-pqsyg2qg][data-dropdown-panel][data-dropdown-open=true]{opacity:1;pointer-events:auto;transform:scaleY(1);animation:dropdown-pop .1s ease-out;transform-origin:top top}[data-astro-cid-pqsyg2qg][data-dropdown-root][data-dropdown-open=true] [data-astro-cid-pqsyg2qg][data-arrow]{transform:rotate(180deg)}#account-nav-desktop-menu[data-astro-cid-s5euux6b]:not(.hidden){display:inline-flex!important}[data-astro-cid-pux6a34n][data-menu-open=true] .hamburger-line-top[data-astro-cid-pux6a34n]{transform:translateY(8px) rotate(45deg)}[data-astro-cid-pux6a34n][data-menu-open=true] .hamburger-line-middle[data-astro-cid-pux6a34n]{width:0%;opacity:0}[data-astro-cid-pux6a34n][data-menu-open=true] .hamburger-line-bottom[data-astro-cid-pux6a34n]{transform:translateY(-8px) rotate(-45deg)}#mobile-menu[data-astro-cid-pux6a34n][data-open=true]{opacity:1;pointer-events:auto}@keyframes nav-dropdown-pop{}body:has([data-menu-open=true]){overflow:hidden} | |
| /*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-600:oklch(66.6% .179 58.318);--color-green-100:oklch(96.2% .044 156.743);--color-green-600:oklch(62.7% .194 149.214);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--leading-normal:1.5;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-2xl:40px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--mercury-ui-font-family-secondary,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"),var(--font-default,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentcolor)}::file-selector-button{border-color:var(--color-gray-200,currentcolor)}button:not(:disabled),[role=button]:not(:disabled),[type=button]:not(:disabled),[type=submit]:not(:disabled),[type=reset]:not(:disabled){cursor:pointer}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:#6a7282;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}:is([type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#155dfc;outline:2px solid #0000}input::-moz-placeholder,textarea::-moz-placeholder{color:#6a7282;opacity:1}input::placeholder,textarea::placeholder{color:#6a7282;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-date-and-time-value{text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-image:initial;background-position:0 0;background-position:initial;background-repeat:repeat;background-repeat:initial;background-size:auto auto;background-size:initial;-webkit-print-color-adjust:inherit;print-color-adjust:inherit;padding-right:.75rem}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#155dfc;--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:#6a7282;flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors:active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media (forced-colors:active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{background-color:currentColor;border-color:#0000}[type=file]{background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;background:initial;border-color:inherit;font-size:inherit;line-height:inherit;border-width:0;border-radius:0;padding:0}[type=file]:focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.-top-\[2000px\]{top:-2000px}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-4{top:calc(var(--spacing)*4)}.top-6{top:calc(var(--spacing)*6)}.top-8{top:calc(var(--spacing)*8)}.top-\[-9999px\]{top:-9999px}.top-\[23px\]{top:23px}.top-\[32px\]{top:32px}.top-\[72px\]{top:72px}.top-\[88px\]{top:88px}.top-\[calc\(100\%\+4px\)\]{top:calc(100% + 4px)}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-8{right:calc(var(--spacing)*8)}.right-full{right:100%}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-\[calc\(0\.5rem\+env\(safe-area-inset-bottom\,0\)\)\]{bottom:calc(.5rem + env(safe-area-inset-bottom,0))}.-left-1{left:calc(var(--spacing)*-1)}.-left-3{left:calc(var(--spacing)*-3)}.-left-\[2000px\]{left:-2000px}.-left-full{left:-100%}.left-0{left:calc(var(--spacing)*0)}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.left-4{left:calc(var(--spacing)*4)}.left-\[-9999px\]{left:-9999px}.left-\[23px\]{left:23px}.left-\[32px\]{left:32px}.left-full{left:100%}.-z-10{z-index:-10}.z-0{z-index:0}.z-5{z-index:5}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-1001{z-index:1001}.order-111{order:111}.order-123{order:123}.order-222{order:222}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}@media (min-width:380px){.container{max-width:380px}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.m-0{margin:calc(var(--spacing)*0)}.m-2{margin:calc(var(--spacing)*2)}.m-4{margin:calc(var(--spacing)*4)}.m-auto{margin:auto}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-6{margin-inline:calc(var(--spacing)*6)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing)*0)}.my-2{margin-block:calc(var(--spacing)*2)}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.my-14{margin-block:calc(var(--spacing)*14)}.my-16{margin-block:calc(var(--spacing)*16)}.my-40{margin-block:calc(var(--spacing)*40)}.my-content-vertical-mobile{margin-block:32px}.my-px{margin-block:1px}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-\[2px\]{margin-top:2px}.mt-auto{margin-top:auto}.-mr-4{margin-right:calc(var(--spacing)*-4)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.-mb-2{margin-bottom:calc(var(--spacing)*-2)}.-mb-\[150px\]{margin-bottom:-150px}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-14{margin-bottom:calc(var(--spacing)*14)}.mb-32{margin-bottom:calc(var(--spacing)*32)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-52{margin-left:calc(var(--spacing)*52)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-none{-webkit-line-clamp:unset;-webkit-box-orient:horizontal;display:block;overflow:visible}.scrollbars-hidden::-webkit-scrollbar{display:none}.scrollbars-hidden{-ms-overflow-style:none;scrollbar-width:none}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-0{height:calc(var(--spacing)*0)}.h-1{height:calc(var(--spacing)*1)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-18{height:72px}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-30{height:7.5rem}.h-32{height:calc(var(--spacing)*32)}.h-36{height:calc(var(--spacing)*36)}.h-38{height:calc(var(--spacing)*38)}.h-48{height:calc(var(--spacing)*48)}.h-62{height:calc(var(--spacing)*62)}.h-64{height:calc(var(--spacing)*64)}.h-72{height:calc(var(--spacing)*72)}.h-\[0\.5px\]{height:.5px}.h-\[1\.2em\]{height:1.2em}.h-\[1\.8lh\]{height:1.8lh}.h-\[1em\]{height:1em}.h-\[2px\]{height:2px}.h-\[3px\]{height:3px}.h-\[10px\]{height:10px}.h-\[22px\]{height:22px}.h-\[40px\]{height:40px}.h-\[46px\]{height:46px}.h-\[48px\]{height:48px}.h-\[56px\]{height:56px}.h-\[140px\]{height:140px}.h-\[150px\]{height:150px}.h-\[176px\]{height:176px}.h-\[184px\]{height:184px}.h-\[200px\]{height:200px}.h-\[330px\]{height:330px}.h-\[354px\]{height:354px}.h-\[450px\]{height:450px}.h-\[600px\]{height:600px}.h-\[calc\(100dvh-88px\)\]\!{height:calc(100dvh - 88px)!important}.h-\[calc\(100vh-var\(--mercury-menu-navbar-height\)\)\]{height:calc(100vh - var(--mercury-menu-navbar-height))}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-0{max-height:calc(var(--spacing)*0)}.max-h-14{max-height:calc(var(--spacing)*14)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-188{max-height:calc(var(--spacing)*188)}.max-h-\[50vh\]{max-height:50vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[95dvh\]{max-height:95dvh}.max-h-\[472px\]{max-height:472px}.max-h-\[5000px\]{max-height:5000px}.max-h-\[calc\(100vh-15rem\)\]{max-height:calc(100vh - 15rem)}.max-h-\[calc\(100vh-80px\)\]{max-height:calc(100vh - 80px)}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-12{min-height:calc(var(--spacing)*12)}.min-h-125{min-height:calc(var(--spacing)*125)}.min-h-\[25px\]{min-height:25px}.min-h-\[40px\]{min-height:40px}.min-h-\[44px\]{min-height:44px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[150px\]{min-height:150px}.min-h-\[200px\]{min-height:200px}.min-h-\[350px\]{min-height:350px}.min-h-\[calc\(100vh-1rem\)\]{min-height:calc(100vh - 1rem)}.min-h-screen{min-height:100vh}.scrollbar-width-thin{scrollbar-width:thin}.scrollbar-width-thin::-webkit-scrollbar{width:8px}.scrollbar-width-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-width-thin::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.scrollbar-width-thin::-webkit-scrollbar-thumb:hover{background:#0000004d}.w-\(--radix-dropdown-menu-trigger-width\){width:var(--radix-dropdown-menu-trigger-width)}.w-0{width:0}.w-1{width:.25rem}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-1\/4{width:25%}.w-2{width:.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-6\.5{width:calc(var(--spacing)*6.5)}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-30{width:7.5rem}.w-32{width:8rem}.w-36{width:9rem}.w-48{width:12rem}.w-62{width:calc(var(--spacing)*62)}.w-64{width:16rem}.w-66{width:calc(var(--spacing)*66)}.w-72{width:18rem}.w-80{width:20rem}.w-100{width:calc(var(--spacing)*100)}.w-\[1em\]{width:1em}.w-\[10px\]{width:10px}.w-\[46px\]{width:46px}.w-\[80vw\]{width:80vw}.w-\[90\%\]{width:90%}.w-\[90vw\]{width:90vw}.w-\[98\%\]{width:98%}.w-\[120px\]{width:120px}.w-\[128px\]{width:128px}.w-\[135px\]{width:135px}.w-\[140px\]{width:140px}.w-\[145px\]{width:145px}.w-\[150px\]{width:150px}.w-\[176px\]{width:176px}.w-\[200px\]{width:200px}.w-\[300px\]{width:300px}.w-\[375px\]{width:375px}.w-\[500px\]{width:500px}.w-\[512px\]{width:512px}.w-\[800px\]{width:800px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.w-screen-lg{width:1024px}.max-w-4xl{max-width:var(--container-4xl)}.max-w-52{max-width:13rem}.max-w-\[40px\]{max-width:40px}.max-w-\[75vw\]{max-width:75vw}.max-w-\[80\%\]{max-width:80%}.max-w-\[230px\]{max-width:230px}.max-w-\[327px\]{max-width:327px}.max-w-\[359px\]{max-width:359px}.max-w-\[500px\]{max-width:500px}.max-w-\[600px\]{max-width:600px}.max-w-\[640px\]{max-width:640px}.max-w-\[700px\]{max-width:700px}.max-w-\[1312px\]{max-width:1312px}.max-w-content-md{max-width:28rem}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-screen-md{max-width:768px}.max-w-screen-sm{max-width:640px}.max-w-screen-xl{max-width:1280px}.max-w-screen-xs{max-width:380px}.max-w-section-container{max-width:1536px}.max-w-section-content{max-width:1312px}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-10{min-width:2.5rem}.min-w-28{min-width:7rem}.min-w-32{min-width:8rem}.min-w-36{min-width:9rem}.min-w-48{min-width:12rem}.min-w-\[22px\]{min-width:22px}.min-w-\[200px\]{min-width:200px}.min-w-full{min-width:100%}.flex-1{flex:1 1}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-56{flex-basis:14rem}.basis-lg{flex-basis:var(--container-lg)}.border-collapse{border-collapse:collapse}.origin-\[0\%_55\%\]{transform-origin:0 55%}.origin-\[216px_128px\]{transform-origin:216px 128px}.origin-center{transform-origin:50%}.origin-left{transform-origin:0}.origin-top-right{transform-origin:100% 0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-\[200\%\]{--tw-translate-x: -200% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-3px\]{--tw-translate-x:-3px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[3px\]{--tw-translate-x:3px;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-3{--tw-translate-y:calc(var(--spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-\[10px\]{--tw-translate-y: -10px ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-3px\]{--tw-translate-y:-3px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-px{--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-x-0{--tw-scale-x:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-x-60{--tw-scale-x:60%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-y-100{--tw-scale-y:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[1\.15\]{scale:1.15}.-rotate-45{rotate:-45deg}.-rotate-90{rotate:-90deg}.rotate-0{rotate:none}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.\[transform\:translateZ\(0\)\]{transform:translateZ(0)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-\[fade-in_150ms_linear\]{animation:.15s linear fade-in}.animate-backdrop-fade-in{animation:.15s linear backdropFadeIn}.animate-fade-in{animation:.2s fade-in}.animate-fade-skeleton{animation:1s ease-in-out infinite alternate fade-skeleton}.animate-infinite-ticker{animation:60s linear infinite repeatSlide}.animate-pulse{animation:var(--animate-pulse)}.animate-scale-in{animation:.2s scale-in}.animate-slide-in-down{animation:.15s linear slide-in-down}.animate-slide-in-up{animation:.2s slide-in-up}.animate-slide-out-down{animation:.2s slide-out-down}.animate-slide-out-up{animation:.15s linear slide-out-up}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,)var(--tw-pan-y,)var(--tw-pinch-zoom,)}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.snap-always{scroll-snap-stop:always}.scroll-mt-32{scroll-margin-top:calc(var(--spacing)*32)}.scroll-ps-3{scroll-padding-inline-start:calc(var(--spacing)*3)}.scroll-ps-6{scroll-padding-inline-start:calc(var(--spacing)*6)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.webkit-hide-spin-button::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.webkit-hide-spin-button::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.appearance-textfield{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[min-content_1fr\]{grid-template-columns:min-content 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}.gap-14{gap:calc(var(--spacing)*14)}.gap-16{gap:calc(var(--spacing)*16)}.gap-18{gap:72px}.gap-20{gap:calc(var(--spacing)*20)}.gap-32{gap:calc(var(--spacing)*32)}.gap-\[2px\]{gap:2px}.gap-\[126px\]{gap:126px}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{-moz-column-gap:calc(var(--spacing)*1);column-gap:calc(var(--spacing)*1)}.gap-x-1\.5{-moz-column-gap:calc(var(--spacing)*1.5);column-gap:calc(var(--spacing)*1.5)}.gap-x-2{-moz-column-gap:calc(var(--spacing)*2);column-gap:calc(var(--spacing)*2)}.gap-x-3{-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3)}.gap-x-4{-moz-column-gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*4)}.gap-x-6{-moz-column-gap:calc(var(--spacing)*6);column-gap:calc(var(--spacing)*6)}.gap-x-8{-moz-column-gap:calc(var(--spacing)*8);column-gap:calc(var(--spacing)*8)}.gap-x-\[4px\]{-moz-column-gap:4px;column-gap:4px}:where(.space-x-0\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*.5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-3{row-gap:calc(var(--spacing)*3)}.gap-y-4{row-gap:calc(var(--spacing)*4)}.gap-y-6{row-gap:calc(var(--spacing)*6)}.gap-y-8{row-gap:calc(var(--spacing)*8)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-mercury-ui-divider>:not(:last-child)){border-color:rgb(var(--mercury-ui-bg-divider)/1)}.self-center{align-self:center}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overscroll-x-contain{overscroll-behavior-x:contain}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[0\.4em\]{border-radius:.4em}.rounded-\[0\.25rem\]{border-radius:.25rem}.rounded-\[1\.7rem\]{border-radius:1.7rem}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-\[14px\]{border-radius:14px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[100\%\]{border-radius:100%}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-mercury-ui-control{border-radius:var(--mercury-ui-border-radius-control)}.rounded-mercury-ui-full{border-radius:var(--mercury-ui-border-radius-full)}.rounded-mercury-ui-lg{border-radius:var(--mercury-ui-border-radius-large)}.rounded-mercury-ui-md{border-radius:var(--mercury-ui-border-radius-medium)}.rounded-mercury-ui-sm{border-radius:var(--mercury-ui-border-radius-small)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-mercury-ui-lg{border-top-left-radius:var(--mercury-ui-border-radius-large);border-top-right-radius:var(--mercury-ui-border-radius-large)}.rounded-t-mercury-ui-md{border-top-left-radius:var(--mercury-ui-border-radius-medium);border-top-right-radius:var(--mercury-ui-border-radius-medium)}.rounded-t-mercury-ui-sm{border-top-left-radius:var(--mercury-ui-border-radius-small);border-top-right-radius:var(--mercury-ui-border-radius-small)}.rounded-tl-mercury-ui-md{border-top-left-radius:var(--mercury-ui-border-radius-medium)}.rounded-tr-mercury-ui-md{border-top-right-radius:var(--mercury-ui-border-radius-medium)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-0\.5{border-style:var(--tw-border-style);border-width:.5px}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[0\.5px\]{border-style:var(--tw-border-style);border-width:.5px}.border-\[8\.75px\]{border-style:var(--tw-border-style);border-width:8.75px}.border-mercury-ui-popover{border-style:var(--tw-border-style);border-width:var(--mercury-ui-popover-border-width)}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.border-y-0\.5,.border-y-\[0\.5px\]{border-block-style:var(--tw-border-style);border-block-width:.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0\.5{border-top-style:var(--tw-border-style);border-top-width:.5px}.border-t-1{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-\[0\.5px\]{border-top-style:var(--tw-border-style);border-top-width:.5px}.border-t-\[3px\]{border-top-style:var(--tw-border-style);border-top-width:3px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-0\.5{border-bottom-style:var(--tw-border-style);border-bottom-width:.5px}.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-\[0\.5px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:.5px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.\!border-transparent{border-color:#0000!important}.border-\[\#474748\]{border-color:#474748}.border-\[\#f6f6f6\]{border-color:#f6f6f6}.border-\[\#fef9e7\]{border-color:#fef9e7}.border-\[rgb\(var\(--mercury-ui-text-primary\)\)\]{border-color:rgb(var(--mercury-ui-text-primary))}.border-\[rgb\(var\(--mercury-ui-text-secondary\)\)\]{border-color:rgb(var(--mercury-ui-text-secondary))}.border-\[rgba\(254\,249\,231\,0\.5\)\]{border-color:#fef9e780}.border-blue-200{border-color:var(--color-blue-200)}.border-current{border-color:currentColor}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-mercury-ui-brand-primary,.border-mercury-ui-brand-primary\/10{border-color:rgb(var(--mercury-ui-brand-primary)/1)}@supports (color:color-mix(in lab,red,red)){.border-mercury-ui-brand-primary\/10{border-color:color-mix(in oklab,rgb(var(--mercury-ui-brand-primary)/1)10%,transparent)}}.border-mercury-ui-button-secondary{border-color:rgb(var(--mercury-ui-border-button-secondary)/1)}.border-mercury-ui-button-tertiary{border-color:rgb(var(--mercury-ui-text-secondary)/1)}.border-mercury-ui-danger-200{border-color:rgb(var(--mercury-ui-danger-200)/1)}.border-mercury-ui-danger-300,.border-mercury-ui-danger-300\/5{border-color:rgb(var(--mercury-ui-danger-300)/1)}@supports (color:color-mix(in lab,red,red)){.border-mercury-ui-danger-300\/5{border-color:color-mix(in oklab,rgb(var(--mercury-ui-danger-300)/1)5%,transparent)}}.border-mercury-ui-divider,.border-mercury-ui-divider\/50{border-color:rgb(var(--mercury-ui-bg-divider)/1)}@supports (color:color-mix(in lab,red,red)){.border-mercury-ui-divider\/50{border-color:color-mix(in oklab,rgb(var(--mercury-ui-bg-divider)/1)50%,transparent)}}.border-mercury-ui-primary{border-color:rgb(var(--mercury-ui-bg-primary)/1)}.border-mercury-ui-secondary{border-color:rgb(var(--mercury-ui-bg-secondary)/1)}.border-mercury-ui-success-100{border-color:rgb(var(--mercury-ui-success-100)/1)}.border-mercury-ui-tertiary{border-color:rgb(var(--mercury-ui-text-placeholder)/1)}.border-mercury-ui-text-primary{border-color:rgb(var(--mercury-ui-text-primary)/1)}.border-mercury-ui-text-secondary{border-color:rgb(var(--mercury-ui-text-secondary)/1)}.border-mercury-ui-warning-300\/5{border-color:rgb(var(--mercury-ui-warning-300)/1)}@supports (color:color-mix(in lab,red,red)){.border-mercury-ui-warning-300\/5{border-color:color-mix(in oklab,rgb(var(--mercury-ui-warning-300)/1)5%,transparent)}}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.border-t-mercury-ui-brand-primary{border-top-color:rgb(var(--mercury-ui-brand-primary)/1)}.border-t-mercury-ui-divider{border-top-color:rgb(var(--mercury-ui-bg-divider)/1)}.border-t-white{border-top-color:var(--color-white)}.border-r-mercury-ui-text-primary\/30{border-right-color:rgb(var(--mercury-ui-text-primary)/1)}@supports (color:color-mix(in lab,red,red)){.border-r-mercury-ui-text-primary\/30{border-right-color:color-mix(in oklab,rgb(var(--mercury-ui-text-primary)/1)30%,transparent)}}.border-r-transparent{border-right-color:#0000}.border-b-mercury-ui-divider{border-bottom-color:rgb(var(--mercury-ui-bg-divider)/1)}.bg-\[\#333333\]{background-color:#333}.bg-\[\#EBEBEC\]{background-color:#ebebec}.bg-\[\#F7F1E3\]{background-color:#f7f1e3}.bg-\[\#f9c80e\]{background-color:#f9c80e}.bg-\[\#fffbec\]{background-color:#fffbec}.bg-\[\#ffffff\]{background-color:#fff}.bg-amber-100{background-color:var(--color-amber-100)}.bg-black{background-color:var(--color-black)}.bg-black\/4{background-color:#0000000a}@supports (color:color-mix(in lab,red,red)){.bg-black\/4{background-color:color-mix(in oklab,var(--color-black)4%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.bg-black\/90{background-color:#000000e6}@supports (color:color-mix(in lab,red,red)){.bg-black\/90{background-color:color-mix(in oklab,var(--color-black)90%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-current{background-color:currentColor}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-green-100{background-color:var(--color-green-100)}.bg-mercury-ui-blur{background-color:rgb(var(--mercury-ui-bg-blur)/1)}.bg-mercury-ui-blur-dark\/50{background-color:rgb(var(--mercury-ui-bg-blur-dark)/1)}@supports (color:color-mix(in lab,red,red)){.bg-mercury-ui-blur-dark\/50{background-color:color-mix(in oklab,rgb(var(--mercury-ui-bg-blur-dark)/1)50%,transparent)}}.bg-mercury-ui-brand-primary,.bg-mercury-ui-brand-primary\/5{background-color:rgb(var(--mercury-ui-brand-primary)/1)}@supports (color:color-mix(in lab,red,red)){.bg-mercury-ui-brand-primary\/5{background-color:color-mix(in oklab,rgb(var(--mercury-ui-brand-primary)/1)5%,transparent)}}.bg-mercury-ui-brand-primary\/10{background-color:rgb(var(--mercury-ui-brand-primary)/1)}@supports (color:color-mix(in lab,red,red)){.bg-mercury-ui-brand-primary\/10{background-color:color-mix(in oklab,rgb(var(--mercury-ui-brand-primary)/1)10%,transparent)}}.bg-mercury-ui-brand-primary\/90{background-color:rgb(var(--mercury-ui-brand-primary)/1)}@supports (color:color-mix(in lab,red,red)){.bg-mercury-ui-brand-primary\/90{background-color:color-mix(in oklab,rgb(var(--mercury-ui-brand-primary)/1)90%,transparent)}}.bg-mercury-ui-button-primary{background-color:rgb(var(--mercury-ui-bg-button-primary)/1)}.bg-mercury-ui-button-secondary{background-color:#0000}.bg-mercury-ui-danger-100{background-color:rgb(var(--mercury-ui-danger-100)/1)}.bg-mercury-ui-divider{background-color:rgb(var(--mercury-ui-bg-divider)/1)}.bg-mercury-ui-info-100{background-color:rgb(var(--mercury-ui-info-100)/1)}.bg-mercury-ui-inverse{background-color:rgb(var(--mercury-ui-bg-inverse)/1)}.bg-mercury-ui-overlay\/50{background-color:rgb(var(--mercury-ui-bg-overlay)/1)}@supports (color:color-mix(in lab,red,red)){.bg-mercury-ui-overlay\/50{background-color:color-mix(in oklab,rgb(var(--mercury-ui-bg-overlay)/1)50%,transparent)}}.bg-mercury-ui-popover{background-color:rgb(var(--mercury-ui-popover)/1)}.bg-mercury-ui-primary,.bg-mercury-ui-primary\/50{background-color:rgb(var(--mercury-ui-bg-primary)/1)}@supports (color:color-mix(in lab,red,red)){.bg-mercury-ui-primary\/50{background-color:color-mix(in oklab,rgb(var(--mercury-ui-bg-primary)/1)50%,transparent)}}.bg-mercury-ui-primary\/80{background-color:rgb(var(--mercury-ui-bg-primary)/1)}@supports (color:color-mix(in lab,red,red)){.bg-mercury-ui-primary\/80{background-color:color-mix(in oklab,rgb(var(--mercury-ui-bg-primary)/1)80%,transparent)}}.bg-mercury-ui-primary\/95{background-color:rgb(var(--mercury-ui-bg-primary)/1)}@supports (color:color-mix(in lab,red,red)){.bg-mercury-ui-primary\/95{background-color:color-mix(in oklab,rgb(var(--mercury-ui-bg-primary)/1)95%,transparent)}}.bg-mercury-ui-secondary{background-color:rgb(var(--mercury-ui-bg-secondary)/1)}.bg-mercury-ui-success-100{background-color:rgb(var(--mercury-ui-success-100)/1)}.bg-mercury-ui-tertiary{background-color:rgb(var(--mercury-ui-bg-tertiary)/1)}.bg-mercury-ui-text-primary{background-color:rgb(var(--mercury-ui-text-primary)/1)}.bg-mercury-ui-warning-100{background-color:rgb(var(--mercury-ui-warning-100)/1)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-200{background-color:var(--color-red-200)}.bg-red-600{background-color:var(--color-red-600)}.bg-red-700{background-color:var(--color-red-700)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-linear-to-l{--tw-gradient-position:to left}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-l{--tw-gradient-position:to left in oklab}}.bg-linear-to-l{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\)_50\%\,rgba\(0\,0\,0\,0\.62\)_100\%\)\]{background-image:linear-gradient(#0000 50%,#0000009e)}.from-\[rgb\(var\(--mercury-ui-bg-primary\)\)\]{--tw-gradient-from:rgb(var(--mercury-ui-bg-primary));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[rgb\(var\(--mercury-ui-bg-primary\)\)\]{--tw-gradient-via:rgb(var(--mercury-ui-bg-primary));--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-60\%{--tw-gradient-via-position:60%}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.fill-mercury-ui-secondary{fill:rgb(var(--mercury-ui-bg-secondary)/1)}.fill-mercury-ui-text-primary{fill:rgb(var(--mercury-ui-text-primary)/1)}.stroke-current{stroke:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-24{padding:calc(var(--spacing)*24)}.p-48{padding:calc(var(--spacing)*48)}.p-\[9px\]{padding:9px}.p-px{padding:1px}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-\[2px\]{padding-inline:2px}.px-px{padding-inline:1px}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.py-\[2px\]{padding-block:2px}.py-\[4px\]{padding-block:4px}.py-content-vertical-mobile{padding-block:32px}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-0\.5{padding-top:calc(var(--spacing)*.5)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-14{padding-top:calc(var(--spacing)*14)}.pt-\[200px\]{padding-top:200px}.pt-content-vertical-mobile{padding-top:32px}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-14{padding-right:calc(var(--spacing)*14)}.pr-16{padding-right:calc(var(--spacing)*16)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-11{padding-bottom:calc(var(--spacing)*11)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pb-18{padding-bottom:72px}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pb-30{padding-bottom:7.5rem}.pb-\[56\.25\%\]{padding-bottom:56.25%}.pb-content-vertical-mobile{padding-bottom:32px}.pl-0{padding-left:calc(var(--spacing)*0)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-10{padding-left:calc(var(--spacing)*10)}.pl-\[18px\]{padding-left:18px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mercury-ui-primary{font-family:var(--mercury-ui-font-family-primary),var(--font-default),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.font-mercury-ui-secondary{font-family:var(--mercury-ui-font-family-secondary),var(--font-default),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:var(--mercury-ui-font-family-secondary),var(--font-default),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.text-mercury-ui-button-base{font-size:var(--mercury-ui-button-md-font-size);line-height:var(--tw-leading,var(--mercury-ui-button-md-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-button-md-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-button-md-font-weight))}.text-mercury-ui-button-lg{font-size:var(--mercury-ui-button-lg-font-size);line-height:var(--tw-leading,var(--mercury-ui-button-lg-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-button-lg-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-button-lg-font-weight))}.text-mercury-ui-button-sm{font-size:var(--mercury-ui-button-sm-font-size);line-height:var(--tw-leading,var(--mercury-ui-button-sm-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-button-sm-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-button-sm-font-weight))}.text-mercury-ui-title-2xl{font-size:var(--mercury-ui-title-2xl-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-2xl-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-2xl-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-2xl-font-weight))}.text-mercury-ui-title-3xl{font-size:var(--mercury-ui-title-3xl-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-3xl-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-3xl-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-3xl-font-weight))}.text-mercury-ui-title-4xl{font-size:var(--mercury-ui-title-4xl-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-4xl-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-4xl-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-4xl-font-weight))}.text-mercury-ui-title-base{font-size:var(--mercury-ui-title-md-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-md-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-md-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-md-font-weight))}.text-mercury-ui-title-lg{font-size:var(--mercury-ui-title-lg-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-lg-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-lg-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-lg-font-weight))}.text-mercury-ui-title-sm{font-size:var(--mercury-ui-title-sm-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-sm-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-sm-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-sm-font-weight))}.text-mercury-ui-title-xl{font-size:var(--mercury-ui-title-xl-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-xl-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-xl-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-xl-font-weight))}.text-mercury-ui-title-xs{font-size:var(--mercury-ui-title-xs-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-xs-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-xs-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-xs-font-weight))}.text-mercury-ui-text-base{font-size:var(--mercury-ui-text-md-font-size);line-height:var(--tw-leading,var(--mercury-ui-text-md-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-text-md-letter-spacing))}.text-mercury-ui-text-lg{font-size:var(--mercury-ui-text-lg-font-size);line-height:var(--tw-leading,var(--mercury-ui-text-lg-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-text-lg-letter-spacing))}.text-mercury-ui-text-sm{font-size:var(--mercury-ui-text-sm-font-size);line-height:var(--tw-leading,var(--mercury-ui-text-sm-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-text-sm-letter-spacing))}.text-mercury-ui-text-xs{font-size:var(--mercury-ui-text-xs-font-size);line-height:var(--tw-leading,var(--mercury-ui-text-xs-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-text-xs-letter-spacing))}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.5em\]{font-size:.5em}.text-\[clamp\(0\.875rem\,3\.5vw\,1\.75rem\)\]{font-size:clamp(.875rem,3.5vw,1.75rem)}.text-\[clamp\(2rem\,5\.2vw\,3\.5rem\)\]{font-size:clamp(2rem,5.2vw,3.5rem)}.text-\[clamp\(2rem\,5\.2vw\,3\.5rem\)\]\!{font-size:clamp(2rem,5.2vw,3.5rem)!important}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.2\]\!{--tw-leading:1.2!important;line-height:1.2!important}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[22px\]{--tw-leading:22px;line-height:22px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:700;font-weight:700}.font-medium{--tw-font-weight:500;font-weight:500}.font-mercury-ui-text-base{--tw-font-weight:var(--mercury-ui-text-md-font-weight);font-weight:var(--mercury-ui-text-md-font-weight)}.font-mercury-ui-text-lg{--tw-font-weight:var(--mercury-ui-text-lg-font-weight);font-weight:var(--mercury-ui-text-lg-font-weight)}.font-mercury-ui-text-sm{--tw-font-weight:var(--mercury-ui-text-sm-font-weight);font-weight:var(--mercury-ui-text-sm-font-weight)}.font-normal{--tw-font-weight:400;font-weight:400}.font-semibold{--tw-font-weight:600;font-weight:600}.font-semibold\!{--tw-font-weight:600!important;font-weight:600!important}.tracking-\[-0\.5px\]{--tw-tracking:-.5px;letter-spacing:-.5px}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-wide{--tw-tracking:.05em;letter-spacing:.05em}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.wrap-anywhere{overflow-wrap:anywhere}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-mercury-ui-inverse{color:rgb(var(--mercury-ui-text-inverse)/1)!important}.\!text-mercury-ui-primary{color:rgb(var(--mercury-ui-text-primary)/1)!important}.text-\[\#C4C4C4\]{color:#c4c4c4}.text-amber-600{color:var(--color-amber-600)}.text-black{color:var(--color-black)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-gray-200{color:var(--color-gray-200)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-mercury-ui-accessible-over-brand-primary{color:rgb(var(--mercury-ui-text-accessible-over-brand-primary)/1)}.text-mercury-ui-background-primary{color:rgb(var(--mercury-ui-bg-primary)/1)}.text-mercury-ui-background-secondary{color:rgb(var(--mercury-ui-bg-secondary)/1)}.text-mercury-ui-brand-accessible-over-background{color:rgb(var(--mercury-ui-text-accessible-over-brand-background)/1)}.text-mercury-ui-brand-accessible-over-primary{color:rgb(var(--mercury-ui-text-accessible-over-brand-primary)/1)}.text-mercury-ui-brand-primary{color:rgb(var(--mercury-ui-brand-primary)/1)}.text-mercury-ui-button-primary{color:rgb(var(--mercury-ui-text-button-primary)/1)}.text-mercury-ui-button-secondary{color:rgb(var(--mercury-ui-text-button-secondary)/1)}.text-mercury-ui-button-tertiary{color:rgb(var(--mercury-ui-text-secondary)/1)}.text-mercury-ui-danger-300{color:rgb(var(--mercury-ui-danger-300)/1)}.text-mercury-ui-danger-400{color:rgb(var(--mercury-ui-danger-400)/1)}.text-mercury-ui-divider{color:rgb(var(--mercury-ui-bg-divider)/1)}.text-mercury-ui-info-300{color:rgb(var(--mercury-ui-info-300)/1)}.text-mercury-ui-info-400{color:rgb(var(--mercury-ui-info-400)/1)}.text-mercury-ui-inverse{color:rgb(var(--mercury-ui-text-inverse)/1)}.text-mercury-ui-neutral-100{color:rgb(var(--mercury-ui-text-neutral-100)/1)}.text-mercury-ui-neutral-400{color:rgb(var(--mercury-ui-text-neutral-400)/1)}.text-mercury-ui-neutral-700{color:rgb(var(--mercury-ui-text-neutral-700)/1)}.text-mercury-ui-neutral-900{color:rgb(var(--mercury-ui-text-neutral-900)/1)}.text-mercury-ui-placeholder{color:rgb(var(--mercury-ui-text-placeholder)/1)}.text-mercury-ui-primary{color:rgb(var(--mercury-ui-text-primary)/1)}.text-mercury-ui-secondary{color:rgb(var(--mercury-ui-text-secondary)/1)}.text-mercury-ui-success-300{color:rgb(var(--mercury-ui-success-300)/1)}.text-mercury-ui-success-400{color:rgb(var(--mercury-ui-success-400)/1)}.text-mercury-ui-text-primary{color:rgb(var(--mercury-ui-text-primary)/1)}.text-mercury-ui-text-secondary,.text-mercury-ui-text-secondary\/50{color:rgb(var(--mercury-ui-text-secondary)/1)}@supports (color:color-mix(in lab,red,red)){.text-mercury-ui-text-secondary\/50{color:color-mix(in oklab,rgb(var(--mercury-ui-text-secondary)/1)50%,transparent)}}.text-mercury-ui-warning-300{color:rgb(var(--mercury-ui-warning-300)/1)}.text-mercury-ui-warning-400{color:rgb(var(--mercury-ui-warning-400)/1)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,);font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-mercury-ui-text-primary{text-decoration-color:rgb(var(--mercury-ui-text-primary)/1)}.underline-offset-\[3px\]{text-underline-offset:3px}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.mix-blend-darken{mix-blend-mode:darken}.mix-blend-lighten{mix-blend-mode:lighten}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_0px_6px_2px_rgba\(0\,0\,0\,0\.10\)\]{--tw-shadow:0px 0px 6px 2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_1px_2px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0px 1px 2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_8px_rgba\(249\,200\,14\,0\.12\)\,0px_4px_16px_rgba\(217\,217\,217\,0\.64\)\]{--tw-shadow:0px 4px 8px var(--tw-shadow-color,#f9c80e1f),0px 4px 16px var(--tw-shadow-color,#d9d9d9a3);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_12px_0px_rgba\(0\,0\,0\,0\.10\)\]{--tw-shadow:0px 4px 12px 0px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_24px_0px_hsla\(0\,0\%\,5\%\,0\.05\)\]{--tw-shadow:0px 4px 24px 0px var(--tw-shadow-color,#0d0d0d0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_14px_42px_0px_hsla\(0\,0\%\,5\%\,0\.05\)\]{--tw-shadow:0px 14px 42px 0px var(--tw-shadow-color,#0d0d0d0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_\#000000\,inset_0_0_0_2px_\#303132\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#000),inset 0 0 0 2px var(--tw-shadow-color,#303132);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg-up{--tw-shadow:0 -10px 15px -3px var(--tw-shadow-color,#0000000d),0 -4px 6px -4px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-mercury-ui-control{--tw-shadow:var(--mercury-ui-box-shadow-control);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-mercury-ui-popover{--tw-shadow:var(--mercury-ui-popover-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-tooltip{--tw-shadow:0px 0px 6px 2px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[1\.5px\]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1.5px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-mercury-ui-danger-300\/5{--tw-shadow-color:rgb(var(--mercury-ui-danger-300)/1)}@supports (color:color-mix(in lab,red,red)){.shadow-mercury-ui-danger-300\/5{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,rgb(var(--mercury-ui-danger-300)/1)5%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-mercury-ui-warning-300\/5{--tw-shadow-color:rgb(var(--mercury-ui-warning-300)/1)}@supports (color:color-mix(in lab,red,red)){.shadow-mercury-ui-warning-300\/5{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,rgb(var(--mercury-ui-warning-300)/1)5%,transparent)var(--tw-shadow-alpha),transparent)}}.ring-mercury-ui-danger-200\/20{--tw-ring-color:rgb(var(--mercury-ui-danger-200)/1)}@supports (color:color-mix(in lab,red,red)){.ring-mercury-ui-danger-200\/20{--tw-ring-color:color-mix(in oklab,rgb(var(--mercury-ui-danger-200)/1)20%,transparent)}}.ring-mercury-ui-text-primary,.ring-mercury-ui-text-primary\/20{--tw-ring-color:rgb(var(--mercury-ui-text-primary)/1)}@supports (color:color-mix(in lab,red,red)){.ring-mercury-ui-text-primary\/20{--tw-ring-color:color-mix(in oklab,rgb(var(--mercury-ui-text-primary)/1)20%,transparent)}}.ring-transparent{--tw-ring-color:transparent}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-mercury-ui-text-primary\/10{outline-color:rgb(var(--mercury-ui-text-primary)/1)}@supports (color:color-mix(in lab,red,red)){.outline-mercury-ui-text-primary\/10{outline-color:color-mix(in oklab,rgb(var(--mercury-ui-text-primary)/1)10%,transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[20px\]{--tw-backdrop-blur:blur(20px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-base{--tw-backdrop-blur:blur(32px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-brightness-50{--tw-backdrop-brightness:brightness(50%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter-none{-webkit-backdrop-filter:none;backdrop-filter:none}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[filter\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\]{transition-property:margin;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[stroke-dashoffset\]{transition-property:stroke-dashoffset;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-0{--tw-duration:0s;transition-duration:0s}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-800{--tw-duration:.8s;transition-duration:.8s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.clip-full{clip:rect(0 0 0 0);clip-path:inset(50%)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.\[grid-area\:right\]{grid-area:right}.ring-inset{--tw-ring-inset:inset}.scrollbar-gutter-stable{scrollbar-gutter:stable}.webkit-drag-none{-webkit-user-drag:none}:is(.\*\:right-0>*){right:calc(var(--spacing)*0)}:is(.\*\:left-0>*){left:calc(var(--spacing)*0)}.group-last\:border-b-0:is(:where(.group):last-child *){border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.group-hover\:block:is(:where(.group):hover *){display:block}.group-hover\:hidden:is(:where(.group):hover *){display:none}.group-hover\:-translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-x-0:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-x-100:is(:where(.group):hover *){--tw-scale-x:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:border-mercury-ui-text-secondary:is(:where(.group):hover *){border-color:rgb(var(--mercury-ui-text-secondary)/1)}.group-hover\:bg-mercury-ui-tertiary:is(:where(.group):hover *){background-color:rgb(var(--mercury-ui-bg-tertiary)/1)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-aria-expanded\:rotate-180:is(:where(.group)[aria-expanded=true] *){rotate:180deg}.peer-focus-visible\:border-mercury-ui-divider:is(:where(.peer):focus-visible~*){border-color:rgb(var(--mercury-ui-bg-divider)/1)}.peer-focus-visible\:outline:is(:where(.peer):focus-visible~*){outline-style:var(--tw-outline-style);outline-width:1px}.peer-focus-visible\:outline-2:is(:where(.peer):focus-visible~*){outline-style:var(--tw-outline-style);outline-width:2px}.peer-focus-visible\:outline-offset-2:is(:where(.peer):focus-visible~*){outline-offset:2px}.peer-focus-visible\:outline-mercury-ui-text-primary:is(:where(.peer):focus-visible~*){outline-color:rgb(var(--mercury-ui-text-primary)/1)}.first-line\:whitespace-nowrap:first-line{white-space:nowrap}.file\:mr-4::file-selector-button{margin-right:calc(var(--spacing)*4)}.file\:rounded::file-selector-button{border-radius:.25rem}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:px-4::file-selector-button{padding-inline:calc(var(--spacing)*4)}.file\:py-2::file-selector-button{padding-block:calc(var(--spacing)*2)}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-semibold::file-selector-button{--tw-font-weight:600;font-weight:600}.file\:text-mercury-ui-text-primary::file-selector-button{color:rgb(var(--mercury-ui-text-primary)/1)}.placeholder\:text-mercury-ui-placeholder::-moz-placeholder{color:rgb(var(--mercury-ui-text-placeholder)/1)}.placeholder\:text-mercury-ui-placeholder::placeholder{color:rgb(var(--mercury-ui-text-placeholder)/1)}.first\:pt-0:first-child{padding-top:calc(var(--spacing)*0)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pr-2:last-child{padding-right:calc(var(--spacing)*2)}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing)*0)}.focus-within\:left-4:focus-within{left:calc(var(--spacing)*4)}.focus-within\:border-mercury-ui-danger-300:focus-within{border-color:rgb(var(--mercury-ui-danger-300)/1)}.focus-within\:border-mercury-ui-text-primary:focus-within{border-color:rgb(var(--mercury-ui-text-primary)/1)}.focus-within\:ring-1:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-mercury-ui-danger-300:focus-within{--tw-ring-color:rgb(var(--mercury-ui-danger-300)/1)}.focus-within\:ring-mercury-ui-text-primary:focus-within{--tw-ring-color:rgb(var(--mercury-ui-text-primary)/1)}.focus-within\:outline:focus-within,.focus-within\:outline-1:focus-within{outline-style:var(--tw-outline-style);outline-width:1px}.focus-within\:outline-mercury-ui-danger-300\/10:focus-within{outline-color:rgb(var(--mercury-ui-danger-300)/1)}@supports (color:color-mix(in lab,red,red)){.focus-within\:outline-mercury-ui-danger-300\/10:focus-within{outline-color:color-mix(in oklab,rgb(var(--mercury-ui-danger-300)/1)10%,transparent)}}.focus-within\:outline-mercury-ui-text-primary\/10:focus-within{outline-color:rgb(var(--mercury-ui-text-primary)/1)}@supports (color:color-mix(in lab,red,red)){.focus-within\:outline-mercury-ui-text-primary\/10:focus-within{outline-color:color-mix(in oklab,rgb(var(--mercury-ui-text-primary)/1)10%,transparent)}}.focus-within\:brightness-110:focus-within{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media (hover:hover){.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:border-mercury-ui-brand-primary:hover{border-color:rgb(var(--mercury-ui-brand-primary)/1)}.hover\:border-mercury-ui-danger-300:hover{border-color:rgb(var(--mercury-ui-danger-300)/1)}.hover\:border-mercury-ui-tertiary:hover{border-color:rgb(var(--mercury-ui-text-placeholder)/1)}.hover\:border-mercury-ui-text-primary:hover{border-color:rgb(var(--mercury-ui-text-primary)/1)}.hover\:\!bg-mercury-ui-inverse:hover{background-color:rgb(var(--mercury-ui-bg-inverse)/1)!important}.hover\:bg-\[\#3D3D3D\]:hover{background-color:#3d3d3d}.hover\:bg-black\/60:hover{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/60:hover{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-mercury-ui-brand-primary\/90:hover{background-color:rgb(var(--mercury-ui-brand-primary)/1)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-mercury-ui-brand-primary\/90:hover{background-color:color-mix(in oklab,rgb(var(--mercury-ui-brand-primary)/1)90%,transparent)}}.hover\:bg-mercury-ui-button-primary\/90:hover{background-color:rgb(var(--mercury-ui-bg-button-primary)/1)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-mercury-ui-button-primary\/90:hover{background-color:color-mix(in oklab,rgb(var(--mercury-ui-bg-button-primary)/1)90%,transparent)}}.hover\:bg-mercury-ui-divider:hover{background-color:rgb(var(--mercury-ui-bg-divider)/1)}.hover\:bg-mercury-ui-inverse\/20:hover{background-color:rgb(var(--mercury-ui-bg-inverse)/1)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-mercury-ui-inverse\/20:hover{background-color:color-mix(in oklab,rgb(var(--mercury-ui-bg-inverse)/1)20%,transparent)}}.hover\:bg-mercury-ui-secondary:hover{background-color:rgb(var(--mercury-ui-bg-secondary)/1)}.hover\:bg-mercury-ui-tertiary:hover{background-color:rgb(var(--mercury-ui-bg-tertiary)/1)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:text-mercury-ui-primary:hover{color:rgb(var(--mercury-ui-text-primary)/1)}.hover\:text-mercury-ui-secondary:hover{color:rgb(var(--mercury-ui-text-secondary)/1)}.hover\:text-mercury-ui-text-primary:hover{color:rgb(var(--mercury-ui-text-primary)/1)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0px_6px_16px_0px_hsla\(217\,100\%\,59\%\,0\.18\)\]:hover{--tw-shadow:0px 6px 16px 0px var(--tw-shadow-color,#2e7eff2e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0px_18px_24px_0px_hsla\(230\,73\%\,12\%\,0\.08\)\]:hover{--tw-shadow:0px 18px 24px 0px var(--tw-shadow-color,#08103514);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-mercury-ui-text-primary\/20:hover{--tw-ring-color:rgb(var(--mercury-ui-text-primary)/1)}@supports (color:color-mix(in lab,red,red)){.hover\:ring-mercury-ui-text-primary\/20:hover{--tw-ring-color:color-mix(in oklab,rgb(var(--mercury-ui-text-primary)/1)20%,transparent)}}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hover\:animation-pause:hover{animation-play-state:paused}.hover\:focus-within\:border-mercury-ui-text-primary:hover:focus-within{border-color:rgb(var(--mercury-ui-text-primary)/1)}}.focus\:border-solid:focus{--tw-border-style:solid;border-style:solid}.focus\:border-mercury-ui-danger-300:focus{border-color:rgb(var(--mercury-ui-danger-300)/1)}.focus\:border-mercury-ui-text-primary:focus{border-color:rgb(var(--mercury-ui-text-primary)/1)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[1\.5px\]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1.5px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-mercury-ui-brand-primary:focus{--tw-ring-color:rgb(var(--mercury-ui-brand-primary)/1)}.focus\:ring-mercury-ui-danger-300:focus{--tw-ring-color:rgb(var(--mercury-ui-danger-300)/1)}.focus\:ring-mercury-ui-text-primary:focus{--tw-ring-color:rgb(var(--mercury-ui-text-primary)/1)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline:focus{outline-style:var(--tw-outline-style);outline-width:1px}.focus\:outline-0:focus{outline-style:var(--tw-outline-style);outline-width:0}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:outline-mercury-ui-danger-300\/10:focus{outline-color:rgb(var(--mercury-ui-danger-300)/1)}@supports (color:color-mix(in lab,red,red)){.focus\:outline-mercury-ui-danger-300\/10:focus{outline-color:color-mix(in oklab,rgb(var(--mercury-ui-danger-300)/1)10%,transparent)}}.focus\:outline-mercury-ui-text-primary\/10:focus{outline-color:rgb(var(--mercury-ui-text-primary)/1)}@supports (color:color-mix(in lab,red,red)){.focus\:outline-mercury-ui-text-primary\/10:focus{outline-color:color-mix(in oklab,rgb(var(--mercury-ui-text-primary)/1)10%,transparent)}}.focus\:brightness-110:focus{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-mercury-ui-text-primary:focus-visible{border-color:rgb(var(--mercury-ui-text-primary)/1)}.focus-visible\:bg-mercury-ui-tertiary:focus-visible{background-color:rgb(var(--mercury-ui-bg-tertiary)/1)}.focus-visible\:shadow-\[inset_0_0_0_2px_rgb\(var\(--mercury-ui-text-primary\)\)\]:focus-visible{--tw-shadow:inset 0 0 0 2px var(--tw-shadow-color,rgb(var(--mercury-ui-text-primary)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:shadow-none:focus-visible{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[1\.5px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1.5px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-mercury-ui-brand-primary:focus-visible{--tw-ring-color:rgb(var(--mercury-ui-brand-primary)/1)}.focus-visible\:ring-mercury-ui-text-primary:focus-visible{--tw-ring-color:rgb(var(--mercury-ui-text-primary)/1)}.focus-visible\:outline:focus-visible,.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-mercury-ui-divider:focus-visible{outline-color:rgb(var(--mercury-ui-bg-divider)/1)}.focus-visible\:outline-mercury-ui-text-primary:focus-visible,.focus-visible\:outline-mercury-ui-text-primary\/10:focus-visible{outline-color:rgb(var(--mercury-ui-text-primary)/1)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:outline-mercury-ui-text-primary\/10:focus-visible{outline-color:color-mix(in oklab,rgb(var(--mercury-ui-text-primary)/1)10%,transparent)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-mercury-ui-secondary:disabled{background-color:rgb(var(--mercury-ui-bg-secondary)/1)}.disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover){.disabled\:hover\:border-mercury-ui-divider:disabled:hover{border-color:rgb(var(--mercury-ui-bg-divider)/1)}}.has-\[\:focus-visible\]\:outline:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:1px}.has-\[\:focus-visible\]\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[\:focus-visible\]\:\!outline-offset-\[-2px\]:has(:focus-visible){outline-offset:-2px!important}.has-\[\:focus-visible\]\:outline-offset-2:has(:focus-visible){outline-offset:2px}.has-\[\:focus-visible\]\:outline-mercury-ui-text-primary:has(:focus-visible){outline-color:rgb(var(--mercury-ui-text-primary)/1)}.aria-expanded\:bg-mercury-ui-tertiary[aria-expanded=true]{background-color:rgb(var(--mercury-ui-bg-tertiary)/1)}.data-\[highlighted\]\:bg-mercury-ui-secondary[data-highlighted]{background-color:rgb(var(--mercury-ui-bg-secondary)/1)}.data-\[state\=closed\]\:animate-fade-out[data-state=closed]{animation:.5s ease-in-out fadeOut}.data-\[state\=closed\]\:animate-scale-out[data-state=closed]{animation:.2s scale-out}.data-\[state\=closed\]\:animate-slide-out-down[data-state=closed]{animation:.2s slide-out-down}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=on\]\:border-2[data-state=on]{border-style:var(--tw-border-style);border-width:2px}.data-\[state\=on\]\:border-mercury-ui-text-primary[data-state=on]{border-color:rgb(var(--mercury-ui-text-primary)/1)}.data-\[state\=on\]\:bg-mercury-ui-inverse[data-state=on]{background-color:rgb(var(--mercury-ui-bg-inverse)/1)}.data-\[state\=on\]\:shadow-none[data-state=on]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=on\]\:ring-1[data-state=on]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=on\]\:ring-mercury-ui-text-primary[data-state=on]{--tw-ring-color:rgb(var(--mercury-ui-text-primary)/1)}.data-\[state\=open\]\:animate-scale-in[data-state=open]{animation:.2s scale-in}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}@media not all and (min-width:768px){.max-md\:absolute{position:absolute}.max-md\:top-0{top:calc(var(--spacing)*0)}.max-md\:right-0{right:calc(var(--spacing)*0)}.max-md\:mt-1{margin-top:calc(var(--spacing)*1)}.max-md\:mt-2{margin-top:calc(var(--spacing)*2)}.max-md\:hidden{display:none}.max-md\:py-4{padding-block:calc(var(--spacing)*4)}.max-md\:not-first\:pt-2:not(:first-child){padding-top:calc(var(--spacing)*2)}.max-md\:not-last\:border-b:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.max-md\:not-last\:pb-2:not(:last-child){padding-bottom:calc(var(--spacing)*2)}.max-md\:only\:min-h-\[140px\]:only-child{min-height:140px}}@media (min-width:380px){.xs\:flex{display:flex}.xs\:flex-row{flex-direction:row}}@media (min-width:640px){.sm\:sticky{position:sticky}.sm\:top-32{top:calc(var(--spacing)*32)}.sm\:ml-6{margin-left:calc(var(--spacing)*6)}.sm\:flex{display:flex}.sm\:h-96{height:calc(var(--spacing)*96)}.sm\:w-1\/2{width:50%}.sm\:w-125{width:calc(var(--spacing)*125)}.sm\:w-auto{width:auto}.sm\:animate-slide-in-right{animation:.2s slide-in-right}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:gap-6{gap:calc(var(--spacing)*6)}.sm\:gap-16{gap:calc(var(--spacing)*16)}.sm\:gap-\[126px\]{gap:126px}.sm\:p-0{padding:calc(var(--spacing)*0)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:py-8{padding-block:calc(var(--spacing)*8)}.sm\:pt-0{padding-top:calc(var(--spacing)*0)}.sm\:pr-6{padding-right:calc(var(--spacing)*6)}.sm\:pb-0{padding-bottom:calc(var(--spacing)*0)}.sm\:pb-8{padding-bottom:calc(var(--spacing)*8)}.sm\:pb-20{padding-bottom:calc(var(--spacing)*20)}.sm\:pb-30{padding-bottom:7.5rem}.sm\:pl-6{padding-left:calc(var(--spacing)*6)}.sm\:data-\[state\=closed\]\:animate-slide-out-right[data-state=closed]{animation:.2s slide-out-right}}@media (min-width:768px){.md\:sticky{position:sticky}.md\:inset-auto{inset:auto}.md\:-top-2{top:calc(var(--spacing)*-2)}.md\:top-0{top:calc(var(--spacing)*0)}.md\:top-1\/2{top:50%}.md\:top-40{top:calc(var(--spacing)*40)}.md\:top-\[88px\]{top:88px}.md\:right-0{right:calc(var(--spacing)*0)}.md\:left-1\/2{left:50%}.md\:left-auto{left:auto}.md\:col-span-3{grid-column:span 3/span 3}.md\:mx-0{margin-inline:calc(var(--spacing)*0)}.md\:mx-2{margin-inline:calc(var(--spacing)*2)}.md\:mx-auto{margin-inline:auto}.md\:my-4{margin-block:calc(var(--spacing)*4)}.md\:my-20{margin-block:calc(var(--spacing)*20)}.md\:my-content-vertical-desktop{margin-block:48px}.md\:-mt-4{margin-top:calc(var(--spacing)*-4)}.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:mt-4{margin-top:calc(var(--spacing)*4)}.md\:mr-10{margin-right:calc(var(--spacing)*10)}.md\:mb-0{margin-bottom:calc(var(--spacing)*0)}.md\:mb-2{margin-bottom:calc(var(--spacing)*2)}.md\:ml-0{margin-left:calc(var(--spacing)*0)}.md\:ml-auto{margin-left:auto}.md\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.md\:line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline{display:inline}.md\:h-4{height:calc(var(--spacing)*4)}.md\:h-5{height:calc(var(--spacing)*5)}.md\:h-8{height:calc(var(--spacing)*8)}.md\:h-12{height:calc(var(--spacing)*12)}.md\:h-20{height:calc(var(--spacing)*20)}.md\:h-38{height:calc(var(--spacing)*38)}.md\:h-50{height:12.5rem}.md\:h-60{height:calc(var(--spacing)*60)}.md\:h-70{height:calc(var(--spacing)*70)}.md\:h-\[2\.6lh\]{height:2.6lh}.md\:h-\[32px\]{height:32px}.md\:h-\[calc\(100vh-120px\)\]{height:calc(100vh - 120px)}.md\:h-\[calc\(100vh-136px\)\]{height:calc(100vh - 136px)}.md\:h-\[calc\(100vh-152px\)\]{height:calc(100vh - 152px)}.md\:h-auto{height:auto}.md\:h-full{height:100%}.md\:max-h-96{max-height:calc(var(--spacing)*96)}.md\:max-h-\[80vh\]{max-height:80vh}.md\:max-h-\[480px\]{max-height:480px}.md\:max-h-full{max-height:100%}.md\:max-h-none{max-height:none}.md\:min-h-160{min-height:calc(var(--spacing)*160)}.md\:min-h-\[300px\]{min-height:300px}.md\:min-h-\[800px\]{min-height:800px}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.3333%}.md\:w-2\/5{width:40%}.md\:w-3\/5{width:60%}.md\:w-4{width:1rem}.md\:w-4\/5{width:80%}.md\:w-5{width:1.25rem}.md\:w-8{width:2rem}.md\:w-12{width:3rem}.md\:w-46{width:11.5rem}.md\:w-48{width:12rem}.md\:w-50{width:12.5rem}.md\:w-60{width:15rem}.md\:w-70{width:calc(var(--spacing)*70)}.md\:w-72{width:18rem}.md\:w-74{width:calc(var(--spacing)*74)}.md\:w-80{width:20rem}.md\:w-\[35\%\]{width:35%}.md\:w-\[65\%\]{width:65%}.md\:w-\[90vw\]{width:90vw}.md\:w-\[135px\]{width:135px}.md\:w-\[200px\]{width:200px}.md\:w-\[220px\]{width:220px}.md\:w-\[240px\]{width:240px}.md\:w-\[310px\]{width:310px}.md\:w-\[376px\]{width:376px}.md\:w-\[408px\]{width:408px}.md\:w-auto{width:auto}.md\:w-fit{width:-moz-fit-content;width:fit-content}.md\:w-full{width:100%}.md\:max-w-2xl{max-width:var(--container-2xl)}.md\:max-w-4xl{max-width:var(--container-4xl)}.md\:max-w-96{max-width:24rem}.md\:max-w-\[80\%\]{max-width:80%}.md\:max-w-\[90vw\]{max-width:90vw}.md\:max-w-\[500px\]{max-width:500px}.md\:max-w-\[540px\]{max-width:540px}.md\:max-w-\[600px\]{max-width:600px}.md\:max-w-\[632px\]{max-width:632px}.md\:max-w-full{max-width:100%}.md\:max-w-lg{max-width:var(--container-lg)}.md\:max-w-md{max-width:var(--container-md)}.md\:max-w-section-container{max-width:1536px}.md\:min-w-\[44px\]{min-width:44px}.md\:shrink-0{flex-shrink:0}.md\:grow{flex-grow:1}.md\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.md\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.md\:scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.md\:animate-fade-in{animation:.2s fade-in}.md\:animate-slide-in-right{animation:.2s slide-in-right}.md\:scroll-ps-0{scroll-padding-inline-start:calc(var(--spacing)*0)}.md\:scroll-ps-10{scroll-padding-inline-start:calc(var(--spacing)*10)}.md\:auto-rows-\[9\.5rem\]{grid-auto-rows:9.5rem}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1fr_auto_auto\]{grid-template-columns:1fr auto auto}.md\:grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-wrap{flex-wrap:wrap}.md\:items-center{align-items:center}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:justify-center{justify-content:center}.md\:justify-end{justify-content:flex-end}.md\:justify-normal{justify-content:normal}.md\:justify-start{justify-content:flex-start}.md\:gap-2{gap:calc(var(--spacing)*2)}.md\:gap-3{gap:calc(var(--spacing)*3)}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:gap-12{gap:calc(var(--spacing)*12)}.md\:gap-16{gap:calc(var(--spacing)*16)}.md\:gap-20{gap:calc(var(--spacing)*20)}.md\:gap-32{gap:calc(var(--spacing)*32)}.md\:gap-x-0{-moz-column-gap:calc(var(--spacing)*0);column-gap:calc(var(--spacing)*0)}.md\:gap-x-2{-moz-column-gap:calc(var(--spacing)*2);column-gap:calc(var(--spacing)*2)}.md\:gap-x-4{-moz-column-gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*4)}.md\:gap-x-8{-moz-column-gap:calc(var(--spacing)*8);column-gap:calc(var(--spacing)*8)}.md\:gap-y-4{row-gap:calc(var(--spacing)*4)}.md\:gap-y-6{row-gap:calc(var(--spacing)*6)}.md\:gap-y-8{row-gap:calc(var(--spacing)*8)}.md\:gap-y-10{row-gap:calc(var(--spacing)*10)}.md\:self-center{align-self:center}.md\:self-start{align-self:flex-start}.md\:justify-self-end{justify-self:flex-end}.md\:rounded-2xl{border-radius:var(--radius-2xl)}.md\:rounded-3xl{border-radius:var(--radius-3xl)}.md\:rounded-lg{border-radius:var(--radius-lg)}.md\:rounded-md{border-radius:var(--radius-md)}.md\:rounded-mercury-ui-control{border-radius:var(--mercury-ui-border-radius-control)}.md\:rounded-mercury-ui-md{border-radius:var(--mercury-ui-border-radius-medium)}.md\:rounded-mercury-ui-sm{border-radius:var(--mercury-ui-border-radius-small)}.md\:rounded-none{border-radius:0}.md\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.md\:rounded-l-mercury-ui-lg{border-top-left-radius:var(--mercury-ui-border-radius-large);border-bottom-left-radius:var(--mercury-ui-border-radius-large)}.md\:rounded-r-mercury-ui-lg{border-top-right-radius:var(--mercury-ui-border-radius-large);border-bottom-right-radius:var(--mercury-ui-border-radius-large)}.md\:rounded-r-mercury-ui-sm{border-top-right-radius:var(--mercury-ui-border-radius-small);border-bottom-right-radius:var(--mercury-ui-border-radius-small)}.md\:rounded-br-mercury-ui-md{border-bottom-right-radius:var(--mercury-ui-border-radius-medium)}.md\:rounded-bl-mercury-ui-md{border-bottom-left-radius:var(--mercury-ui-border-radius-medium)}.md\:border{border-style:var(--tw-border-style);border-width:1px}.md\:border-2{border-style:var(--tw-border-style);border-width:2px}.md\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.md\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.md\:border-none{--tw-border-style:none;border-style:none}.md\:border-solid{--tw-border-style:solid;border-style:solid}.md\:border-mercury-ui-divider,.md\:border-mercury-ui-divider\/50{border-color:rgb(var(--mercury-ui-bg-divider)/1)}@supports (color:color-mix(in lab,red,red)){.md\:border-mercury-ui-divider\/50{border-color:color-mix(in oklab,rgb(var(--mercury-ui-bg-divider)/1)50%,transparent)}}.md\:bg-mercury-ui-blur{background-color:rgb(var(--mercury-ui-bg-blur)/1)}.md\:bg-mercury-ui-primary{background-color:rgb(var(--mercury-ui-bg-primary)/1)}.md\:p-0{padding:calc(var(--spacing)*0)}.md\:p-2{padding:calc(var(--spacing)*2)}.md\:p-4{padding:calc(var(--spacing)*4)}.md\:p-5{padding:calc(var(--spacing)*5)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:p-14{padding:calc(var(--spacing)*14)}.md\:px-0{padding-inline:calc(var(--spacing)*0)}.md\:px-2{padding-inline:calc(var(--spacing)*2)}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:px-5{padding-inline:calc(var(--spacing)*5)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:px-8{padding-inline:calc(var(--spacing)*8)}.md\:px-10{padding-inline:calc(var(--spacing)*10)}.md\:py-1{padding-block:calc(var(--spacing)*1)}.md\:py-3{padding-block:calc(var(--spacing)*3)}.md\:py-4{padding-block:calc(var(--spacing)*4)}.md\:py-6{padding-block:calc(var(--spacing)*6)}.md\:py-16{padding-block:calc(var(--spacing)*16)}.md\:py-18{padding-block:72px}.md\:py-23{padding-block:5.75rem}.md\:py-content-vertical-desktop{padding-block:48px}.md\:pt-0{padding-top:calc(var(--spacing)*0)}.md\:pt-1{padding-top:calc(var(--spacing)*1)}.md\:pt-2{padding-top:calc(var(--spacing)*2)}.md\:pt-32{padding-top:calc(var(--spacing)*32)}.md\:pt-content-vertical-desktop{padding-top:48px}.md\:pr-0{padding-right:calc(var(--spacing)*0)}.md\:pr-1{padding-right:calc(var(--spacing)*1)}.md\:pr-4{padding-right:calc(var(--spacing)*4)}.md\:pr-6{padding-right:calc(var(--spacing)*6)}.md\:pr-8{padding-right:calc(var(--spacing)*8)}.md\:pr-10{padding-right:calc(var(--spacing)*10)}.md\:pr-32{padding-right:calc(var(--spacing)*32)}.md\:pb-2{padding-bottom:calc(var(--spacing)*2)}.md\:pb-3{padding-bottom:calc(var(--spacing)*3)}.md\:pb-4{padding-bottom:calc(var(--spacing)*4)}.md\:pb-6{padding-bottom:calc(var(--spacing)*6)}.md\:pb-8{padding-bottom:calc(var(--spacing)*8)}.md\:pb-30{padding-bottom:7.5rem}.md\:pb-32{padding-bottom:calc(var(--spacing)*32)}.md\:pb-content-vertical-desktop{padding-bottom:48px}.md\:pl-0{padding-left:calc(var(--spacing)*0)}.md\:pl-4{padding-left:calc(var(--spacing)*4)}.md\:pl-8{padding-left:calc(var(--spacing)*8)}.md\:pl-10{padding-left:calc(var(--spacing)*10)}.md\:pl-\[36px\]{padding-left:36px}.md\:text-left{text-align:left}.md\:font-mercury-ui-primary{font-family:var(--mercury-ui-font-family-primary),var(--font-default),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.md\:text-mercury-ui-title-2xl{font-size:var(--mercury-ui-title-2xl-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-2xl-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-2xl-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-2xl-font-weight))}.md\:text-mercury-ui-title-3xl{font-size:var(--mercury-ui-title-3xl-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-3xl-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-3xl-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-3xl-font-weight))}.md\:text-mercury-ui-title-4xl{font-size:var(--mercury-ui-title-4xl-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-4xl-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-4xl-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-4xl-font-weight))}.md\:text-mercury-ui-title-base{font-size:var(--mercury-ui-title-md-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-md-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-md-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-md-font-weight))}.md\:text-mercury-ui-title-lg{font-size:var(--mercury-ui-title-lg-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-lg-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-lg-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-lg-font-weight))}.md\:text-mercury-ui-title-sm{font-size:var(--mercury-ui-title-sm-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-sm-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-sm-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-sm-font-weight))}.md\:text-mercury-ui-title-xs{font-size:var(--mercury-ui-title-xs-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-xs-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-xs-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-xs-font-weight))}.md\:text-mercury-ui-text-base{font-size:var(--mercury-ui-text-md-font-size);line-height:var(--tw-leading,var(--mercury-ui-text-md-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-text-md-letter-spacing))}.md\:text-mercury-ui-text-lg{font-size:var(--mercury-ui-text-lg-font-size);line-height:var(--tw-leading,var(--mercury-ui-text-lg-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-text-lg-letter-spacing))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:leading-none{--tw-leading:1;line-height:1}.md\:font-semibold{--tw-font-weight:600;font-weight:600}.md\:text-mercury-ui-text-primary{color:rgb(var(--mercury-ui-text-primary)/1)}.last\:md\:pr-8:last-child{padding-right:calc(var(--spacing)*8)}@media (hover:hover){.md\:hover\:scale-\[1\.02\]:hover{scale:1.02}.md\:hover\:bg-mercury-ui-tertiary:hover{background-color:rgb(var(--mercury-ui-bg-tertiary)/1)}}.md\:data-\[state\=closed\]\:animate-fade-out[data-state=closed]{animation:.5s ease-in-out fadeOut}.md\:data-\[state\=closed\]\:animate-slide-out-right[data-state=closed]{animation:.2s slide-out-right}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-1\/2{top:50%}.lg\:top-28{top:calc(var(--spacing)*28)}.lg\:left-1\/2{left:50%}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:mt-10{margin-top:calc(var(--spacing)*10)}.lg\:line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-50{height:12.5rem}.lg\:h-\[420px\]{height:420px}.lg\:h-full{height:100%}.lg\:max-h-\[calc\(100vh-112px\)\]{max-height:calc(100vh - 112px)}.lg\:w-\[90vw\]{width:90vw}.lg\:w-\[450px\]{width:450px}.lg\:max-w-screen-sm{max-width:640px}.lg\:min-w-36{min-width:9rem}.lg\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.lg\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.lg\:animate-fade-in{animation:.2s fade-in}.lg\:auto-rows-\[12\.5rem\]{grid-auto-rows:12.5rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1fr_25rem\]{grid-template-columns:1fr 25rem}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:justify-center{justify-content:center}.lg\:gap-1{gap:calc(var(--spacing)*1)}.lg\:gap-3{gap:calc(var(--spacing)*3)}.lg\:gap-4{gap:calc(var(--spacing)*4)}.lg\:gap-10{gap:calc(var(--spacing)*10)}.lg\:gap-20{gap:calc(var(--spacing)*20)}.lg\:gap-x-12{-moz-column-gap:calc(var(--spacing)*12);column-gap:calc(var(--spacing)*12)}.lg\:gap-x-20{-moz-column-gap:calc(var(--spacing)*20);column-gap:calc(var(--spacing)*20)}.lg\:gap-y-3{row-gap:calc(var(--spacing)*3)}.lg\:gap-y-4{row-gap:calc(var(--spacing)*4)}.lg\:self-start{align-self:flex-start}.lg\:rounded-mercury-ui-md{border-radius:var(--mercury-ui-border-radius-medium)}.lg\:p-0{padding:calc(var(--spacing)*0)}.lg\:p-4{padding:calc(var(--spacing)*4)}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:px-2{padding-inline:calc(var(--spacing)*2)}.lg\:py-2{padding-block:calc(var(--spacing)*2)}.lg\:py-content-vertical-desktop{padding-block:48px}.lg\:pt-0{padding-top:calc(var(--spacing)*0)}.lg\:pt-16{padding-top:calc(var(--spacing)*16)}.lg\:pr-6{padding-right:calc(var(--spacing)*6)}.lg\:pb-0{padding-bottom:calc(var(--spacing)*0)}.lg\:pb-20{padding-bottom:calc(var(--spacing)*20)}.lg\:text-mercury-ui-title-2xl{font-size:var(--mercury-ui-title-2xl-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-2xl-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-2xl-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-2xl-font-weight))}.lg\:text-mercury-ui-title-3xl{font-size:var(--mercury-ui-title-3xl-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-3xl-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-3xl-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-3xl-font-weight))}.lg\:text-mercury-ui-title-4xl{font-size:var(--mercury-ui-title-4xl-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-4xl-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-4xl-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-4xl-font-weight))}.lg\:text-mercury-ui-title-5xl{font-size:var(--mercury-ui-title-5xl-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-5xl-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-5xl-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-5xl-font-weight))}.lg\:text-mercury-ui-title-base{font-size:var(--mercury-ui-title-md-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-md-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-md-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-md-font-weight))}.lg\:text-mercury-ui-title-lg{font-size:var(--mercury-ui-title-lg-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-lg-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-lg-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-lg-font-weight))}.lg\:text-mercury-ui-title-xl{font-size:var(--mercury-ui-title-xl-font-size);line-height:var(--tw-leading,var(--mercury-ui-title-xl-line-height));letter-spacing:var(--tw-tracking,var(--mercury-ui-title-xl-letter-spacing));font-weight:var(--tw-font-weight,var(--mercury-ui-title-xl-font-weight))}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:data-\[state\=closed\]\:animate-none[data-state=closed]{animation:none}}@media (min-width:1280px){.xl\:mx-auto{margin-inline:auto}.xl\:my-0{margin-block:calc(var(--spacing)*0)}.xl\:mr-0{margin-right:calc(var(--spacing)*0)}.xl\:scrollbars-hidden::-webkit-scrollbar{display:none}.xl\:scrollbars-hidden{-ms-overflow-style:none;scrollbar-width:none}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:hidden{display:none}.xl\:w-\[960px\]{width:960px}.xl\:w-full{width:100%}.xl\:max-w-menu-content{max-width:1248px}.xl\:max-w-screen-xl{max-width:1280px}.xl\:grid-cols-\[1fr_200px_200px\]{grid-template-columns:1fr 200px 200px}.xl\:grid-cols-\[200px_1fr_200px\]{grid-template-columns:200px 1fr 200px}.xl\:grid-cols-\[256px_1fr\]{grid-template-columns:256px 1fr}.xl\:flex-col{flex-direction:column}.xl\:items-start{align-items:flex-start}.xl\:gap-40{gap:calc(var(--spacing)*40)}.xl\:gap-\[2px\]{gap:2px}.xl\:gap-\[140px\]{gap:140px}.xl\:gap-x-36{-moz-column-gap:calc(var(--spacing)*36);column-gap:calc(var(--spacing)*36)}.xl\:overflow-scroll{overflow:scroll}.xl\:overflow-x-hidden{overflow-x:hidden}.xl\:overflow-y-auto{overflow-y:auto}.xl\:px-0{padding-inline:calc(var(--spacing)*0)}.xl\:px-\[2px\]{padding-inline:2px}.xl\:pt-4{padding-top:calc(var(--spacing)*4)}.xl\:pr-0{padding-right:calc(var(--spacing)*0)}.xl\:pl-0{padding-left:calc(var(--spacing)*0)}.last\:xl\:pr-0:last-child{padding-right:calc(var(--spacing)*0)}@media (hover:hover){.xl\:hover\:border-mercury-ui-tertiary:hover{border-color:rgb(var(--mercury-ui-text-placeholder)/1)}}}@media (max-height:400px),(max-width:320px){.extreme-zoom\:\!visible{visibility:visible!important}.extreme-zoom\:relative{position:relative}.extreme-zoom\:static{position:static}.extreme-zoom\:top-0{top:calc(var(--spacing)*0)}.extreme-zoom\:top-auto{top:auto}.extreme-zoom\:right-auto{right:auto}.extreme-zoom\:left-auto{left:auto}.extreme-zoom\:mt-2{margin-top:calc(var(--spacing)*2)}.extreme-zoom\:mb-3{margin-bottom:calc(var(--spacing)*3)}.extreme-zoom\:block{display:block}.extreme-zoom\:hidden{display:none}.extreme-zoom\:h-\[200px\]{height:200px}.extreme-zoom\:h-full{height:100%}.extreme-zoom\:max-h-\[40vh\]{max-height:40vh}.extreme-zoom\:max-h-full{max-height:100%}.extreme-zoom\:w-full{width:100%}.extreme-zoom\:grow-0{flex-grow:0}.extreme-zoom\:flex-col{flex-direction:column}.extreme-zoom\:gap-1{gap:calc(var(--spacing)*1)}.extreme-zoom\:gap-2{gap:calc(var(--spacing)*2)}.extreme-zoom\:overflow-y-auto{overflow-y:auto}.extreme-zoom\:rounded-none{border-radius:0}.extreme-zoom\:bg-mercury-ui-primary{background-color:rgb(var(--mercury-ui-bg-primary)/1)}.extreme-zoom\:p-2{padding:calc(var(--spacing)*2)}.extreme-zoom\:px-2{padding-inline:calc(var(--spacing)*2)}.extreme-zoom\:px-3{padding-inline:calc(var(--spacing)*3)}.extreme-zoom\:py-2{padding-block:calc(var(--spacing)*2)}.extreme-zoom\:py-3{padding-block:calc(var(--spacing)*3)}.extreme-zoom\:pt-0{padding-top:calc(var(--spacing)*0)}.extreme-zoom\:pt-2{padding-top:calc(var(--spacing)*2)}.extreme-zoom\:pb-2{padding-bottom:calc(var(--spacing)*2)}.extreme-zoom\:pb-3{padding-bottom:calc(var(--spacing)*3)}.extreme-zoom\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}@media (min-width:768px){.extreme-zoom\:md\:w-full{width:100%}.extreme-zoom\:md\:max-w-full{max-width:100%}}@media (min-width:1024px){.extreme-zoom\:lg\:top-0{top:calc(var(--spacing)*0)}.extreme-zoom\:lg\:left-0{left:calc(var(--spacing)*0)}.extreme-zoom\:lg\:h-full{height:100%}.extreme-zoom\:lg\:max-h-full{max-height:100%}.extreme-zoom\:lg\:w-full{width:100%}.extreme-zoom\:lg\:max-w-full{max-width:100%}.extreme-zoom\:lg\:translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.extreme-zoom\:lg\:translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}}.\[\&_\.StripeElement--focus\]\:border-mercury-ui-text-primary .StripeElement--focus{border-color:rgb(var(--mercury-ui-text-primary)/1)}.\[\&_\.StripeElement--focus\]\:ring-\[1\.5px\] .StripeElement--focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1.5px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&_\.StripeElement--focus\]\:ring-mercury-ui-text-primary .StripeElement--focus{--tw-ring-color:rgb(var(--mercury-ui-text-primary)/1)}.\[\&_\.StripeElement--focus\]\:outline-2 .StripeElement--focus{outline-style:var(--tw-outline-style);outline-width:2px}.\[\&_\.StripeElement--focus\]\:outline-mercury-ui-text-primary\/10 .StripeElement--focus{outline-color:rgb(var(--mercury-ui-text-primary)/1)}@supports (color:color-mix(in lab,red,red)){.\[\&_\.StripeElement--focus\]\:outline-mercury-ui-text-primary\/10 .StripeElement--focus{outline-color:color-mix(in oklab,rgb(var(--mercury-ui-text-primary)/1)10%,transparent)}}.\[\&_\.StripeElement--invalid\]\:border-mercury-ui-danger-300 .StripeElement--invalid{border-color:rgb(var(--mercury-ui-danger-300)/1)}@media (hover:hover){.\[\&_\.StripeElement--invalid\]\:hover\:border-mercury-ui-danger-300 .StripeElement--invalid:hover{border-color:rgb(var(--mercury-ui-danger-300)/1)}}.\[\&_\.StripeElement--invalid\.StripeElement--focus\]\:ring-mercury-ui-danger-300 .StripeElement--invalid.StripeElement--focus{--tw-ring-color:rgb(var(--mercury-ui-danger-300)/1)}.\[\&_\.StripeElement--invalid\.StripeElement--focus\]\:outline-mercury-ui-danger-300\/10 .StripeElement--invalid.StripeElement--focus{outline-color:rgb(var(--mercury-ui-danger-300)/1)}@supports (color:color-mix(in lab,red,red)){.\[\&_\.StripeElement--invalid\.StripeElement--focus\]\:outline-mercury-ui-danger-300\/10 .StripeElement--invalid.StripeElement--focus{outline-color:color-mix(in oklab,rgb(var(--mercury-ui-danger-300)/1)10%,transparent)}}.\[\&_button\]\:\!h-12 button{height:calc(var(--spacing)*12)!important}.\[\&_button\]\:text-sm button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}@media (min-width:1024px){.lg\:\[\&_button\]\:text-base button{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (max-height:400px),(max-width:320px){.extreme-zoom\:\[\&_button\]\:\!h-10 button{height:calc(var(--spacing)*10)!important}.extreme-zoom\:\[\&_button\]\:\!min-h-10 button{min-height:calc(var(--spacing)*10)!important}.extreme-zoom\:\[\&_button\]\:\!px-2 button{padding-inline:calc(var(--spacing)*2)!important}.extreme-zoom\:\[\&_button\]\:\!px-3 button{padding-inline:calc(var(--spacing)*3)!important}.extreme-zoom\:\[\&_button\]\:\!py-2 button{padding-block:calc(var(--spacing)*2)!important}.extreme-zoom\:\[\&_button\]\:text-sm button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media not all and (min-width:768px){.max-md\:\[\&\:first-child\:not\(\:only-child\)\]\:min-h-\[148px\]:first-child:not(:only-child){min-height:148px}}.\[\&\:last-child_\.mobile-dotted-line\]\:hidden:last-child .mobile-dotted-line{display:none}@media not all and (min-width:768px){.max-md\:\[\&\:last-child\:not\(\:only-child\)\]\:min-h-\[148px\]:last-child:not(:only-child){min-height:148px}.max-md\:\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:min-h-\[156px\]:not(:first-child):not(:last-child){min-height:156px}.max-md\:\[\&\:not\(\:last-child\)\]\:border-mercury-ui-divider\/50:not(:last-child){border-color:rgb(var(--mercury-ui-bg-divider)/1)}@supports (color:color-mix(in lab,red,red)){.max-md\:\[\&\:not\(\:last-child\)\]\:border-mercury-ui-divider\/50:not(:last-child){border-color:color-mix(in oklab,rgb(var(--mercury-ui-bg-divider)/1)50%,transparent)}}}.\[\&\>\*\]\:w-full>*,.\[\&\>button\]\:w-full>button{width:100%}@media (min-width:1280px){.xl\:\[\&\>div\]\:w-full>div{width:100%}}.\[\&\>div\>button\]\:flex-1>div>button{flex:1 1}.\[\&\>div\>button\]\:transition-all>div>button{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (min-width:768px){.md\:\[\&\>div\>button\]\:w-fit>div>button{width:-moz-fit-content;width:fit-content}.md\:\[\&\>div\>button\]\:flex-none>div>button{flex:none}.md\:\[\&\>div\>button\]\:border-solid>div>button{--tw-border-style:solid;border-style:solid}}.\[\&\>li\:hover\>\*\]\:bg-mercury-ui-tertiary>li:hover>*{background-color:rgb(var(--mercury-ui-bg-tertiary)/1)}.\[\&\>li\:hover\>\*\]\:text-mercury-ui-secondary>li:hover>*{color:rgb(var(--mercury-ui-text-secondary)/1)}.\[\&\>li\>\*\]\:line-clamp-1>li>*{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>li\>\*\]\:w-full>li>*{width:100%}.\[\&\>li\>\*\]\:truncate>li>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>li\>\*\]\:text-mercury-ui-secondary>li>*{color:rgb(var(--mercury-ui-text-secondary)/1)}.\[\&\>li\>\*\[data-active\]\]\:bg-mercury-ui-tertiary>li>[data-active]{background-color:rgb(var(--mercury-ui-bg-tertiary)/1)}.\[\&\>li\>\*\[data-active\]\]\:text-mercury-ui-primary>li>[data-active]{color:rgb(var(--mercury-ui-text-primary)/1)}.\[\&\>path\:first-child\]\:translate-x-\[0\.9rem\]>path:first-child{--tw-translate-x:.9rem;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>path\:first-child\]\:-translate-y-1>path:first-child{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>path\:first-child\]\:rotate-45>path:first-child{rotate:45deg}.\[\&\>path\:last-child\]\:-translate-x-\[0\.6rem\]>path:last-child{--tw-translate-x: -.6rem ;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>path\:last-child\]\:translate-y-\[\.8rem\]>path:last-child{--tw-translate-y:.8rem;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>path\:last-child\]\:-rotate-45>path:last-child{rotate:-45deg}@media (hover:hover){.\[\@media\(hover\:hover\)\]\:hover\:bg-mercury-ui-tertiary:hover{background-color:rgb(var(--mercury-ui-bg-tertiary)/1)}.\[\@media\(hover\:hover\)\]\:hover\:text-mercury-ui-primary:hover{color:rgb(var(--mercury-ui-text-primary)/1)}}details[open] .\[details\[open\]_\&\]\:rotate-180{rotate:180deg}html{scrollbar-gutter:stable}body{background-color:rgb(var(--mercury-ui-bg-primary))}body[style]{margin-right:0!important}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--mercury-ui-text-placeholder)}input::placeholder,textarea::placeholder{color:var(--mercury-ui-text-placeholder)}.backface-hidden{backface-visibility:hidden}.transform-3d-none{transform:translate(0)}address{font-style:normal}.text-mercury-ui-title-5xl,.text-mercury-ui-title-4xl,.text-mercury-ui-title-3xl,.text-mercury-ui-title-2xl,.text-mercury-ui-title-xl,.text-mercury-ui-title-lg,.text-mercury-ui-title-base,.text-mercury-ui-title-sm,.text-mercury-ui-title-xs{--tw-font-weight:initial}.text-mercury-ui-title-5xl:not(.font-mercury-ui-secondary),.text-mercury-ui-title-4xl:not(.font-mercury-ui-secondary),.text-mercury-ui-title-3xl:not(.font-mercury-ui-secondary),.text-mercury-ui-title-2xl:not(.font-mercury-ui-secondary),.text-mercury-ui-title-xl:not(.font-mercury-ui-secondary),.text-mercury-ui-title-lg:not(.font-mercury-ui-secondary),.text-mercury-ui-title-base:not(.font-mercury-ui-secondary),.text-mercury-ui-title-sm:not(.font-mercury-ui-secondary),.text-mercury-ui-title-xs:not(.font-mercury-ui-secondary){font-family:var(--mercury-ui-font-family-primary)}.text-mercury-ui-button-lg,.text-mercury-ui-button-base,.text-mercury-ui-button-sm{--tw-font-weight:initial}}body{letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never}body.modal-locked{touch-action:none;height:100%;position:relative;overflow:hidden}::view-transition-old(root){animation-duration:.1s;animation-timing-function:ease-in-out}::view-transition-new(root){animation-duration:.1s;animation-timing-function:ease-in-out}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes backdropFadeIn{0%{-webkit-backdrop-filter:brightness();backdrop-filter:brightness()}to{-webkit-backdrop-filter:brightness(.5);backdrop-filter:brightness(.5)}}@keyframes repeatSlide{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scale-in{0%{opacity:0;transform:rotateX(-30deg)scale(.9)}to{opacity:1;transform:rotateX(0)scale(1)}}@keyframes scale-out{0%{opacity:1;transform:rotateX(0)scale(1)}to{opacity:0;transform:rotateX(-10deg)scale(.95)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes fade-skeleton{0%{background-color:rgb(var(--mercury-ui-text-placeholder)/.3)}to{background-color:rgb(var(--mercury-ui-text-placeholder)/.1)}} | |
| </style><script type="module" src="/_astro/page.B1D-nYk3.js"></script><link rel="prefetch" href="https://nipponcurry.com/menu"><link rel="prefetch" href="https://nipponcurry.com/page/locations"><link rel="prefetch" href="https://nipponcurry.com/story"><link rel="prefetch" href="https://nipponcurry.com/careers"></head> <body> <script type="module">function p(){const e=document.querySelector("[data-promo-banner]");if(!e)return;const n=parseInt(e.dataset.bannerCount||"0",10);if(n<=1)return;const i=e.querySelector(".promo-banner-track"),l=e.querySelector(".promo-banner-content"),u=e.querySelector(".promo-banner-prev"),d=e.querySelector(".promo-banner-next");if(!i||!l||!u||!d)return;let t=0,r=null;const f=5e3,a=()=>{const L=l.offsetWidth;i.style.transform=`translateX(-${L*t}px)`},v=()=>{t=t>=n-1?0:t+1,a()},y=()=>{t=t>0?t-1:n-1,a()},o=()=>{s(),n>1&&(r=setInterval(v,f))},s=()=>{r!==null&&(clearInterval(r),r=null)};u.addEventListener("click",()=>{y(),o()}),d.addEventListener("click",()=>{v(),o()}),e.addEventListener("mouseenter",s),e.addEventListener("mouseleave",o);let c;const m=()=>{c&&clearTimeout(c),c=setTimeout(a,100)};return window.addEventListener("resize",m,{passive:!0}),o(),()=>{s(),window.removeEventListener("resize",m)}}p();document.addEventListener("astro:page-load",p);</script><nav aria-label="Main menu" class="z-30 pointer-events-auto transition-all sticky top-0 bg-mercury-ui-primary duration-300" data-show-transparent="false" data-scrolled="false" data-has-banner="false" data-astro-cid-pux6a34n=""> <div class="mx-auto flex max-w-section-content items-center px-4 py-4 md:pr-6 md:pl-8 gap-2" data-astro-cid-pux6a34n=""> <!-- Logo --> <div class="md:shrink-0" data-astro-cid-pux6a34n=""> <a href="/" class="flex max-h-14 md:max-h-full md:shrink-0" style="height: 56px;" data-astro-cid-pux6a34n=""> <img src="/pluto-images/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?h=56&fit=cover" alt="Nippon Curry" class="max-h-full object-contain transition-opacity duration-300" loading="eager" sizes=" | |
| (max-width: 320px) 280px, | |
| (max-width: 640px) 600px, | |
| (max-width: 960px) 880px, | |
| (max-width: 1280px) 1200px, | |
| 1312px | |
| " srcset="/pluto-images/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?h=56&dpr=1&fit=cover 1x, /pluto-images/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?h=56&dpr=2&fit=cover 2x, /pluto-images/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?h=56&dpr=3&fit=cover 3x" style="max-width: 100%;"> </a> </div> <!-- Desktop Navigation Links --> <div class="hidden md:flex min-w-0 flex-1 items-center justify-end" data-astro-cid-pux6a34n=""> <div class="relative w-full max-w-full" data-astro-cid-pux6a34n=""> <div id="nav-wrapper" class="flex items-center justify-end gap-2 p-[9px]" data-astro-cid-pux6a34n=""> <!-- Transparent nav: everything in one container --> <div id="nav-section" class="flex items-center gap-2 min-w-0" data-astro-cid-pux6a34n=""> <div id="nav-items" class="flex items-center gap-2" data-astro-cid-pux6a34n=""> <a href="/menu" class="nav-link flex min-h-10 items-center px-3 py-2 font-mercury-ui-secondary font-medium whitespace-nowrap text-mercury-ui-button-base transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" data-astro-prefetch="viewport" data-nav-index="0" data-menu-link="true" data-track-menu-click="Navbar - Menu Link" data-astro-cid-pux6a34n="" data-track-menu-click-attached="true"> Menu </a><a href="/page/locations" class="nav-link flex min-h-10 items-center px-3 py-2 font-mercury-ui-secondary font-medium whitespace-nowrap text-mercury-ui-button-base transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" data-astro-prefetch="viewport" data-nav-index="1" data-menu-link="false" data-astro-cid-pux6a34n=""> Locations </a><a href="/story" class="nav-link flex min-h-10 items-center px-3 py-2 font-mercury-ui-secondary font-medium whitespace-nowrap text-mercury-ui-button-base transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" data-astro-prefetch="viewport" data-nav-index="2" data-menu-link="false" data-astro-cid-pux6a34n=""> Our Story </a><a href="/careers" class="nav-link flex min-h-10 items-center px-3 py-2 font-mercury-ui-secondary font-medium whitespace-nowrap text-mercury-ui-button-base transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" data-astro-prefetch="viewport" data-nav-index="3" data-menu-link="false" data-astro-cid-pux6a34n=""> We're Hiring </a><a href="https://nipponcurryfranchise.com" target="_blank" rel="noopener noreferrer" aria-label="Franchising Opportunity (opens in a new tab)" class="nav-link flex min-h-10 items-center px-3 py-2 font-mercury-ui-secondary font-medium whitespace-nowrap text-mercury-ui-button-base transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" data-nav-index="4" data-menu-link="false" data-astro-cid-pux6a34n="" style="display: none;"> Franchising Opportunity </a> </div> <div id="more-container" class="relative shrink-0" data-astro-cid-pux6a34n=""> <div class="relative" data-dropdown-root="true" data-dropdown-open="false" data-astro-cid-pqsyg2qg=""> <button id="more-menu-button" type="button" class="flex min-h-10 items-center px-3 py-2 font-mercury-ui-secondary font-medium whitespace-nowrap text-mercury-ui-button-base text-mercury-ui-secondary transition-all duration-150 ease-out rounded-mercury-ui-control hover:bg-mercury-ui-tertiary" aria-label="More menu" aria-expanded="false" aria-controls="more-menu-dropdown" data-dropdown-open="false" data-astro-cid-pqsyg2qg=""> <span class="flex items-center" data-astro-cid-pux6a34n=""> | |
| More | |
| <svg class="ml-1 h-4 w-4 transition-transform duration-200" viewBox="0 0 16 16" fill="none" data-arrow="" data-astro-cid-pux6a34n=""> <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-pux6a34n=""></path> </svg> </span> </button> <div id="more-menu-dropdown" class="absolute top-full right-0 mt-2 min-w-[200px] opacity-0 pointer-events-none scale-95 transition-all duration-200 origin-top-right z-50" role="menu" aria-label="More menu" data-dropdown-panel="true" data-dropdown-open="false" data-astro-cid-pqsyg2qg=""> <div class="rounded-mercury-ui-sm bg-mercury-ui-popover shadow-mercury-ui-popover p-2" data-astro-cid-pqsyg2qg=""> | |
| <a href="https://nipponcurryfranchise.com" target="_blank" rel="noopener noreferrer" aria-label="Franchising Opportunity (opens in a new tab)" class="block px-3 py-2 font-mercury-ui-secondary text-base font-medium text-mercury-ui-secondary rounded-mercury-ui-control transition-all hover:bg-mercury-ui-tertiary no-underline" role="menuitem"> | |
| Franchising Opportunity | |
| </a> <a href="/events" class="block px-3 py-2 font-mercury-ui-secondary text-base font-medium rounded-mercury-ui-control transition-all hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" role="menuitem" data-astro-prefetch="viewport">Events</a><a href="/gift-cards" class="block px-3 py-2 font-mercury-ui-secondary text-base font-medium rounded-mercury-ui-control transition-all hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" role="menuitem" data-astro-prefetch="viewport">Gift Cards</a><a href="/page/contact-us" class="block px-3 py-2 font-mercury-ui-secondary text-base font-medium rounded-mercury-ui-control transition-all hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" role="menuitem" data-astro-prefetch="viewport">Contact Us</a> </div> </div> </div> <script>(function(){const buttonId = "more-menu-button"; | |
| const panelId = "more-menu-dropdown"; | |
| function initDropdown() { | |
| const button = document.getElementById(buttonId) | |
| const panel = document.getElementById(panelId) | |
| if (!button || !panel) return | |
| const root = button.closest('[data-dropdown-root]') | |
| if (!root) return | |
| const setOpenState = (isOpen) => { | |
| const value = String(isOpen) | |
| button.setAttribute('aria-expanded', value) | |
| button.setAttribute('data-dropdown-open', value) | |
| panel.setAttribute('data-dropdown-open', value) | |
| root.setAttribute('data-dropdown-open', value) | |
| } | |
| const isOpen = () => button.getAttribute('aria-expanded') === 'true' | |
| const open = () => { | |
| if (isOpen()) return | |
| window.dispatchEvent( | |
| new CustomEvent('apollo-dropdown-open', { | |
| detail: { id: panelId }, | |
| }) | |
| ) | |
| setOpenState(true) | |
| } | |
| const close = () => { | |
| if (!isOpen()) return | |
| setOpenState(false) | |
| } | |
| const handleToggle = (event) => { | |
| event?.stopPropagation() | |
| if (isOpen()) { | |
| close() | |
| } else { | |
| open() | |
| } | |
| } | |
| const handleClickOutside = (event) => { | |
| if (!root.contains(event.target)) { | |
| close() | |
| } | |
| } | |
| const handleKeydown = (event) => { | |
| if (event.key === 'Escape') { | |
| close() | |
| } | |
| } | |
| const handlePanelClick = (event) => { | |
| const target = event.target | |
| if (!target) return | |
| const interactive = target.closest('a, button[data-dropdown-close="true"]') | |
| if (interactive) { | |
| close() | |
| } | |
| } | |
| const handleGlobalOpen = (event) => { | |
| const detail = event.detail || {} | |
| if (detail.id !== panelId) { | |
| close() | |
| } | |
| } | |
| button.addEventListener('click', handleToggle) | |
| document.addEventListener('click', handleClickOutside) | |
| document.addEventListener('keydown', handleKeydown) | |
| panel.addEventListener('click', handlePanelClick) | |
| window.addEventListener('apollo-dropdown-open', handleGlobalOpen) | |
| const cleanup = () => { | |
| button.removeEventListener('click', handleToggle) | |
| document.removeEventListener('click', handleClickOutside) | |
| document.removeEventListener('keydown', handleKeydown) | |
| panel.removeEventListener('click', handlePanelClick) | |
| window.removeEventListener('apollo-dropdown-open', handleGlobalOpen) | |
| } | |
| return cleanup | |
| } | |
| let cleanupDropdown = initDropdown() | |
| document.addEventListener('astro:page-load', () => { | |
| cleanupDropdown?.() | |
| cleanupDropdown = initDropdown() | |
| }) | |
| document.addEventListener('astro:before-swap', () => { | |
| cleanupDropdown?.() | |
| cleanupDropdown = undefined | |
| }) | |
| })();</script> </div> </div> <div id="nav-fixed-items" class="flex items-center gap-2 shrink-0" data-astro-cid-pux6a34n=""> <div id="account-nav-desktop-container" class="relative" data-astro-cid-s5euux6b=""><!-- Logged out state --><a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-10 py-2 px-3 border-mercury-ui-button-secondary shadow-mercury-ui-control border-0 bg-mercury-ui-button-secondary hover:bg-mercury-ui-tertiary text-mercury-ui-button-secondary hidden" id="account-nav-desktop-login" data-astro-cid-s5euux6b="true" href="/login" style="display: none;"> | |
| Sign in | |
| </a><!-- Logged in state (hidden by default) --><div class="relative" data-dropdown-root="true" data-dropdown-open="false" data-astro-cid-pqsyg2qg=""> <button id="account-nav-desktop-menu" type="button" class="group relative items-center justify-center gap-2 min-h-10 py-2 px-3 rounded-mercury-ui-control border-mercury-ui-button-secondary border shadow-mercury-ui-control border-0 bg-mercury-ui-button-secondary hover:bg-mercury-ui-tertiary text-mercury-ui-button-secondary text-mercury-ui-button-base font-mercury-ui-secondary transition-all" aria-label="Account menu" aria-expanded="false" aria-controls="account-dropdown" data-dropdown-open="false" data-astro-cid-pqsyg2qg=""> <span class="flex items-center gap-2" data-astro-cid-s5euux6b=""><span id="account-nav-desktop-content" class="flex items-center gap-2" data-astro-cid-s5euux6b=""> | |
| <svg class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path> | |
| </svg> | |
| <span class="whitespace-nowrap">Jack</span> | |
| </span><svg class="h-3.5 w-3.5 transition-transform duration-200" viewBox="0 0 24 24" fill="currentColor" data-arrow="" data-astro-cid-s5euux6b=""><path d="M7 10l5 5 5-5z" data-astro-cid-s5euux6b=""></path></svg></span> </button> <div id="account-dropdown" class="absolute top-full right-0 mt-2 min-w-[200px] opacity-0 pointer-events-none scale-95 transition-all duration-200 origin-top-right z-50" role="menu" aria-label="Account menu" data-dropdown-panel="true" data-dropdown-open="false" data-astro-cid-pqsyg2qg=""> <div class="rounded-mercury-ui-sm bg-mercury-ui-popover shadow-mercury-ui-popover p-2" data-astro-cid-pqsyg2qg=""> <a id="account-link-profile" href="/nipponcurrysf/order/customer/U9ntW9x83grX/account" class="block px-3 py-2 font-mercury-ui-secondary text-base font-medium rounded-mercury-ui-control transition-all hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" role="menuitem"> | |
| Profile | |
| </a><a id="account-link-rewards" href="/nipponcurrysf/order/customer/U9ntW9x83grX/rewards" class="block px-3 py-2 font-mercury-ui-secondary text-base font-medium rounded-mercury-ui-control transition-all hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" role="menuitem"> | |
| Rewards | |
| </a><a id="account-link-orders" href="/nipponcurrysf/order/customer/U9ntW9x83grX/orders" class="block px-3 py-2 font-mercury-ui-secondary text-base font-medium rounded-mercury-ui-control transition-all hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" role="menuitem"> | |
| Orders | |
| </a><button id="account-logout" type="button" class="block px-3 py-2 font-mercury-ui-secondary text-base font-medium rounded-mercury-ui-control transition-all hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary w-full text-left border-0 bg-transparent cursor-pointer" role="menuitem" data-dropdown-close="true"> | |
| Logout | |
| </button> </div> </div> </div> <script>(function(){const buttonId = "account-nav-desktop-menu"; | |
| const panelId = "account-dropdown"; | |
| function initDropdown() { | |
| const button = document.getElementById(buttonId) | |
| const panel = document.getElementById(panelId) | |
| if (!button || !panel) return | |
| const root = button.closest('[data-dropdown-root]') | |
| if (!root) return | |
| const setOpenState = (isOpen) => { | |
| const value = String(isOpen) | |
| button.setAttribute('aria-expanded', value) | |
| button.setAttribute('data-dropdown-open', value) | |
| panel.setAttribute('data-dropdown-open', value) | |
| root.setAttribute('data-dropdown-open', value) | |
| } | |
| const isOpen = () => button.getAttribute('aria-expanded') === 'true' | |
| const open = () => { | |
| if (isOpen()) return | |
| window.dispatchEvent( | |
| new CustomEvent('apollo-dropdown-open', { | |
| detail: { id: panelId }, | |
| }) | |
| ) | |
| setOpenState(true) | |
| } | |
| const close = () => { | |
| if (!isOpen()) return | |
| setOpenState(false) | |
| } | |
| const handleToggle = (event) => { | |
| event?.stopPropagation() | |
| if (isOpen()) { | |
| close() | |
| } else { | |
| open() | |
| } | |
| } | |
| const handleClickOutside = (event) => { | |
| if (!root.contains(event.target)) { | |
| close() | |
| } | |
| } | |
| const handleKeydown = (event) => { | |
| if (event.key === 'Escape') { | |
| close() | |
| } | |
| } | |
| const handlePanelClick = (event) => { | |
| const target = event.target | |
| if (!target) return | |
| const interactive = target.closest('a, button[data-dropdown-close="true"]') | |
| if (interactive) { | |
| close() | |
| } | |
| } | |
| const handleGlobalOpen = (event) => { | |
| const detail = event.detail || {} | |
| if (detail.id !== panelId) { | |
| close() | |
| } | |
| } | |
| button.addEventListener('click', handleToggle) | |
| document.addEventListener('click', handleClickOutside) | |
| document.addEventListener('keydown', handleKeydown) | |
| panel.addEventListener('click', handlePanelClick) | |
| window.addEventListener('apollo-dropdown-open', handleGlobalOpen) | |
| const cleanup = () => { | |
| button.removeEventListener('click', handleToggle) | |
| document.removeEventListener('click', handleClickOutside) | |
| document.removeEventListener('keydown', handleKeydown) | |
| panel.removeEventListener('click', handlePanelClick) | |
| window.removeEventListener('apollo-dropdown-open', handleGlobalOpen) | |
| } | |
| return cleanup | |
| } | |
| let cleanupDropdown = initDropdown() | |
| document.addEventListener('astro:page-load', () => { | |
| cleanupDropdown?.() | |
| cleanupDropdown = initDropdown() | |
| }) | |
| document.addEventListener('astro:before-swap', () => { | |
| cleanupDropdown?.() | |
| cleanupDropdown = undefined | |
| }) | |
| })();</script></div><script>(function(){const variant = "desktop"; | |
| const brandId = "K0rzIXlWJM0O"; | |
| const locationSlug = "nipponcurrysf"; | |
| const loyaltyEnabled = true; | |
| // brandId and locationSlug are passed from parent component | |
| async function fetchLoyaltyPoints(brandId, customerId, authToken) { | |
| try { | |
| const response = await fetch( | |
| `/api/olympus/customers/${customerId}/brands/${brandId}/points`, | |
| { | |
| headers: { | |
| 'X-Csrftoken': authToken.csrfToken, | |
| 'X-Pb-Audience': 'mercury', | |
| 'X-Pb-Client': 'web', | |
| }, | |
| } | |
| ) | |
| if (!response.ok) return null | |
| const data = await response.json() | |
| return data.redeemable || 0 | |
| } catch (error) { | |
| console.debug('Failed to fetch loyalty points:', error) | |
| return null | |
| } | |
| } | |
| function getBrandIdFromStorage() { | |
| const sessionCustomerKey = Object.keys(localStorage).find(key => | |
| key.startsWith('user-brand-auth-') | |
| ) | |
| if (!sessionCustomerKey) return null | |
| // Extract brandId from key: 'user-brand-auth-{brandId}' | |
| const match = sessionCustomerKey.match(/^user-brand-auth-(.+)$/) | |
| return match ? match[1] : null | |
| } | |
| async function handleLogout() { | |
| try { | |
| // Find current customer session state (mirrors Mercury's `getCustomerAuth`) | |
| const sessionCustomerKey = Object.keys(localStorage).find(key => | |
| key.startsWith('user-brand-auth-') | |
| ) | |
| let authState = null | |
| let authToken = null | |
| if (sessionCustomerKey) { | |
| const raw = localStorage.getItem(sessionCustomerKey) | |
| if (raw) { | |
| try { | |
| authState = JSON.parse(raw) | |
| authToken = authState?.customerCSRF | |
| } catch (e) { | |
| console.debug('AccountNav: Could not parse session data for logout', e) | |
| } | |
| } | |
| } | |
| // Call Olympus logout endpoint using same headers as Mercury client | |
| if (authToken?.csrfToken) { | |
| try { | |
| await fetch('/api/olympus/auth/v1/mercury/logout', { | |
| method: 'POST', | |
| credentials: 'include', | |
| headers: { | |
| 'Content-Type': 'application/json', | |
| 'X-Csrftoken': authToken.csrfToken, | |
| 'X-Pb-Audience': 'mercury', | |
| 'X-Pb-Client': 'web', | |
| }, | |
| }) | |
| } catch (error) { | |
| console.debug('AccountNav: Remote logout request failed', error) | |
| } | |
| } | |
| // Mirror Mercury's `logout` reducer: clear customer data but preserve guest session | |
| if (sessionCustomerKey && authState && typeof authState === 'object') { | |
| const updatedState = { | |
| ...authState, | |
| customer: undefined, | |
| customerDataUpdatedAt: undefined, | |
| customerCSRF: undefined, | |
| guestCustomerInfo: undefined, | |
| registered: false, | |
| } | |
| try { | |
| localStorage.setItem(sessionCustomerKey, JSON.stringify(updatedState)) | |
| } catch (error) { | |
| console.debug('AccountNav: Could not persist updated auth state', error) | |
| } | |
| } | |
| // Clear other customer-related localStorage (carts, legacy keys) | |
| const keysToRemove = Object.keys(localStorage).filter(key => | |
| key.startsWith('customer-') || | |
| key.includes('cart') | |
| ) | |
| keysToRemove.forEach(key => localStorage.removeItem(key)) | |
| // Re-sync UI with updated auth state (no full-page reload needed) | |
| updateAccountNav() | |
| } catch (error) { | |
| console.error('Logout failed:', error) | |
| } | |
| } | |
| async function updateAccountNav() { | |
| const isMobileCta = variant === 'mobileCta' | |
| const isDesktopLike = variant === 'desktop' || isMobileCta | |
| // Get all the elements | |
| const loginBtn = isMobileCta | |
| ? null | |
| : document.getElementById( | |
| isDesktopLike ? 'account-nav-desktop-login' : 'account-nav-mobile-login' | |
| ) | |
| const menuBtn = isDesktopLike | |
| ? document.getElementById( | |
| isMobileCta ? 'account-nav-mobile-cta-menu' : 'account-nav-desktop-menu' | |
| ) | |
| : null | |
| const menuContainer = !isDesktopLike | |
| ? document.getElementById('account-nav-mobile-menu') | |
| : null | |
| const contentEl = document.getElementById( | |
| isMobileCta | |
| ? 'account-nav-mobile-cta-content' | |
| : isDesktopLike | |
| ? 'account-nav-desktop-content' | |
| : 'account-nav-mobile-content' | |
| ) | |
| const desktopDropdownRoot = isDesktopLike | |
| ? document.querySelector( | |
| `${ | |
| isMobileCta | |
| ? '#account-nav-mobile-cta-container' | |
| : '#account-nav-desktop-container' | |
| } [data-dropdown-root]` | |
| ) | |
| : null | |
| // Get all menu links | |
| const profileLink = document.getElementById( | |
| isMobileCta | |
| ? 'account-link-profile-cta' | |
| : isDesktopLike | |
| ? 'account-link-profile' | |
| : 'account-link-profile-mobile' | |
| ) | |
| const rewardsLink = document.getElementById( | |
| isMobileCta | |
| ? 'account-link-rewards-cta' | |
| : isDesktopLike | |
| ? 'account-link-rewards' | |
| : 'account-link-rewards-mobile' | |
| ) | |
| const ordersLink = document.getElementById( | |
| isMobileCta | |
| ? 'account-link-orders-cta' | |
| : isDesktopLike | |
| ? 'account-link-orders' | |
| : 'account-link-orders-mobile' | |
| ) | |
| const logoutBtn = document.getElementById( | |
| isMobileCta | |
| ? 'account-logout-cta' | |
| : isDesktopLike | |
| ? 'account-logout' | |
| : 'account-logout-mobile' | |
| ) | |
| if ((!isMobileCta && !loginBtn) || !contentEl) return | |
| try { | |
| const sessionCustomerKey = Object.keys(localStorage).find(key => | |
| key.startsWith('user-brand-auth-') | |
| ) | |
| if (!sessionCustomerKey) { | |
| // Show logged out state | |
| if (loginBtn) { | |
| loginBtn.classList.remove('hidden') | |
| loginBtn.style.display = '' | |
| } | |
| if (menuBtn) { | |
| menuBtn.classList.add('hidden') | |
| menuBtn.style.display = 'none' | |
| } | |
| if (menuContainer) { | |
| menuContainer.classList.add('hidden') | |
| menuContainer.style.display = 'none' | |
| } | |
| if (desktopDropdownRoot) { | |
| desktopDropdownRoot.classList.add('hidden') | |
| desktopDropdownRoot.style.display = 'none' | |
| } | |
| return | |
| } | |
| const sessionData = localStorage.getItem(sessionCustomerKey) | |
| if (!sessionData) { | |
| // Treat missing data as logged out | |
| if (loginBtn) { | |
| loginBtn.classList.remove('hidden') | |
| loginBtn.style.display = '' | |
| } | |
| if (menuBtn) { | |
| menuBtn.classList.add('hidden') | |
| menuBtn.style.display = 'none' | |
| } | |
| if (menuContainer) { | |
| menuContainer.classList.add('hidden') | |
| menuContainer.style.display = 'none' | |
| } | |
| if (desktopDropdownRoot) { | |
| desktopDropdownRoot.classList.add('hidden') | |
| desktopDropdownRoot.style.display = 'none' | |
| } | |
| return | |
| } | |
| const parsed = JSON.parse(sessionData) | |
| const customer = parsed?.customer?.customer | |
| const authToken = parsed?.customerCSRF | |
| const storageBrandId = getBrandIdFromStorage() | |
| // If we no longer have a customer or auth token, treat as logged out | |
| if (!customer || !authToken) { | |
| if (loginBtn) { | |
| loginBtn.classList.remove('hidden') | |
| loginBtn.style.display = '' | |
| } | |
| if (menuBtn) { | |
| menuBtn.classList.add('hidden') | |
| menuBtn.style.display = 'none' | |
| } | |
| if (menuContainer) { | |
| menuContainer.classList.add('hidden') | |
| menuContainer.style.display = 'none' | |
| } | |
| if (desktopDropdownRoot) { | |
| desktopDropdownRoot.classList.add('hidden') | |
| desktopDropdownRoot.style.display = 'none' | |
| } | |
| return | |
| } | |
| // User is logged in - show logged in state | |
| if (loginBtn) { | |
| loginBtn.classList.add('hidden') | |
| loginBtn.style.display = 'none' | |
| } | |
| if (menuBtn) { | |
| menuBtn.classList.remove('hidden') | |
| menuBtn.style.display = '' | |
| } | |
| if (menuContainer) { | |
| menuContainer.classList.remove('hidden') | |
| menuContainer.style.display = '' | |
| } | |
| if (desktopDropdownRoot) { | |
| desktopDropdownRoot.classList.remove('hidden') | |
| desktopDropdownRoot.style.display = '' | |
| } | |
| const customerId = customer.id | |
| // Try to get location slug with priority: URL path > localStorage > passed prop (fallback to first location) | |
| let currentLocationSlug = null | |
| // 1. Try to extract from URL path first (most specific) | |
| const pathname = window.location.pathname | |
| // Check for /menu/{locationSlug} pattern | |
| const menuMatch = pathname.match(/^\/menu\/([^/]+)/) | |
| if (menuMatch) { | |
| currentLocationSlug = menuMatch[1] | |
| console.debug('Extracted location slug from /menu/ path:', currentLocationSlug) | |
| } else { | |
| // Check for /{locationSlug}/order/... pattern | |
| const orderMatch = pathname.match(/^\/([^/]+)\/order/) | |
| if (orderMatch) { | |
| currentLocationSlug = orderMatch[1] | |
| console.debug('Extracted location slug from order path:', currentLocationSlug) | |
| } | |
| } | |
| // 2. Try to get from localStorage | |
| if (!currentLocationSlug) { | |
| try { | |
| const locationKey = Object.keys(localStorage).find(key => key.includes('selected-location') || key.includes('location-data')) | |
| if (locationKey) { | |
| const locationData = JSON.parse(localStorage.getItem(locationKey) || '{}') | |
| currentLocationSlug = locationData?.slug | |
| if (currentLocationSlug) { | |
| console.debug('Got location slug from localStorage:', currentLocationSlug) | |
| } | |
| } | |
| } catch (e) { | |
| console.debug('Could not get location from storage', e) | |
| } | |
| } | |
| // 3. Fall back to prop (first live location) if nothing else found | |
| if (!currentLocationSlug && locationSlug) { | |
| currentLocationSlug = locationSlug | |
| console.debug('Using fallback location slug from prop:', currentLocationSlug) | |
| } | |
| // Update menu links - use relative URLs that middleware will rewrite | |
| if (currentLocationSlug && customerId) { | |
| const baseUrl = `/${currentLocationSlug}/order/customer/${customerId}` | |
| if (profileLink) profileLink.href = `${baseUrl}/account` | |
| if (rewardsLink) rewardsLink.href = `${baseUrl}/rewards` | |
| if (ordersLink) ordersLink.href = `${baseUrl}/orders` | |
| } else { | |
| console.debug('Cannot update customer links - missing:', { locationSlug: currentLocationSlug, customerId }) | |
| } | |
| // Check if brand has loyalty enabled | |
| let loyaltyEnabledFlag = typeof loyaltyEnabled === 'boolean' ? loyaltyEnabled : false | |
| // Fallback to localStorage check if prop is not provided | |
| if (!loyaltyEnabledFlag) { | |
| try { | |
| const brandDataKey = Object.keys(localStorage).find(key => key.includes('brand-data')) | |
| if (brandDataKey) { | |
| const brandData = JSON.parse(localStorage.getItem(brandDataKey) || '{}') | |
| loyaltyEnabledFlag = brandData?.features?.loyalty === true | |
| } | |
| } catch (e) { | |
| console.debug('Could not check loyalty status', e) | |
| } | |
| } | |
| // Show/hide rewards link based on loyalty status | |
| if (rewardsLink) { | |
| if (loyaltyEnabledFlag) { | |
| rewardsLink.classList.remove('hidden') | |
| if (variant === 'mobile') rewardsLink.classList.add('flex') | |
| } else { | |
| rewardsLink.classList.add('hidden') | |
| if (variant === 'mobile') rewardsLink.classList.remove('flex') | |
| } | |
| } | |
| // Fetch and display loyalty points if enabled | |
| if (loyaltyEnabledFlag && storageBrandId && false) { | |
| const points = await fetchLoyaltyPoints(storageBrandId, customerId, authToken) | |
| if (points !== null) { | |
| // Display points with gift icon | |
| contentEl.innerHTML = ` | |
| <svg class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z"/> | |
| </svg> | |
| <span class="whitespace-nowrap">${points.toLocaleString()} pts</span> | |
| ` | |
| } else { | |
| // Fallback to name display | |
| const displayName = customer.firstName || customer.email?.split('@')[0] || 'Account' | |
| contentEl.innerHTML = ` | |
| <svg class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/> | |
| </svg> | |
| <span class="whitespace-nowrap">${displayName}</span> | |
| ` | |
| } | |
| } else { | |
| // Display name without loyalty | |
| const displayName = customer.firstName || customer.email?.split('@')[0] || 'Account' | |
| contentEl.innerHTML = ` | |
| <svg class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/> | |
| </svg> | |
| <span class="whitespace-nowrap">${displayName}</span> | |
| ` | |
| } | |
| // Setup logout handler | |
| if (logoutBtn) { | |
| logoutBtn.onclick = handleLogout | |
| } | |
| } catch (error) { | |
| console.debug('AccountNav: Could not parse session data', error) | |
| } | |
| } | |
| // Prevent navigation on placeholder links | |
| function preventPlaceholderNavigation(e) { | |
| const target = e.target | |
| if (target.tagName === 'A' && target.href.endsWith('#')) { | |
| e.preventDefault() | |
| } | |
| } | |
| // Add click handlers to prevent navigation on placeholder links | |
| const isMobileCta = variant === 'mobileCta' | |
| const isDesktopLike = variant === 'desktop' || isMobileCta | |
| const container = document.getElementById( | |
| isMobileCta | |
| ? 'account-nav-mobile-cta-container' | |
| : isDesktopLike | |
| ? 'account-nav-desktop-container' | |
| : 'account-nav-mobile-container' | |
| ) | |
| if (container) { | |
| container.addEventListener('click', preventPlaceholderNavigation) | |
| } | |
| // Initialize | |
| updateAccountNav() | |
| // Update on navigation (for Astro view transitions) | |
| document.addEventListener('astro:page-load', updateAccountNav) | |
| // Update when storage changes (e.g., after login in another tab) | |
| window.addEventListener('storage', updateAccountNav) | |
| })();</script> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-10 py-2 px-3 no-underline bg-mercury-ui-button-primary hover:bg-mercury-ui-button-primary/90 text-mercury-ui-brand-accessible-over-primary" data-testid="order-online-button" data-menu-link="true" data-order-link="true" data-track-menu-click="Navbar - Order Now" data-astro-cid-pux6a34n="true" href="/menu" data-track-menu-click-attached="true"><span class="pointer-events-none absolute inset-0 bg-black/4 rounded-mercury-ui-control"></span><span class="flex flex-1 items-center justify-center gap-x-1"><span class="flex flex-row items-center gap-x-[4px] whitespace-nowrap">Order online</span><span class="h-fit w-fit opacity-50 transition-opacity group-hover:opacity-100"> <svg aria-hidden="true" class="h-4 w-4 scale-[1.15] transition-transform group-hover:translate-x-0 translate-x-[-3px]" role="img" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"> <rect width="256" height="256" fill="none"></rect> <line class="origin-[216px_128px] scale-x-0 transition-transform group-hover:scale-x-100" x1="70" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line> <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline> </svg> </span></span></a> </div> </div> </div> </div> <!-- Mobile Menu Button --> <div class="flex md:hidden flex-1 items-center justify-end" data-astro-cid-pux6a34n=""> <div class="rounded-mercury-ui-sm flex shrink-0 items-center gap-2 p-1 transition-all border border-transparent bg-mercury-ui-primary duration-100" data-mobile-transparent-container="false" data-astro-cid-pux6a34n=""> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-10 py-2 px-3 no-underline border-mercury-ui-button-secondary shadow-mercury-ui-control border-0 bg-mercury-ui-button-secondary hover:bg-mercury-ui-tertiary text-mercury-ui-button-secondary" id="mobile-menu-cta-button" data-menu-link="true" data-order-link="true" data-track-menu-click="Navbar - Menu Link" data-astro-cid-pux6a34n="true" href="/menu" data-track-menu-click-attached="true"> | |
| Menu | |
| </a> <button id="mobile-menu-button" type="button" class="rounded-mercury-ui-control hover:bg-mercury-ui-secondary focus-visible:outline-mercury-ui-text-primary flex h-10 w-10 items-center justify-center transition-all focus-visible:outline-2" aria-label="Open navigation menu" aria-expanded="false" aria-controls="mobile-menu" data-menu-open="false" data-astro-cid-pux6a34n=""> <div class="hamburger-icon relative flex h-6 w-6 flex-col items-center justify-center gap-1.5" data-astro-cid-pux6a34n=""> <span class="hamburger-line hamburger-line-top bg-mercury-ui-text-primary block h-[2px] w-6 origin-center rounded-xs transition-all duration-300" data-astro-cid-pux6a34n=""></span> <span class="hamburger-line hamburger-line-middle bg-mercury-ui-text-primary block h-[2px] w-6 origin-left self-start rounded-xs transition-all duration-200" data-astro-cid-pux6a34n=""></span> <span class="hamburger-line hamburger-line-bottom bg-mercury-ui-text-primary block h-[2px] w-6 origin-center rounded-xs transition-all duration-300" data-astro-cid-pux6a34n=""></span> </div> </button> </div> </div> </div> <!-- Mobile Menu Overlay (below navbar) --> <div id="mobile-menu" class="fixed top-[88px] right-0 bottom-0 left-0 z-40 bg-mercury-ui-primary opacity-0 pointer-events-none transition-opacity duration-300 md:hidden overflow-y-auto" role="dialog" aria-modal="true" aria-label="Navigation menu" data-open="false" data-astro-cid-pux6a34n=""> <div class="mx-auto max-w-[1312px] px-4 py-6" data-astro-cid-pux6a34n=""> <nav aria-label="Mobile navigation menu" class="flex flex-col gap-2" data-astro-cid-pux6a34n=""> <!-- Account Navigation (Sign in / Account) --> <div id="account-nav-mobile-container" data-astro-cid-s5euux6b=""><!-- Logged out state --><a id="account-nav-mobile-login" href="/login" class="mobile-menu-link flex min-h-12 items-center px-4 py-3 font-mercury-ui-secondary font-medium text-mercury-ui-button-base text-mercury-ui-secondary transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary no-underline hidden" data-astro-cid-s5euux6b="" style="display: none;"> | |
| Sign in | |
| </a><!-- Logged in state (hidden by default) --><div id="account-nav-mobile-menu" class="flex-col gap-2" data-astro-cid-s5euux6b=""><div class="flex min-h-12 items-center px-4 py-3 font-mercury-ui-secondary font-medium text-mercury-ui-button-base text-mercury-ui-primary" data-astro-cid-s5euux6b=""><span id="account-nav-mobile-content" class="flex items-center gap-2" data-astro-cid-s5euux6b=""> | |
| <svg class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path> | |
| </svg> | |
| <span class="whitespace-nowrap">Jack</span> | |
| </span></div><a id="account-link-profile-mobile" href="/nipponcurrysf/order/customer/U9ntW9x83grX/account" class="mobile-menu-link flex min-h-12 items-center px-4 py-3 font-mercury-ui-secondary font-medium text-mercury-ui-button-base text-mercury-ui-secondary transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary no-underline" data-astro-cid-s5euux6b=""> | |
| Profile | |
| </a><a id="account-link-rewards-mobile" href="/nipponcurrysf/order/customer/U9ntW9x83grX/rewards" class="mobile-menu-link min-h-12 items-center px-4 py-3 font-mercury-ui-secondary font-medium text-mercury-ui-button-base text-mercury-ui-secondary transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary no-underline flex" data-astro-cid-s5euux6b=""> | |
| Rewards | |
| </a><a id="account-link-orders-mobile" href="/nipponcurrysf/order/customer/U9ntW9x83grX/orders" class="mobile-menu-link flex min-h-12 items-center px-4 py-3 font-mercury-ui-secondary font-medium text-mercury-ui-button-base text-mercury-ui-secondary transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary no-underline" data-astro-cid-s5euux6b=""> | |
| Orders | |
| </a><button id="account-logout-mobile" type="button" class="flex min-h-12 items-center px-4 py-3 font-mercury-ui-secondary font-medium text-mercury-ui-button-base text-mercury-ui-secondary transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary border-0 bg-transparent cursor-pointer text-left w-full" data-astro-cid-s5euux6b=""> | |
| Logout | |
| </button></div></div><script>(function(){const variant = "mobile"; | |
| const brandId = "K0rzIXlWJM0O"; | |
| const locationSlug = "nipponcurrysf"; | |
| const loyaltyEnabled = true; | |
| // brandId and locationSlug are passed from parent component | |
| async function fetchLoyaltyPoints(brandId, customerId, authToken) { | |
| try { | |
| const response = await fetch( | |
| `/api/olympus/customers/${customerId}/brands/${brandId}/points`, | |
| { | |
| headers: { | |
| 'X-Csrftoken': authToken.csrfToken, | |
| 'X-Pb-Audience': 'mercury', | |
| 'X-Pb-Client': 'web', | |
| }, | |
| } | |
| ) | |
| if (!response.ok) return null | |
| const data = await response.json() | |
| return data.redeemable || 0 | |
| } catch (error) { | |
| console.debug('Failed to fetch loyalty points:', error) | |
| return null | |
| } | |
| } | |
| function getBrandIdFromStorage() { | |
| const sessionCustomerKey = Object.keys(localStorage).find(key => | |
| key.startsWith('user-brand-auth-') | |
| ) | |
| if (!sessionCustomerKey) return null | |
| // Extract brandId from key: 'user-brand-auth-{brandId}' | |
| const match = sessionCustomerKey.match(/^user-brand-auth-(.+)$/) | |
| return match ? match[1] : null | |
| } | |
| async function handleLogout() { | |
| try { | |
| // Find current customer session state (mirrors Mercury's `getCustomerAuth`) | |
| const sessionCustomerKey = Object.keys(localStorage).find(key => | |
| key.startsWith('user-brand-auth-') | |
| ) | |
| let authState = null | |
| let authToken = null | |
| if (sessionCustomerKey) { | |
| const raw = localStorage.getItem(sessionCustomerKey) | |
| if (raw) { | |
| try { | |
| authState = JSON.parse(raw) | |
| authToken = authState?.customerCSRF | |
| } catch (e) { | |
| console.debug('AccountNav: Could not parse session data for logout', e) | |
| } | |
| } | |
| } | |
| // Call Olympus logout endpoint using same headers as Mercury client | |
| if (authToken?.csrfToken) { | |
| try { | |
| await fetch('/api/olympus/auth/v1/mercury/logout', { | |
| method: 'POST', | |
| credentials: 'include', | |
| headers: { | |
| 'Content-Type': 'application/json', | |
| 'X-Csrftoken': authToken.csrfToken, | |
| 'X-Pb-Audience': 'mercury', | |
| 'X-Pb-Client': 'web', | |
| }, | |
| }) | |
| } catch (error) { | |
| console.debug('AccountNav: Remote logout request failed', error) | |
| } | |
| } | |
| // Mirror Mercury's `logout` reducer: clear customer data but preserve guest session | |
| if (sessionCustomerKey && authState && typeof authState === 'object') { | |
| const updatedState = { | |
| ...authState, | |
| customer: undefined, | |
| customerDataUpdatedAt: undefined, | |
| customerCSRF: undefined, | |
| guestCustomerInfo: undefined, | |
| registered: false, | |
| } | |
| try { | |
| localStorage.setItem(sessionCustomerKey, JSON.stringify(updatedState)) | |
| } catch (error) { | |
| console.debug('AccountNav: Could not persist updated auth state', error) | |
| } | |
| } | |
| // Clear other customer-related localStorage (carts, legacy keys) | |
| const keysToRemove = Object.keys(localStorage).filter(key => | |
| key.startsWith('customer-') || | |
| key.includes('cart') | |
| ) | |
| keysToRemove.forEach(key => localStorage.removeItem(key)) | |
| // Re-sync UI with updated auth state (no full-page reload needed) | |
| updateAccountNav() | |
| } catch (error) { | |
| console.error('Logout failed:', error) | |
| } | |
| } | |
| async function updateAccountNav() { | |
| const isMobileCta = variant === 'mobileCta' | |
| const isDesktopLike = variant === 'desktop' || isMobileCta | |
| // Get all the elements | |
| const loginBtn = isMobileCta | |
| ? null | |
| : document.getElementById( | |
| isDesktopLike ? 'account-nav-desktop-login' : 'account-nav-mobile-login' | |
| ) | |
| const menuBtn = isDesktopLike | |
| ? document.getElementById( | |
| isMobileCta ? 'account-nav-mobile-cta-menu' : 'account-nav-desktop-menu' | |
| ) | |
| : null | |
| const menuContainer = !isDesktopLike | |
| ? document.getElementById('account-nav-mobile-menu') | |
| : null | |
| const contentEl = document.getElementById( | |
| isMobileCta | |
| ? 'account-nav-mobile-cta-content' | |
| : isDesktopLike | |
| ? 'account-nav-desktop-content' | |
| : 'account-nav-mobile-content' | |
| ) | |
| const desktopDropdownRoot = isDesktopLike | |
| ? document.querySelector( | |
| `${ | |
| isMobileCta | |
| ? '#account-nav-mobile-cta-container' | |
| : '#account-nav-desktop-container' | |
| } [data-dropdown-root]` | |
| ) | |
| : null | |
| // Get all menu links | |
| const profileLink = document.getElementById( | |
| isMobileCta | |
| ? 'account-link-profile-cta' | |
| : isDesktopLike | |
| ? 'account-link-profile' | |
| : 'account-link-profile-mobile' | |
| ) | |
| const rewardsLink = document.getElementById( | |
| isMobileCta | |
| ? 'account-link-rewards-cta' | |
| : isDesktopLike | |
| ? 'account-link-rewards' | |
| : 'account-link-rewards-mobile' | |
| ) | |
| const ordersLink = document.getElementById( | |
| isMobileCta | |
| ? 'account-link-orders-cta' | |
| : isDesktopLike | |
| ? 'account-link-orders' | |
| : 'account-link-orders-mobile' | |
| ) | |
| const logoutBtn = document.getElementById( | |
| isMobileCta | |
| ? 'account-logout-cta' | |
| : isDesktopLike | |
| ? 'account-logout' | |
| : 'account-logout-mobile' | |
| ) | |
| if ((!isMobileCta && !loginBtn) || !contentEl) return | |
| try { | |
| const sessionCustomerKey = Object.keys(localStorage).find(key => | |
| key.startsWith('user-brand-auth-') | |
| ) | |
| if (!sessionCustomerKey) { | |
| // Show logged out state | |
| if (loginBtn) { | |
| loginBtn.classList.remove('hidden') | |
| loginBtn.style.display = '' | |
| } | |
| if (menuBtn) { | |
| menuBtn.classList.add('hidden') | |
| menuBtn.style.display = 'none' | |
| } | |
| if (menuContainer) { | |
| menuContainer.classList.add('hidden') | |
| menuContainer.style.display = 'none' | |
| } | |
| if (desktopDropdownRoot) { | |
| desktopDropdownRoot.classList.add('hidden') | |
| desktopDropdownRoot.style.display = 'none' | |
| } | |
| return | |
| } | |
| const sessionData = localStorage.getItem(sessionCustomerKey) | |
| if (!sessionData) { | |
| // Treat missing data as logged out | |
| if (loginBtn) { | |
| loginBtn.classList.remove('hidden') | |
| loginBtn.style.display = '' | |
| } | |
| if (menuBtn) { | |
| menuBtn.classList.add('hidden') | |
| menuBtn.style.display = 'none' | |
| } | |
| if (menuContainer) { | |
| menuContainer.classList.add('hidden') | |
| menuContainer.style.display = 'none' | |
| } | |
| if (desktopDropdownRoot) { | |
| desktopDropdownRoot.classList.add('hidden') | |
| desktopDropdownRoot.style.display = 'none' | |
| } | |
| return | |
| } | |
| const parsed = JSON.parse(sessionData) | |
| const customer = parsed?.customer?.customer | |
| const authToken = parsed?.customerCSRF | |
| const storageBrandId = getBrandIdFromStorage() | |
| // If we no longer have a customer or auth token, treat as logged out | |
| if (!customer || !authToken) { | |
| if (loginBtn) { | |
| loginBtn.classList.remove('hidden') | |
| loginBtn.style.display = '' | |
| } | |
| if (menuBtn) { | |
| menuBtn.classList.add('hidden') | |
| menuBtn.style.display = 'none' | |
| } | |
| if (menuContainer) { | |
| menuContainer.classList.add('hidden') | |
| menuContainer.style.display = 'none' | |
| } | |
| if (desktopDropdownRoot) { | |
| desktopDropdownRoot.classList.add('hidden') | |
| desktopDropdownRoot.style.display = 'none' | |
| } | |
| return | |
| } | |
| // User is logged in - show logged in state | |
| if (loginBtn) { | |
| loginBtn.classList.add('hidden') | |
| loginBtn.style.display = 'none' | |
| } | |
| if (menuBtn) { | |
| menuBtn.classList.remove('hidden') | |
| menuBtn.style.display = '' | |
| } | |
| if (menuContainer) { | |
| menuContainer.classList.remove('hidden') | |
| menuContainer.style.display = '' | |
| } | |
| if (desktopDropdownRoot) { | |
| desktopDropdownRoot.classList.remove('hidden') | |
| desktopDropdownRoot.style.display = '' | |
| } | |
| const customerId = customer.id | |
| // Try to get location slug with priority: URL path > localStorage > passed prop (fallback to first location) | |
| let currentLocationSlug = null | |
| // 1. Try to extract from URL path first (most specific) | |
| const pathname = window.location.pathname | |
| // Check for /menu/{locationSlug} pattern | |
| const menuMatch = pathname.match(/^\/menu\/([^/]+)/) | |
| if (menuMatch) { | |
| currentLocationSlug = menuMatch[1] | |
| console.debug('Extracted location slug from /menu/ path:', currentLocationSlug) | |
| } else { | |
| // Check for /{locationSlug}/order/... pattern | |
| const orderMatch = pathname.match(/^\/([^/]+)\/order/) | |
| if (orderMatch) { | |
| currentLocationSlug = orderMatch[1] | |
| console.debug('Extracted location slug from order path:', currentLocationSlug) | |
| } | |
| } | |
| // 2. Try to get from localStorage | |
| if (!currentLocationSlug) { | |
| try { | |
| const locationKey = Object.keys(localStorage).find(key => key.includes('selected-location') || key.includes('location-data')) | |
| if (locationKey) { | |
| const locationData = JSON.parse(localStorage.getItem(locationKey) || '{}') | |
| currentLocationSlug = locationData?.slug | |
| if (currentLocationSlug) { | |
| console.debug('Got location slug from localStorage:', currentLocationSlug) | |
| } | |
| } | |
| } catch (e) { | |
| console.debug('Could not get location from storage', e) | |
| } | |
| } | |
| // 3. Fall back to prop (first live location) if nothing else found | |
| if (!currentLocationSlug && locationSlug) { | |
| currentLocationSlug = locationSlug | |
| console.debug('Using fallback location slug from prop:', currentLocationSlug) | |
| } | |
| // Update menu links - use relative URLs that middleware will rewrite | |
| if (currentLocationSlug && customerId) { | |
| const baseUrl = `/${currentLocationSlug}/order/customer/${customerId}` | |
| if (profileLink) profileLink.href = `${baseUrl}/account` | |
| if (rewardsLink) rewardsLink.href = `${baseUrl}/rewards` | |
| if (ordersLink) ordersLink.href = `${baseUrl}/orders` | |
| } else { | |
| console.debug('Cannot update customer links - missing:', { locationSlug: currentLocationSlug, customerId }) | |
| } | |
| // Check if brand has loyalty enabled | |
| let loyaltyEnabledFlag = typeof loyaltyEnabled === 'boolean' ? loyaltyEnabled : false | |
| // Fallback to localStorage check if prop is not provided | |
| if (!loyaltyEnabledFlag) { | |
| try { | |
| const brandDataKey = Object.keys(localStorage).find(key => key.includes('brand-data')) | |
| if (brandDataKey) { | |
| const brandData = JSON.parse(localStorage.getItem(brandDataKey) || '{}') | |
| loyaltyEnabledFlag = brandData?.features?.loyalty === true | |
| } | |
| } catch (e) { | |
| console.debug('Could not check loyalty status', e) | |
| } | |
| } | |
| // Show/hide rewards link based on loyalty status | |
| if (rewardsLink) { | |
| if (loyaltyEnabledFlag) { | |
| rewardsLink.classList.remove('hidden') | |
| if (variant === 'mobile') rewardsLink.classList.add('flex') | |
| } else { | |
| rewardsLink.classList.add('hidden') | |
| if (variant === 'mobile') rewardsLink.classList.remove('flex') | |
| } | |
| } | |
| // Fetch and display loyalty points if enabled | |
| if (loyaltyEnabledFlag && storageBrandId && false) { | |
| const points = await fetchLoyaltyPoints(storageBrandId, customerId, authToken) | |
| if (points !== null) { | |
| // Display points with gift icon | |
| contentEl.innerHTML = ` | |
| <svg class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z"/> | |
| </svg> | |
| <span class="whitespace-nowrap">${points.toLocaleString()} pts</span> | |
| ` | |
| } else { | |
| // Fallback to name display | |
| const displayName = customer.firstName || customer.email?.split('@')[0] || 'Account' | |
| contentEl.innerHTML = ` | |
| <svg class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/> | |
| </svg> | |
| <span class="whitespace-nowrap">${displayName}</span> | |
| ` | |
| } | |
| } else { | |
| // Display name without loyalty | |
| const displayName = customer.firstName || customer.email?.split('@')[0] || 'Account' | |
| contentEl.innerHTML = ` | |
| <svg class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/> | |
| </svg> | |
| <span class="whitespace-nowrap">${displayName}</span> | |
| ` | |
| } | |
| // Setup logout handler | |
| if (logoutBtn) { | |
| logoutBtn.onclick = handleLogout | |
| } | |
| } catch (error) { | |
| console.debug('AccountNav: Could not parse session data', error) | |
| } | |
| } | |
| // Prevent navigation on placeholder links | |
| function preventPlaceholderNavigation(e) { | |
| const target = e.target | |
| if (target.tagName === 'A' && target.href.endsWith('#')) { | |
| e.preventDefault() | |
| } | |
| } | |
| // Add click handlers to prevent navigation on placeholder links | |
| const isMobileCta = variant === 'mobileCta' | |
| const isDesktopLike = variant === 'desktop' || isMobileCta | |
| const container = document.getElementById( | |
| isMobileCta | |
| ? 'account-nav-mobile-cta-container' | |
| : isDesktopLike | |
| ? 'account-nav-desktop-container' | |
| : 'account-nav-mobile-container' | |
| ) | |
| if (container) { | |
| container.addEventListener('click', preventPlaceholderNavigation) | |
| } | |
| // Initialize | |
| updateAccountNav() | |
| // Update on navigation (for Astro view transitions) | |
| document.addEventListener('astro:page-load', updateAccountNav) | |
| // Update when storage changes (e.g., after login in another tab) | |
| window.addEventListener('storage', updateAccountNav) | |
| })();</script> <!-- Navigation links - show all links on mobile --> <a href="/menu" class="mobile-menu-link flex min-h-12 items-center px-4 py-3 font-mercury-ui-secondary font-medium text-mercury-ui-button-base transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" data-astro-prefetch="viewport" data-menu-link="true" data-track-menu-click="Navbar - Menu Link" data-astro-cid-pux6a34n="" data-track-menu-click-attached="true"> Menu </a><a href="/page/locations" class="mobile-menu-link flex min-h-12 items-center px-4 py-3 font-mercury-ui-secondary font-medium text-mercury-ui-button-base transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" data-astro-prefetch="viewport" data-menu-link="false" data-astro-cid-pux6a34n=""> Locations </a><a href="/story" class="mobile-menu-link flex min-h-12 items-center px-4 py-3 font-mercury-ui-secondary font-medium text-mercury-ui-button-base transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" data-astro-prefetch="viewport" data-menu-link="false" data-astro-cid-pux6a34n=""> Our Story </a><a href="/careers" class="mobile-menu-link flex min-h-12 items-center px-4 py-3 font-mercury-ui-secondary font-medium text-mercury-ui-button-base transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" data-astro-prefetch="viewport" data-menu-link="false" data-astro-cid-pux6a34n=""> We're Hiring </a><a href="https://nipponcurryfranchise.com" target="_blank" rel="noopener noreferrer" aria-label="Franchising Opportunity (opens in a new tab)" class="mobile-menu-link flex min-h-12 items-center px-4 py-3 font-mercury-ui-secondary font-medium text-mercury-ui-button-base transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" data-menu-link="false" data-astro-cid-pux6a34n=""> Franchising Opportunity </a><a href="/events" class="mobile-menu-link flex min-h-12 items-center px-4 py-3 font-mercury-ui-secondary font-medium text-mercury-ui-button-base transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" data-astro-prefetch="viewport" data-menu-link="false" data-astro-cid-pux6a34n=""> Events </a><a href="/gift-cards" class="mobile-menu-link flex min-h-12 items-center px-4 py-3 font-mercury-ui-secondary font-medium text-mercury-ui-button-base transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" data-astro-prefetch="viewport" data-menu-link="false" data-astro-cid-pux6a34n=""> Gift Cards </a><a href="/page/contact-us" class="mobile-menu-link flex min-h-12 items-center px-4 py-3 font-mercury-ui-secondary font-medium text-mercury-ui-button-base transition-all rounded-mercury-ui-control hover:bg-mercury-ui-tertiary no-underline text-mercury-ui-secondary" data-astro-prefetch="viewport" data-menu-link="false" data-astro-cid-pux6a34n=""> Contact Us </a> </nav> </div> </div> </nav> <script type="module" src="/_astro/Navigation.astro_astro_type_script_index_0_lang.DqLhgbgK.js"></script> <main> <header class="relative w-full overflow-hidden bg-black"> <div class="absolute top-0 left-0 w-full h-full overflow-hidden" data-landing-hero-carousel="" data-carousel-interval="12000" data-carousel-images="["/pluto-images/funnel/images/5cf89267-c247-4d2b-8527-ea37b86e0d25?w=1920&fit=cover","/pluto-images/funnel/images/44fca361-b669-47f0-ab93-88d3af95d7b5?w=1920&fit=cover"]" role="region" aria-live="polite" aria-atomic="true" aria-label="Hero carousel"> <!-- Only render the first image eagerly using HeroImage for guaranteed preload match --> <div class="absolute top-0 left-0 w-full h-full" data-carousel-item="" data-carousel-index="0"> <picture> <source media="(max-width: 600px) and (max-resolution: 1.5dppx)" srcset="/pluto-images/funnel/images/477248c5-a9b7-4a4a-9c52-f2f10113b215?w=1920&fit=cover"><source media="(max-width: 600px) and (min-resolution: 1.51dppx) and (max-resolution: 2.5dppx)" srcset="/pluto-images/funnel/images/477248c5-a9b7-4a4a-9c52-f2f10113b215?w=1920&fit=cover"><source media="(max-width: 600px) and (min-resolution: 2.51dppx)" srcset="/pluto-images/funnel/images/477248c5-a9b7-4a4a-9c52-f2f10113b215?w=1920&fit=cover"><source media="(min-width: 601px)" srcset="/pluto-images/funnel/images/477248c5-a9b7-4a4a-9c52-f2f10113b215?w=1920&fit=cover"> <img src="/pluto-images/funnel/images/477248c5-a9b7-4a4a-9c52-f2f10113b215?w=1920&fit=cover" alt="" class="absolute top-0 left-0 w-full h-full object-cover object-center" loading="eager" fetchpriority="high" style="max-width: 100%;" decoding="async"> </picture> </div> <!-- Placeholder containers for remaining images (will be populated by script) --> <div class="absolute top-0 left-0 w-full h-full hidden" aria-hidden="true" data-carousel-item="" data-carousel-index="1"><img src="/pluto-images/funnel/images/5cf89267-c247-4d2b-8527-ea37b86e0d25?w=1920&fit=cover" alt="" loading="lazy" class="absolute top-0 left-0 w-full h-full object-cover object-center" sizes="100vw"></div><div class="absolute top-0 left-0 w-full h-full hidden" aria-hidden="true" data-carousel-item="" data-carousel-index="2"><img src="/pluto-images/funnel/images/44fca361-b669-47f0-ab93-88d3af95d7b5?w=1920&fit=cover" alt="" loading="lazy" class="absolute top-0 left-0 w-full h-full object-cover object-center" sizes="100vw"></div> <div class="absolute top-0 left-0 w-full h-full bg-[linear-gradient(180deg,rgba(0,0,0,0)_50%,rgba(0,0,0,0.62)_100%)]"></div> <script> | |
| function initLandingHeroCarousel() { | |
| var root = document.querySelector('[data-landing-hero-carousel]') | |
| if (!root) return | |
| // Clean up existing carousel before re-initializing | |
| if (root.__carouselCleanup) { | |
| root.__carouselCleanup() | |
| } | |
| var items = root.querySelectorAll('[data-carousel-item]') | |
| if (!items || items.length < 2) return | |
| var reducedMotion = | |
| window.matchMedia && | |
| window.matchMedia('(prefers-reduced-motion: reduce)') | |
| if (reducedMotion && reducedMotion.matches) return | |
| var intervalMs = Number( | |
| root.getAttribute('data-carousel-interval') || '12000' | |
| ) | |
| if (!isFinite(intervalMs) || intervalMs <= 0) return | |
| // Lazy load remaining images after initial render | |
| function lazyLoadImages() { | |
| try { | |
| var imagesJson = root.getAttribute('data-carousel-images') | |
| if (!imagesJson) return | |
| var imageUrls = JSON.parse(imagesJson) | |
| if (!imageUrls || imageUrls.length === 0) return | |
| // Create and inject images for slides 2+ | |
| for (var i = 0; i < imageUrls.length; i++) { | |
| var container = root.querySelector('[data-carousel-index="' + (i + 1) + '"]') | |
| if (!container || container.querySelector('img')) continue | |
| var img = document.createElement('img') | |
| img.src = imageUrls[i] | |
| img.alt = '' | |
| img.loading = 'lazy' | |
| img.className = 'absolute top-0 left-0 w-full h-full object-cover object-center' | |
| img.sizes = '100vw' | |
| container.appendChild(img) | |
| } | |
| } catch (e) { | |
| // Silently fail - carousel will just show first image | |
| } | |
| } | |
| // Defer image loading until after page is interactive | |
| if ('requestIdleCallback' in window) { | |
| window.requestIdleCallback(lazyLoadImages) | |
| } else { | |
| setTimeout(lazyLoadImages, 1000) | |
| } | |
| var selectedIndex = 0 | |
| var intervalId = 0 | |
| function showIndex(nextIndex) { | |
| if (nextIndex === selectedIndex) return | |
| var current = items[selectedIndex] | |
| var next = items[nextIndex] | |
| if (!current || !next) return | |
| current.classList.add('hidden') | |
| current.setAttribute('aria-hidden', 'true') | |
| next.classList.remove('hidden') | |
| next.removeAttribute('aria-hidden') | |
| selectedIndex = nextIndex | |
| } | |
| function stop() { | |
| if (!intervalId) return | |
| window.clearInterval(intervalId) | |
| intervalId = 0 | |
| } | |
| function start() { | |
| stop() | |
| intervalId = window.setInterval(function () { | |
| showIndex((selectedIndex + 1) % items.length) | |
| }, intervalMs) | |
| } | |
| function onVisibilityChange() { | |
| if (document.hidden) stop() | |
| else start() | |
| } | |
| document.addEventListener('visibilitychange', onVisibilityChange, false) | |
| start() | |
| // Store cleanup function on element for re-initialization | |
| root.__carouselCleanup = function() { | |
| stop() | |
| document.removeEventListener('visibilitychange', onVisibilityChange, false) | |
| } | |
| } | |
| initLandingHeroCarousel() | |
| document.addEventListener('astro:page-load', initLandingHeroCarousel, false) | |
| // Clean up before page navigation (Astro View Transitions) | |
| document.addEventListener('astro:before-preparation', function() { | |
| var root = document.querySelector('[data-landing-hero-carousel]') | |
| if (root && root.__carouselCleanup) { | |
| root.__carouselCleanup() | |
| } | |
| }, false) | |
| </script> </div> <div class="max-w-section-content mx-auto mt-4 mb-4 max-h-188 min-h-125 flex flex-col items-center pt-0 md:min-h-160 md:h-[calc(100vh-136px)]"> <div class="relative w-full flex-1 flex flex-col"> <div class="max-w-full flex-1 flex flex-col justify-end gap-6 px-4 py-6 md:px-8"> <div class="max-w-section-content"> <div class="flex flex-col gap-2 text-balance lg:gap-3"> <h1 class="text-[clamp(0.875rem,3.5vw,1.75rem)] font-semibold text-white leading-[1.2] tracking-[-0.5px] overflow-hidden text-ellipsis whitespace-nowrap inline-block max-w-full m-0"> Best Japanese Food in California </h1> <span class="font-mercury-ui-primary text-[clamp(2rem,5.2vw,3.5rem)] font-semibold text-white leading-[1.2] normal-case"> Discover the Award-Winning Japanese Curry Everyone Craves </span> </div> </div> <div class="hidden md:flex"> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-12 py-3 px-4 no-underline bg-mercury-ui-button-primary hover:bg-mercury-ui-button-primary/90 text-mercury-ui-brand-accessible-over-primary" data-testid="order-online-button" data-menu-link="true" data-order-link="true" data-track-menu-click="Hero Section - Order Online" href="/menu" data-track-menu-click-attached="true"><span class="pointer-events-none absolute inset-0 bg-black/4 rounded-mercury-ui-control"></span><span class="flex flex-1 items-center justify-center gap-x-1"><span class="flex flex-row items-center gap-x-[4px] whitespace-nowrap">Order online</span><span class="h-fit w-fit opacity-50 transition-opacity group-hover:opacity-100"> <svg aria-hidden="true" class="h-4 w-4 scale-[1.15] transition-transform group-hover:translate-x-0 translate-x-[-3px]" role="img" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"> <rect width="256" height="256" fill="none"></rect> <line class="origin-[216px_128px] scale-x-0 transition-transform group-hover:scale-x-100" x1="70" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line> <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline> </svg> </span></span></a> </div> </div> </div> </div> </header><div class="max-w-section-content py-content-vertical-mobile md:py-content-vertical-desktop mx-auto flex flex-col px-4 md:px-8" data-astro-cid-kk6tazgd=""> <div class="flex flex-col gap-3 md:gap-4" data-astro-cid-kk6tazgd=""> <div class="flex flex-row items-center justify-between gap-4" data-astro-cid-kk6tazgd=""> <h2 class="font-mercury-ui-primary text-mercury-ui-title-xl font-semibold text-mercury-ui-text-primary m-0" data-astro-cid-kk6tazgd=""> | |
| Featured | |
| </h2> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-10 py-2 px-3 gap-x-2 no-underline border-mercury-ui-button-secondary border shadow-none bg-mercury-ui-button-secondary hover:bg-mercury-ui-tertiary text-mercury-ui-button-secondary" data-menu-link="true" data-order-link="true" data-featured-view-menu="true" data-track-menu-click="Featured Section - View Menu" data-astro-cid-kk6tazgd="true" href="/menu" data-track-menu-click-attached="true"> <span class="flex flex-row items-center gap-x-[4px] whitespace-nowrap" data-astro-cid-kk6tazgd=""> | |
| View menu | |
| </span> <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-kk6tazgd=""> <path d="M7.5 5L12.5 10L7.5 15" data-astro-cid-kk6tazgd=""></path> </svg> </a> </div> <div class="w-full overflow-x-auto overscroll-x-contain scroll-smooth snap-x snap-mandatory scrollbar-hide px-0 md:scroll-ps-0 scroll-ps-6 xl:w-full" data-astro-cid-kk6tazgd=""> <ul role="list" class="flex gap-4 md:gap-8 list-none m-0 p-0" data-astro-cid-kk6tazgd=""> <li class="contents" data-astro-cid-kk6tazgd=""> <a rel="nofollow" href="/menu?item=pork-katsu-curry-hO5G" class="flex flex-col gap-2 md:gap-3 w-[150px] md:w-60 shrink-0 snap-start snap-always no-underline" data-track-menu-click="Featured Section - Item Click" data-astro-cid-kk6tazgd="" data-track-menu-click-attached="true"> <div class="relative h-[150px] md:h-60 rounded-mercury-ui-md overflow-hidden bg-mercury-ui-background-secondary" data-astro-cid-kk6tazgd=""> <img src="/pluto-otter/menu-photos/5107d9a7-a08b-4093-a055-bd1660c112c7.jpeg?w=320&h=320&fit=cover" alt="Pork Katsu Curry" class="w-full h-full object-cover" loading="lazy" sizes="(max-width: 768px) 150px, 240px" srcset="/pluto-otter/menu-photos/5107d9a7-a08b-4093-a055-bd1660c112c7.jpeg?w=150&h=150&fit=cover 150w, /pluto-otter/menu-photos/5107d9a7-a08b-4093-a055-bd1660c112c7.jpeg?w=240&h=240&fit=cover 240w, /pluto-otter/menu-photos/5107d9a7-a08b-4093-a055-bd1660c112c7.jpeg?w=320&h=320&fit=cover 320w" style="max-width: 100%;"> <div class="absolute bottom-2 right-2 flex h-10 w-10 items-center justify-center rounded-mercury-ui-control bg-mercury-ui-primary shadow-mercury-ui-control" aria-hidden="true" data-astro-cid-kk6tazgd=""> <svg class="h-5 w-5 text-mercury-ui-text-primary" width="16" height="16" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-kk6tazgd=""> <path d="M10 5v10M5 10h10" data-astro-cid-kk6tazgd=""></path> </svg> </div> </div> <p class="font-mercury-ui-primary text-mercury-ui-text-sm md:text-mercury-ui-text-base text-mercury-ui-text-primary m-0 line-clamp-2" data-astro-cid-kk6tazgd=""> Pork Katsu Curry </p> </a> </li><li class="contents" data-astro-cid-kk6tazgd=""> <a rel="nofollow" href="/menu?item=chicken-katsu-curry-N5f4" class="flex flex-col gap-2 md:gap-3 w-[150px] md:w-60 shrink-0 snap-start snap-always no-underline" data-track-menu-click="Featured Section - Item Click" data-astro-cid-kk6tazgd="" data-track-menu-click-attached="true"> <div class="relative h-[150px] md:h-60 rounded-mercury-ui-md overflow-hidden bg-mercury-ui-background-secondary" data-astro-cid-kk6tazgd=""> <img src="/pluto-otter/menu-photos/b561a03e-1386-4ad0-9411-b3ccec1e1737.jpeg?w=320&h=320&fit=cover" alt="Chicken Katsu Curry" class="w-full h-full object-cover" loading="lazy" sizes="(max-width: 768px) 150px, 240px" srcset="/pluto-otter/menu-photos/b561a03e-1386-4ad0-9411-b3ccec1e1737.jpeg?w=150&h=150&fit=cover 150w, /pluto-otter/menu-photos/b561a03e-1386-4ad0-9411-b3ccec1e1737.jpeg?w=240&h=240&fit=cover 240w, /pluto-otter/menu-photos/b561a03e-1386-4ad0-9411-b3ccec1e1737.jpeg?w=320&h=320&fit=cover 320w" style="max-width: 100%;"> <div class="absolute bottom-2 right-2 flex h-10 w-10 items-center justify-center rounded-mercury-ui-control bg-mercury-ui-primary shadow-mercury-ui-control" aria-hidden="true" data-astro-cid-kk6tazgd=""> <svg class="h-5 w-5 text-mercury-ui-text-primary" width="16" height="16" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-kk6tazgd=""> <path d="M10 5v10M5 10h10" data-astro-cid-kk6tazgd=""></path> </svg> </div> </div> <p class="font-mercury-ui-primary text-mercury-ui-text-sm md:text-mercury-ui-text-base text-mercury-ui-text-primary m-0 line-clamp-2" data-astro-cid-kk6tazgd=""> Chicken Katsu Curry </p> </a> </li><li class="contents" data-astro-cid-kk6tazgd=""> <a rel="nofollow" href="/menu?item=karaage-curry-0AUf" class="flex flex-col gap-2 md:gap-3 w-[150px] md:w-60 shrink-0 snap-start snap-always no-underline" data-track-menu-click="Featured Section - Item Click" data-astro-cid-kk6tazgd="" data-track-menu-click-attached="true"> <div class="relative h-[150px] md:h-60 rounded-mercury-ui-md overflow-hidden bg-mercury-ui-background-secondary" data-astro-cid-kk6tazgd=""> <img src="/pluto-otter/menu-photos/af5467b5-4dfb-4e01-a006-d382a7c42335.jpeg?w=320&h=320&fit=cover" alt="Karaage Curry" class="w-full h-full object-cover" loading="lazy" sizes="(max-width: 768px) 150px, 240px" srcset="/pluto-otter/menu-photos/af5467b5-4dfb-4e01-a006-d382a7c42335.jpeg?w=150&h=150&fit=cover 150w, /pluto-otter/menu-photos/af5467b5-4dfb-4e01-a006-d382a7c42335.jpeg?w=240&h=240&fit=cover 240w, /pluto-otter/menu-photos/af5467b5-4dfb-4e01-a006-d382a7c42335.jpeg?w=320&h=320&fit=cover 320w" style="max-width: 100%;"> <div class="absolute bottom-2 right-2 flex h-10 w-10 items-center justify-center rounded-mercury-ui-control bg-mercury-ui-primary shadow-mercury-ui-control" aria-hidden="true" data-astro-cid-kk6tazgd=""> <svg class="h-5 w-5 text-mercury-ui-text-primary" width="16" height="16" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-kk6tazgd=""> <path d="M10 5v10M5 10h10" data-astro-cid-kk6tazgd=""></path> </svg> </div> </div> <p class="font-mercury-ui-primary text-mercury-ui-text-sm md:text-mercury-ui-text-base text-mercury-ui-text-primary m-0 line-clamp-2" data-astro-cid-kk6tazgd=""> Karaage Curry </p> </a> </li><li class="contents" data-astro-cid-kk6tazgd=""> <a rel="nofollow" href="/menu?item=popeye-curry-pork-spinach-Kfg1" class="flex flex-col gap-2 md:gap-3 w-[150px] md:w-60 shrink-0 snap-start snap-always no-underline" data-track-menu-click="Featured Section - Item Click" data-astro-cid-kk6tazgd="" data-track-menu-click-attached="true"> <div class="relative h-[150px] md:h-60 rounded-mercury-ui-md overflow-hidden bg-mercury-ui-background-secondary" data-astro-cid-kk6tazgd=""> <img src="/pluto-otter/menu-photos/82aee220-fa8c-4729-a781-cb9678824c2d.jpeg?w=320&h=320&fit=cover" alt=""Popeye Curry" Pork & Spinach" class="w-full h-full object-cover" loading="lazy" sizes="(max-width: 768px) 150px, 240px" srcset="/pluto-otter/menu-photos/82aee220-fa8c-4729-a781-cb9678824c2d.jpeg?w=150&h=150&fit=cover 150w, /pluto-otter/menu-photos/82aee220-fa8c-4729-a781-cb9678824c2d.jpeg?w=240&h=240&fit=cover 240w, /pluto-otter/menu-photos/82aee220-fa8c-4729-a781-cb9678824c2d.jpeg?w=320&h=320&fit=cover 320w" style="max-width: 100%;"> <div class="absolute bottom-2 right-2 flex h-10 w-10 items-center justify-center rounded-mercury-ui-control bg-mercury-ui-primary shadow-mercury-ui-control" aria-hidden="true" data-astro-cid-kk6tazgd=""> <svg class="h-5 w-5 text-mercury-ui-text-primary" width="16" height="16" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-kk6tazgd=""> <path d="M10 5v10M5 10h10" data-astro-cid-kk6tazgd=""></path> </svg> </div> </div> <p class="font-mercury-ui-primary text-mercury-ui-text-sm md:text-mercury-ui-text-base text-mercury-ui-text-primary m-0 line-clamp-2" data-astro-cid-kk6tazgd=""> "Popeye Curry" Pork & Spinach </p> </a> </li><li class="contents" data-astro-cid-kk6tazgd=""> <a rel="nofollow" href="/menu?item=family-meal-deal-for-4-HWoO" class="flex flex-col gap-2 md:gap-3 w-[150px] md:w-60 shrink-0 snap-start snap-always no-underline" data-track-menu-click="Featured Section - Item Click" data-astro-cid-kk6tazgd="" data-track-menu-click-attached="true"> <div class="relative h-[150px] md:h-60 rounded-mercury-ui-md overflow-hidden bg-mercury-ui-background-secondary" data-astro-cid-kk6tazgd=""> <img src="/pluto-otter/menu-photos/b10ab552-19f4-4f3f-a61a-18fb26ad5861.jpeg?w=320&h=320&fit=cover" alt="Family Meal Deal for 4" class="w-full h-full object-cover" loading="lazy" sizes="(max-width: 768px) 150px, 240px" srcset="/pluto-otter/menu-photos/b10ab552-19f4-4f3f-a61a-18fb26ad5861.jpeg?w=150&h=150&fit=cover 150w, /pluto-otter/menu-photos/b10ab552-19f4-4f3f-a61a-18fb26ad5861.jpeg?w=240&h=240&fit=cover 240w, /pluto-otter/menu-photos/b10ab552-19f4-4f3f-a61a-18fb26ad5861.jpeg?w=320&h=320&fit=cover 320w" style="max-width: 100%;"> <div class="absolute bottom-2 right-2 flex h-10 w-10 items-center justify-center rounded-mercury-ui-control bg-mercury-ui-primary shadow-mercury-ui-control" aria-hidden="true" data-astro-cid-kk6tazgd=""> <svg class="h-5 w-5 text-mercury-ui-text-primary" width="16" height="16" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-kk6tazgd=""> <path d="M10 5v10M5 10h10" data-astro-cid-kk6tazgd=""></path> </svg> </div> </div> <p class="font-mercury-ui-primary text-mercury-ui-text-sm md:text-mercury-ui-text-base text-mercury-ui-text-primary m-0 line-clamp-2" data-astro-cid-kk6tazgd=""> Family Meal Deal for 4 </p> </a> </li> </ul> </div> </div> </div> <script type="module">function t(){const e=document.querySelectorAll("[data-featured-view-menu]");if(!e.length)return;const n=()=>{window.dispatchEvent(new CustomEvent("menuClick",{detail:{from:"Featured Section - View Menu"}}))};e.forEach(d=>{d.addEventListener("click",n)})}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",t):t();</script><div class="w-full "><div class="py-content-vertical-mobile md:py-content-vertical-desktop mx-auto w-full items-center gap-6 px-4 md:gap-20 md:px-8 xl:gap-[140px] flex max-w-section-content flex-col justify-start md:flex-row"><div class="relative flex w-full overflow-hidden aspect-square h-auto max-w-screen-md rounded-mercury-ui-md"><img src="/pluto-images/funnel/images/b2ed60f2-228e-4d24-b7ea-1284ea2bbb01?w=768&h=768&fit=cover" alt="Welcome to Nippon Curry 🍛" class="h-full w-full object-cover" loading="lazy" sizes="(min-width: 1024px) 560px, (min-width: 768px) 50vw, 90vw" srcset="/pluto-images/funnel/images/b2ed60f2-228e-4d24-b7ea-1284ea2bbb01?w=320&h=320&fit=cover 320w, /pluto-images/funnel/images/b2ed60f2-228e-4d24-b7ea-1284ea2bbb01?w=400&h=400&fit=cover 400w, /pluto-images/funnel/images/b2ed60f2-228e-4d24-b7ea-1284ea2bbb01?w=560&h=560&fit=cover 560w, /pluto-images/funnel/images/b2ed60f2-228e-4d24-b7ea-1284ea2bbb01?w=768&h=768&fit=cover 768w" style="max-width: 100%;"></div><div class="w-full flex flex-col gap-4 "><div class="w-full px-6 md:px-0"><h2 class="font-mercury-ui-primary font-semibold text-balance text-mercury-ui-title-2xl leading-[1.3] m-0 text-mercury-ui-text-primary">Welcome to Nippon Curry 🍛</h2></div><div class="w-full flex flex-col gap-8 px-6 md:px-0"><div class="font-mercury-ui-secondary text-mercury-ui-text-base flex flex-col gap-1 whitespace-pre-wrap text-mercury-ui-text-secondary">Nippon Curry is your go-to spot for real Japanese curry in the Bay Area! With three convenient locations in San Francisco, Berkeley, and San Jose, you can enjoy authentic Japanese flavors close to home. You can sit down for a relaxed meal, grab food to go, or have it delivered straight to your door. Nippon Curry makes it easy to enjoy great food your way.</div></div></div></div></div><div class="my-content-vertical-mobile max-w-section-container md:my-content-vertical-desktop relative max-h-screen md:max-h-full xl:mx-auto p-2"><div class="relative flex md:min-h-[800px] md:items-center overflow-hidden rounded-mercury-ui-lg"><img src="/pluto-images/funnel/images/6c8d1367-bc2b-4c0c-85b6-74e8c2c5c906?w=1920&fit=cover" alt="" class="absolute top-0 left-0 w-full h-full object-cover object-center" loading="lazy" sizes="100vw" srcset="/pluto-images/funnel/images/6c8d1367-bc2b-4c0c-85b6-74e8c2c5c906?w=640&fit=cover 640w, /pluto-images/funnel/images/6c8d1367-bc2b-4c0c-85b6-74e8c2c5c906?w=960&fit=cover 960w, /pluto-images/funnel/images/6c8d1367-bc2b-4c0c-85b6-74e8c2c5c906?w=1200&fit=cover 1200w, /pluto-images/funnel/images/6c8d1367-bc2b-4c0c-85b6-74e8c2c5c906?w=1400&fit=cover 1400w, /pluto-images/funnel/images/6c8d1367-bc2b-4c0c-85b6-74e8c2c5c906?w=1600&fit=cover 1600w, /pluto-images/funnel/images/6c8d1367-bc2b-4c0c-85b6-74e8c2c5c906?w=1920&fit=cover 1920w" style="max-width: 100%;"><div class="max-w-section-content mx-auto w-full px-2 pt-[200px] pb-2 md:p-8"><div class="rounded-mercury-ui-md bg-mercury-ui-primary/80 flex w-full items-center p-6 shadow-lg backdrop-blur-2xl md:max-w-[632px] md:p-14 "><div class="w-full flex flex-col gap-6 "><div class="w-full"><h2 class="font-mercury-ui-primary font-semibold text-balance text-mercury-ui-title-2xl text-mercury-ui-text-primary leading-[1.3] m-0">Order From Our Website</h2></div><div class="w-full flex flex-col gap-8"><div class="font-mercury-ui-secondary text-mercury-ui-text-base text-mercury-ui-text-secondary flex flex-col gap-1 whitespace-pre-wrap">Ordering from the website is fast and easy. Just choose your favorite dishes and add them to your cart. You can select takeout or delivery, whichever works best for you. Orders are prepared quickly so you can enjoy your meal without any wait.</div><div class="w-full md:w-fit "><a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-12 py-3 px-4 no-underline w-full md:w-auto bg-mercury-ui-button-primary hover:bg-mercury-ui-button-primary/90 text-mercury-ui-brand-accessible-over-primary" href="/menu"><span class="pointer-events-none absolute inset-0 bg-black/4 rounded-mercury-ui-control"></span><span class="flex flex-1 items-center justify-center gap-x-1"><span class="flex flex-row items-center gap-x-[4px] whitespace-nowrap">Order Now</span><span class="h-fit w-fit opacity-50 transition-opacity group-hover:opacity-100"> <svg aria-hidden="true" class="h-4 w-4 scale-[1.15] transition-transform group-hover:translate-x-0 translate-x-[-3px]" role="img" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"> <rect width="256" height="256" fill="none"></rect> <line class="origin-[216px_128px] scale-x-0 transition-transform group-hover:scale-x-100" x1="70" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line> <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline> </svg> </span></span></a></div></div></div></div></div></div></div><section class="max-w-section-content py-content-vertical-mobile md:py-content-vertical-desktop mx-auto px-4 md:px-8" data-component="gallery" aria-labelledby="gallery-section-title-4fd1d0e3-9837-419b-b580-a97f5e7cefeb"><div class="mx-auto flex flex-col gap-6"><div class="mx-auto w-full px-0"><div class="flex flex-col self-stretch text-balance md:self-center md:max-w-2xl gap-4"><h2 id="gallery-section-title-4fd1d0e3-9837-419b-b580-a97f5e7cefeb" class="font-mercury-ui-primary text-mercury-ui-title-2xl font-semibold text-mercury-ui-text-primary m-0">📸 Curry, Katsu, and More – Take a Look</h2><p class="text-mercury-ui-text-base font-mercury-ui-secondary text-mercury-ui-text-secondary m-0">Take a look at some of our most popular dishes, from crispy katsu to rich, flavorful curry.</p></div></div><div class="grid grid-cols-2 gap-2 md:grid-cols-3 md:gap-4"><button type="button" class="relative flex aspect-square overflow-visible cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-mercury-ui-brand-primary" data-gallery-index="0" data-gallery-src="/pluto-images/funnel/images/4d6a9d64-9beb-407a-b072-625486341717?w=1600&fit=contain" data-gallery-alt="Gallery image 1" aria-label="View image 1"><div class="rounded-mercury-ui-md absolute inset-0 overflow-hidden bg-mercury-ui-secondary transition-transform duration-300 hover:scale-[1.01] md:hover:scale-[1.02]"><img src="/pluto-images/funnel/images/4d6a9d64-9beb-407a-b072-625486341717?w=810&fit=cover" alt="Gallery image 1" class="w-full h-full object-cover" loading="lazy" sizes="(min-width: 768px) 405px, calc(50vw - 20px)" srcset="/pluto-images/funnel/images/4d6a9d64-9beb-407a-b072-625486341717?w=200&fit=cover 200w, /pluto-images/funnel/images/4d6a9d64-9beb-407a-b072-625486341717?w=320&fit=cover 320w, /pluto-images/funnel/images/4d6a9d64-9beb-407a-b072-625486341717?w=405&fit=cover 405w, /pluto-images/funnel/images/4d6a9d64-9beb-407a-b072-625486341717?w=600&fit=cover 600w, /pluto-images/funnel/images/4d6a9d64-9beb-407a-b072-625486341717?w=810&fit=cover 810w" style="max-width: 100%;"></div></button><button type="button" class="relative flex aspect-square overflow-visible cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-mercury-ui-brand-primary" data-gallery-index="1" data-gallery-src="/pluto-images/funnel/images/12e5b137-4547-435f-9b63-c3a1acc36ed8?w=1600&fit=contain" data-gallery-alt="Gallery image 2" aria-label="View image 2"><div class="rounded-mercury-ui-md absolute inset-0 overflow-hidden bg-mercury-ui-secondary transition-transform duration-300 hover:scale-[1.01] md:hover:scale-[1.02]"><img src="/pluto-images/funnel/images/12e5b137-4547-435f-9b63-c3a1acc36ed8?w=810&fit=cover" alt="Gallery image 2" class="w-full h-full object-cover" loading="lazy" sizes="(min-width: 768px) 405px, calc(50vw - 20px)" srcset="/pluto-images/funnel/images/12e5b137-4547-435f-9b63-c3a1acc36ed8?w=200&fit=cover 200w, /pluto-images/funnel/images/12e5b137-4547-435f-9b63-c3a1acc36ed8?w=320&fit=cover 320w, /pluto-images/funnel/images/12e5b137-4547-435f-9b63-c3a1acc36ed8?w=405&fit=cover 405w, /pluto-images/funnel/images/12e5b137-4547-435f-9b63-c3a1acc36ed8?w=600&fit=cover 600w, /pluto-images/funnel/images/12e5b137-4547-435f-9b63-c3a1acc36ed8?w=810&fit=cover 810w" style="max-width: 100%;"></div></button><button type="button" class="relative flex aspect-square overflow-visible cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-mercury-ui-brand-primary" data-gallery-index="2" data-gallery-src="/pluto-images/funnel/images/ae3c5a7b-0572-492b-a933-6635c8962fd5?w=1600&fit=contain" data-gallery-alt="Gallery image 3" aria-label="View image 3"><div class="rounded-mercury-ui-md absolute inset-0 overflow-hidden bg-mercury-ui-secondary transition-transform duration-300 hover:scale-[1.01] md:hover:scale-[1.02]"><img src="/pluto-images/funnel/images/ae3c5a7b-0572-492b-a933-6635c8962fd5?w=810&fit=cover" alt="Gallery image 3" class="w-full h-full object-cover" loading="lazy" sizes="(min-width: 768px) 405px, calc(50vw - 20px)" srcset="/pluto-images/funnel/images/ae3c5a7b-0572-492b-a933-6635c8962fd5?w=200&fit=cover 200w, /pluto-images/funnel/images/ae3c5a7b-0572-492b-a933-6635c8962fd5?w=320&fit=cover 320w, /pluto-images/funnel/images/ae3c5a7b-0572-492b-a933-6635c8962fd5?w=405&fit=cover 405w, /pluto-images/funnel/images/ae3c5a7b-0572-492b-a933-6635c8962fd5?w=600&fit=cover 600w, /pluto-images/funnel/images/ae3c5a7b-0572-492b-a933-6635c8962fd5?w=810&fit=cover 810w" style="max-width: 100%;"></div></button><button type="button" class="relative flex aspect-square overflow-visible cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-mercury-ui-brand-primary" data-gallery-index="3" data-gallery-src="/pluto-images/funnel/images/8d2136de-6936-4ed4-90df-3719a02a456e?w=1600&fit=contain" data-gallery-alt="Gallery image 4" aria-label="View image 4"><div class="rounded-mercury-ui-md absolute inset-0 overflow-hidden bg-mercury-ui-secondary transition-transform duration-300 hover:scale-[1.01] md:hover:scale-[1.02]"><img src="/pluto-images/funnel/images/8d2136de-6936-4ed4-90df-3719a02a456e?w=810&fit=cover" alt="Gallery image 4" class="w-full h-full object-cover" loading="lazy" sizes="(min-width: 768px) 405px, calc(50vw - 20px)" srcset="/pluto-images/funnel/images/8d2136de-6936-4ed4-90df-3719a02a456e?w=200&fit=cover 200w, /pluto-images/funnel/images/8d2136de-6936-4ed4-90df-3719a02a456e?w=320&fit=cover 320w, /pluto-images/funnel/images/8d2136de-6936-4ed4-90df-3719a02a456e?w=405&fit=cover 405w, /pluto-images/funnel/images/8d2136de-6936-4ed4-90df-3719a02a456e?w=600&fit=cover 600w, /pluto-images/funnel/images/8d2136de-6936-4ed4-90df-3719a02a456e?w=810&fit=cover 810w" style="max-width: 100%;"></div></button><button type="button" class="relative flex aspect-square overflow-visible cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-mercury-ui-brand-primary" data-gallery-index="4" data-gallery-src="/pluto-images/funnel/images/f7297698-3f4e-44ff-af60-673c63222ad9?w=1600&fit=contain" data-gallery-alt="Gallery image 5" aria-label="View image 5"><div class="rounded-mercury-ui-md absolute inset-0 overflow-hidden bg-mercury-ui-secondary transition-transform duration-300 hover:scale-[1.01] md:hover:scale-[1.02]"><img src="/pluto-images/funnel/images/f7297698-3f4e-44ff-af60-673c63222ad9?w=810&fit=cover" alt="Gallery image 5" class="w-full h-full object-cover" loading="lazy" sizes="(min-width: 768px) 405px, calc(50vw - 20px)" srcset="/pluto-images/funnel/images/f7297698-3f4e-44ff-af60-673c63222ad9?w=200&fit=cover 200w, /pluto-images/funnel/images/f7297698-3f4e-44ff-af60-673c63222ad9?w=320&fit=cover 320w, /pluto-images/funnel/images/f7297698-3f4e-44ff-af60-673c63222ad9?w=405&fit=cover 405w, /pluto-images/funnel/images/f7297698-3f4e-44ff-af60-673c63222ad9?w=600&fit=cover 600w, /pluto-images/funnel/images/f7297698-3f4e-44ff-af60-673c63222ad9?w=810&fit=cover 810w" style="max-width: 100%;"></div></button><button type="button" class="relative flex aspect-square overflow-visible cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-mercury-ui-brand-primary" data-gallery-index="5" data-gallery-src="/pluto-images/funnel/images/e2332dc5-144d-4923-9347-d53cf934353f?w=1600&fit=contain" data-gallery-alt="Gallery image 6" aria-label="View image 6"><div class="rounded-mercury-ui-md absolute inset-0 overflow-hidden bg-mercury-ui-secondary transition-transform duration-300 hover:scale-[1.01] md:hover:scale-[1.02]"><img src="/pluto-images/funnel/images/e2332dc5-144d-4923-9347-d53cf934353f?w=810&fit=cover" alt="Gallery image 6" class="w-full h-full object-cover" loading="lazy" sizes="(min-width: 768px) 405px, calc(50vw - 20px)" srcset="/pluto-images/funnel/images/e2332dc5-144d-4923-9347-d53cf934353f?w=200&fit=cover 200w, /pluto-images/funnel/images/e2332dc5-144d-4923-9347-d53cf934353f?w=320&fit=cover 320w, /pluto-images/funnel/images/e2332dc5-144d-4923-9347-d53cf934353f?w=405&fit=cover 405w, /pluto-images/funnel/images/e2332dc5-144d-4923-9347-d53cf934353f?w=600&fit=cover 600w, /pluto-images/funnel/images/e2332dc5-144d-4923-9347-d53cf934353f?w=810&fit=cover 810w" style="max-width: 100%;"></div></button><button type="button" class="relative flex aspect-square overflow-visible cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-mercury-ui-brand-primary" data-gallery-index="6" data-gallery-src="/pluto-images/funnel/images/aae22278-cdc6-4555-8126-7bb9fed741ad?w=1600&fit=contain" data-gallery-alt="Gallery image 7" aria-label="View image 7"><div class="rounded-mercury-ui-md absolute inset-0 overflow-hidden bg-mercury-ui-secondary transition-transform duration-300 hover:scale-[1.01] md:hover:scale-[1.02]"><img src="/pluto-images/funnel/images/aae22278-cdc6-4555-8126-7bb9fed741ad?w=810&fit=cover" alt="Gallery image 7" class="w-full h-full object-cover" loading="lazy" sizes="(min-width: 768px) 405px, calc(50vw - 20px)" srcset="/pluto-images/funnel/images/aae22278-cdc6-4555-8126-7bb9fed741ad?w=200&fit=cover 200w, /pluto-images/funnel/images/aae22278-cdc6-4555-8126-7bb9fed741ad?w=320&fit=cover 320w, /pluto-images/funnel/images/aae22278-cdc6-4555-8126-7bb9fed741ad?w=405&fit=cover 405w, /pluto-images/funnel/images/aae22278-cdc6-4555-8126-7bb9fed741ad?w=600&fit=cover 600w, /pluto-images/funnel/images/aae22278-cdc6-4555-8126-7bb9fed741ad?w=810&fit=cover 810w" style="max-width: 100%;"></div></button><button type="button" class="relative flex aspect-square overflow-visible cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-mercury-ui-brand-primary" data-gallery-index="7" data-gallery-src="/pluto-images/funnel/images/2d21885c-d987-4822-bb4f-fa918f143f9f?w=1600&fit=contain" data-gallery-alt="Gallery image 8" aria-label="View image 8"><div class="rounded-mercury-ui-md absolute inset-0 overflow-hidden bg-mercury-ui-secondary transition-transform duration-300 hover:scale-[1.01] md:hover:scale-[1.02]"><img src="/pluto-images/funnel/images/2d21885c-d987-4822-bb4f-fa918f143f9f?w=810&fit=cover" alt="Gallery image 8" class="w-full h-full object-cover" loading="lazy" sizes="(min-width: 768px) 405px, calc(50vw - 20px)" srcset="/pluto-images/funnel/images/2d21885c-d987-4822-bb4f-fa918f143f9f?w=200&fit=cover 200w, /pluto-images/funnel/images/2d21885c-d987-4822-bb4f-fa918f143f9f?w=320&fit=cover 320w, /pluto-images/funnel/images/2d21885c-d987-4822-bb4f-fa918f143f9f?w=405&fit=cover 405w, /pluto-images/funnel/images/2d21885c-d987-4822-bb4f-fa918f143f9f?w=600&fit=cover 600w, /pluto-images/funnel/images/2d21885c-d987-4822-bb4f-fa918f143f9f?w=810&fit=cover 810w" style="max-width: 100%;"></div></button><button type="button" class="relative flex aspect-square overflow-visible cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-mercury-ui-brand-primary" data-gallery-index="8" data-gallery-src="/pluto-images/funnel/images/8a31e2cd-6317-4fa4-bd89-79b28eadd8a2?w=1600&fit=contain" data-gallery-alt="Gallery image 9" aria-label="View image 9"><div class="rounded-mercury-ui-md absolute inset-0 overflow-hidden bg-mercury-ui-secondary transition-transform duration-300 hover:scale-[1.01] md:hover:scale-[1.02]"><img src="/pluto-images/funnel/images/8a31e2cd-6317-4fa4-bd89-79b28eadd8a2?w=810&fit=cover" alt="Gallery image 9" class="w-full h-full object-cover" loading="lazy" sizes="(min-width: 768px) 405px, calc(50vw - 20px)" srcset="/pluto-images/funnel/images/8a31e2cd-6317-4fa4-bd89-79b28eadd8a2?w=200&fit=cover 200w, /pluto-images/funnel/images/8a31e2cd-6317-4fa4-bd89-79b28eadd8a2?w=320&fit=cover 320w, /pluto-images/funnel/images/8a31e2cd-6317-4fa4-bd89-79b28eadd8a2?w=405&fit=cover 405w, /pluto-images/funnel/images/8a31e2cd-6317-4fa4-bd89-79b28eadd8a2?w=600&fit=cover 600w, /pluto-images/funnel/images/8a31e2cd-6317-4fa4-bd89-79b28eadd8a2?w=810&fit=cover 810w" style="max-width: 100%;"></div></button></div></div><!-- Lightbox overlay --><div class="fixed inset-0 z-30 hidden items-center justify-center bg-black/90" data-gallery-overlay="" role="dialog" aria-modal="true" aria-labelledby="gallery-dialog-title" aria-describedby="gallery-dialog-description" aria-hidden="true"><!-- Visually hidden title for screen readers --><h2 id="gallery-dialog-title" class="sr-only">Image gallery</h2><!-- Visually hidden description that updates with current position --><p id="gallery-dialog-description" class="sr-only" aria-live="polite" data-gallery-description=""></p><div class="relative flex h-screen w-full items-center justify-center" data-gallery-backdrop=""><!-- Image container with navigation --><div class="relative aspect-square max-h-[90vh] w-full md:max-w-[90vw]" style="width: min(100vw, 90vh);" data-gallery-image-container=""><img data-gallery-active-image="" alt="" class="h-full w-full object-contain transition-opacity duration-200 opacity-0"><!-- Loading spinner overlay --><div class="absolute inset-0 hidden items-center justify-center" data-gallery-spinner=""><div class="h-12 w-12 animate-spin rounded-full border-4 border-white/40 border-t-white"></div></div><!-- Close button - desktop (top right of image) --><button type="button" aria-label="Close gallery" class="hidden md:flex absolute top-4 right-4 z-10 h-9 w-9 items-center justify-center rounded-full bg-mercury-ui-primary shadow-mercury-ui-control hover:bg-mercury-ui-tertiary" data-gallery-close=""><span class="sr-only">Close</span><svg class="h-4 w-4 text-mercury-ui-text-primary" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M5 5l10 10M15 5L5 15"></path></svg></button><!-- Close button - mobile (top right of screen) --><button type="button" aria-label="Close gallery" class="md:hidden absolute top-4 right-4 z-10 flex h-9 w-9 items-center justify-center rounded-full bg-mercury-ui-primary shadow-mercury-ui-control hover:bg-mercury-ui-tertiary" data-gallery-close=""><span class="sr-only">Close</span><svg class="h-4 w-4 text-mercury-ui-text-primary" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M5 5l10 10M15 5L5 15"></path></svg></button><!-- Navigation arrows --><button type="button" aria-label="Previous image" class="bg-mercury-ui-primary rounded-mercury-ui-control shadow-mercury-ui-control hover:bg-mercury-ui-tertiary absolute top-1/2 left-2 z-10 flex h-8 w-8 -translate-y-1/2 items-center justify-center" data-gallery-prev=""><svg class="h-4 w-4 text-mercury-ui-text-primary" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.5 5L7.5 10L12.5 15"></path></svg></button><button type="button" aria-label="Next image" class="bg-mercury-ui-primary rounded-mercury-ui-control shadow-mercury-ui-control hover:bg-mercury-ui-tertiary absolute top-1/2 right-2 z-10 flex h-8 w-8 -translate-y-1/2 items-center justify-center" data-gallery-next=""><svg class="h-4 w-4 text-mercury-ui-text-primary" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.5 5L12.5 10L7.5 15"></path></svg></button></div></div></div><script type="module">let y=[];function b(i){const r=i.querySelectorAll("[data-gallery-index]");if(!r.length)return()=>{};const l=i.querySelector("[data-gallery-overlay]"),f=i.querySelector("[data-gallery-backdrop]"),s=i.querySelector("[data-gallery-active-image]"),a=i.querySelector("[data-gallery-spinner]"),c=i.querySelector("[data-gallery-image-container]"),v=i.querySelector("[data-gallery-prev]"),w=i.querySelector("[data-gallery-next]"),p=i.querySelectorAll("[data-gallery-close]");if(!l||!s||!a||!c||!v||!w||!f)return()=>{};const L=Array.from(r).map(t=>t.dataset.gallerySrc??""),X=Array.from(r).map((t,n)=>t.dataset.galleryAlt??`Gallery image ${n+1}`),e={currentIndex:null,images:L,imageAlts:X,isOpen:!1,isSwiping:!1,touchStartX:null,touchEndX:null,spinnerTimeoutId:null,lastActiveElement:null},x=()=>{a&&(a.classList.remove("hidden"),a.classList.add("flex"))},E=()=>{a&&(a.classList.remove("flex"),a.classList.add("hidden"))},A=t=>{if(!e.images.length)return;const n=(t+1)%e.images.length,o=(t-1+e.images.length)%e.images.length;[n,o].forEach(u=>{const S=e.images[u];if(!S)return;const k=new Image;k.src=S})},h=t=>{if(!e.images[t])return;e.currentIndex=t,s.style.opacity="0",e.spinnerTimeoutId!==null&&window.clearTimeout(e.spinnerTimeoutId),e.spinnerTimeoutId=window.setTimeout(()=>{e.currentIndex===t&&x()},200);const n=()=>{e.currentIndex===t&&(e.spinnerTimeoutId!==null&&(window.clearTimeout(e.spinnerTimeoutId),e.spinnerTimeoutId=null),E(),s.style.opacity="1",s.removeEventListener("load",n))};s.addEventListener("load",n),s.src=e.images[t],s.alt=e.imageAlts[t]??`Gallery image ${t+1}`,A(t)},T=t=>{if(!e.images[t])return;const n=document.activeElement;e.lastActiveElement=n instanceof HTMLElement?n:null,e.isOpen=!0,l.classList.remove("hidden"),l.classList.add("flex"),l.removeAttribute("aria-hidden"),document.body.style.overflow="hidden",h(t),(Array.from(p).find(u=>u.offsetParent!==null)??p[0])?.focus()},d=()=>{e.isOpen=!1,e.currentIndex=null,l.classList.remove("flex"),l.classList.add("hidden"),l.setAttribute("aria-hidden","true"),document.body.style.overflow="",E(),e.lastActiveElement?.focus()},g=()=>{if(!e.isOpen||e.currentIndex===null)return;const t=e.currentIndex===0?e.images.length-1:e.currentIndex-1;h(t)},m=()=>{if(!e.isOpen||e.currentIndex===null)return;const t=e.currentIndex===e.images.length-1?0:e.currentIndex+1;h(t)};r.forEach(t=>{t.addEventListener("click",()=>{const n=t.getAttribute("data-gallery-index"),o=n?Number.parseInt(n,10):0;T(o)})}),p.forEach(t=>{t.addEventListener("click",n=>{n.stopPropagation(),d()})}),l.addEventListener("click",t=>{t.target===l&&d()}),f.addEventListener("click",t=>{t.target===f&&d()}),v.addEventListener("click",t=>{t.stopPropagation(),g()}),w.addEventListener("click",t=>{t.stopPropagation(),m()}),c.addEventListener("click",t=>{if(e.isSwiping)return;const n=c.getBoundingClientRect(),o=t.clientX-n.left,u=n.width/2;o<u?g():m()}),c.addEventListener("touchstart",t=>{const n=t.touches[0];e.touchStartX=n.clientX,e.touchEndX=null,e.isSwiping=!1},{passive:!0}),c.addEventListener("touchmove",t=>{const n=t.touches[0];e.touchEndX=n.clientX,e.touchStartX!==null&&Math.abs(n.clientX-e.touchStartX)>10&&(e.isSwiping=!0)},{passive:!0}),c.addEventListener("touchend",()=>{if(e.touchStartX===null||e.touchEndX===null){e.touchStartX=null,e.touchEndX=null,e.isSwiping=!1;return}const t=e.touchStartX-e.touchEndX;Math.abs(t)>50&&(t>0?m():g()),e.touchStartX=null,e.touchEndX=null,e.isSwiping=!1});const I=t=>{e.isOpen&&(t.key==="ArrowLeft"?(t.preventDefault(),g()):t.key==="ArrowRight"?(t.preventDefault(),m()):t.key==="Escape"&&(t.preventDefault(),d()))};return window.addEventListener("keydown",I),()=>{e.spinnerTimeoutId!==null&&(window.clearTimeout(e.spinnerTimeoutId),e.spinnerTimeoutId=null),window.removeEventListener("keydown",I)}}function q(){y.forEach(r=>{r()}),y=[],document.querySelectorAll('[data-component="gallery"]').forEach(r=>{const l=b(r);y.push(l)})}q();</script></section><div class="w-full "><div class="py-content-vertical-mobile md:py-content-vertical-desktop mx-auto w-full items-center gap-6 px-4 md:gap-20 md:px-8 xl:gap-[140px] flex max-w-section-content flex-col justify-start md:flex-row-reverse md:justify-end"><div class="relative flex w-full overflow-hidden aspect-square h-auto max-w-screen-md rounded-mercury-ui-md"><img src="/pluto-images/funnel/images/63ba77e5-6d8c-4450-afd2-3032e592941e?w=768&h=768&fit=cover" alt="Enjoy Our Award-Winning Japanese Curry" class="h-full w-full object-cover" loading="lazy" sizes="(min-width: 1024px) 560px, (min-width: 768px) 50vw, 90vw" srcset="/pluto-images/funnel/images/63ba77e5-6d8c-4450-afd2-3032e592941e?w=320&h=320&fit=cover 320w, /pluto-images/funnel/images/63ba77e5-6d8c-4450-afd2-3032e592941e?w=400&h=400&fit=cover 400w, /pluto-images/funnel/images/63ba77e5-6d8c-4450-afd2-3032e592941e?w=560&h=560&fit=cover 560w, /pluto-images/funnel/images/63ba77e5-6d8c-4450-afd2-3032e592941e?w=768&h=768&fit=cover 768w" style="max-width: 100%;"></div><div class="w-full flex flex-col gap-4 "><div class="w-full px-6 md:px-0"><h2 class="font-mercury-ui-primary font-semibold text-balance text-mercury-ui-title-2xl leading-[1.3] m-0 text-mercury-ui-text-primary">Enjoy Our Award-Winning Japanese Curry</h2></div><div class="w-full flex flex-col gap-8 px-6 md:px-0"><div class="font-mercury-ui-secondary text-mercury-ui-text-base flex flex-col gap-1 whitespace-pre-wrap text-mercury-ui-text-secondary">At Nippon Curry, we focus on serving genuine Japanese curry that has won awards for its rich, comforting taste. Our menu is simple but full of heart, crafted from recipes loved for generations in Japan. You can enjoy favorites like pork or chicken katsu curry, ebi fry, croquettes and other classic Japanese dishes. Every dish is made with care to give you the best experience possible.</div><div class="w-full md:w-fit "><a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-12 py-3 px-4 no-underline w-full md:w-auto bg-mercury-ui-button-primary hover:bg-mercury-ui-button-primary/90 text-mercury-ui-brand-accessible-over-primary" href="/menu"><span class="pointer-events-none absolute inset-0 bg-black/4 rounded-mercury-ui-control"></span><span class="flex flex-1 items-center justify-center gap-x-1"><span class="flex flex-row items-center gap-x-[4px] whitespace-nowrap">Explore Our Menu</span><span class="h-fit w-fit opacity-50 transition-opacity group-hover:opacity-100"> <svg aria-hidden="true" class="h-4 w-4 scale-[1.15] transition-transform group-hover:translate-x-0 translate-x-[-3px]" role="img" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"> <rect width="256" height="256" fill="none"></rect> <line class="origin-[216px_128px] scale-x-0 transition-transform group-hover:scale-x-100" x1="70" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line> <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline> </svg> </span></span></a></div></div></div></div></div><div class="w-full "><div class="py-content-vertical-mobile md:py-content-vertical-desktop mx-auto w-full items-center gap-6 px-4 md:gap-20 md:px-8 xl:gap-[140px] flex max-w-section-content flex-col justify-start md:flex-row"><div class="relative flex w-full overflow-hidden aspect-square h-auto max-w-screen-md rounded-mercury-ui-md"><img src="/pluto-images/funnel/images/97ae7258-21c2-4e96-9d50-8c9cabac5973?w=768&h=768&fit=cover" alt="Japanese Beer and Sake – Now Serving! " class="h-full w-full object-cover" loading="lazy" sizes="(min-width: 1024px) 560px, (min-width: 768px) 50vw, 90vw" srcset="/pluto-images/funnel/images/97ae7258-21c2-4e96-9d50-8c9cabac5973?w=320&h=320&fit=cover 320w, /pluto-images/funnel/images/97ae7258-21c2-4e96-9d50-8c9cabac5973?w=400&h=400&fit=cover 400w, /pluto-images/funnel/images/97ae7258-21c2-4e96-9d50-8c9cabac5973?w=560&h=560&fit=cover 560w, /pluto-images/funnel/images/97ae7258-21c2-4e96-9d50-8c9cabac5973?w=768&h=768&fit=cover 768w" style="max-width: 100%;"></div><div class="w-full flex flex-col gap-4 "><div class="w-full px-6 md:px-0"><h2 class="font-mercury-ui-primary font-semibold text-balance text-mercury-ui-title-2xl leading-[1.3] m-0 text-mercury-ui-text-primary">Japanese Beer and Sake – Now Serving! </h2></div><div class="w-full flex flex-col gap-8 px-6 md:px-0"><div class="font-mercury-ui-secondary text-mercury-ui-text-base flex flex-col gap-1 whitespace-pre-wrap text-mercury-ui-text-secondary">Nippon Curry is proud to offer a selection of Japanese soft drinks, beers and sakes. These drinks pair perfectly with our curry and add an authentic touch to your meal. Bring friends or family and enjoy these special beverages with your food. It’s a great way to explore Japanese flavors beyond the plate.</div></div></div></div></div><div class="w-full "><div class="py-content-vertical-mobile md:py-content-vertical-desktop mx-auto w-full items-center gap-6 px-4 md:gap-20 md:px-8 xl:gap-[140px] flex max-w-section-content flex-col justify-start md:flex-row-reverse md:justify-end"><div class="relative flex w-full overflow-hidden aspect-square h-auto max-w-screen-md rounded-mercury-ui-md"><img src="/pluto-images/funnel/images/bbca5fa1-653e-4b45-8c23-ab40db012390?w=768&h=768&fit=cover" alt="A Spot for Everyone to Enjoy" class="h-full w-full object-cover" loading="lazy" sizes="(min-width: 1024px) 560px, (min-width: 768px) 50vw, 90vw" srcset="/pluto-images/funnel/images/bbca5fa1-653e-4b45-8c23-ab40db012390?w=320&h=320&fit=cover 320w, /pluto-images/funnel/images/bbca5fa1-653e-4b45-8c23-ab40db012390?w=400&h=400&fit=cover 400w, /pluto-images/funnel/images/bbca5fa1-653e-4b45-8c23-ab40db012390?w=560&h=560&fit=cover 560w, /pluto-images/funnel/images/bbca5fa1-653e-4b45-8c23-ab40db012390?w=768&h=768&fit=cover 768w" style="max-width: 100%;"></div><div class="w-full flex flex-col gap-4 "><div class="w-full px-6 md:px-0"><h2 class="font-mercury-ui-primary font-semibold text-balance text-mercury-ui-title-2xl leading-[1.3] m-0 text-mercury-ui-text-primary">A Spot for Everyone to Enjoy</h2></div><div class="w-full flex flex-col gap-8 px-6 md:px-0"><div class="font-mercury-ui-secondary text-mercury-ui-text-base flex flex-col gap-1 whitespace-pre-wrap text-mercury-ui-text-secondary">Locals, families, and friends enjoy Nippon Curry as a great place to share a meal. Our dishes bring people together in a casual setting where everyone feels welcome. It’s a perfect spot for lunch during the week or dinner on the weekend. The friendly team helps you pick the right dish or recommend a drink to go with your meal</div></div></div></div></div><div class="w-full "><div class="py-content-vertical-mobile md:py-content-vertical-desktop mx-auto w-full items-center gap-6 px-4 md:gap-20 md:px-8 xl:gap-[140px] flex mx-auto max-w-[700px] flex-col justify-start md:flex-row"><div class="w-full flex flex-col gap-4 "><div class="w-full px-6 md:px-0"><h2 class="font-mercury-ui-primary font-semibold text-balance text-mercury-ui-title-2xl leading-[1.3] m-0 text-mercury-ui-text-primary">Visit Us or Order Online Today! 📍</h2></div><div class="w-full flex flex-col gap-8 px-6 md:px-0"><div class="font-mercury-ui-secondary text-mercury-ui-text-base flex flex-col gap-1 whitespace-pre-wrap text-mercury-ui-text-secondary">You can visit us in San Francisco, Berkeley, or San Jose—whichever is closest to you. Each location serves the same great Japanese curry made fresh every day. Want to stay in? Just order online and we’ll have your meal ready for pickup or delivery.</div><div class="w-full md:w-fit "><a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-12 py-3 px-4 no-underline w-full md:w-auto bg-mercury-ui-button-primary hover:bg-mercury-ui-button-primary/90 text-mercury-ui-brand-accessible-over-primary" href="/page/locations"><span class="pointer-events-none absolute inset-0 bg-black/4 rounded-mercury-ui-control"></span><span class="flex flex-1 items-center justify-center gap-x-1"><span class="flex flex-row items-center gap-x-[4px] whitespace-nowrap">All Locations</span><span class="h-fit w-fit opacity-50 transition-opacity group-hover:opacity-100"> <svg aria-hidden="true" class="h-4 w-4 scale-[1.15] transition-transform group-hover:translate-x-0 translate-x-[-3px]" role="img" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"> <rect width="256" height="256" fill="none"></rect> <line class="origin-[216px_128px] scale-x-0 transition-transform group-hover:scale-x-100" x1="70" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line> <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline> </svg> </span></span></a></div></div></div></div></div><div class="my-content-vertical-mobile max-w-section-container md:my-content-vertical-desktop mx-auto flex p-2" data-testid="review-module"><div class="bg-mercury-ui-secondary rounded-mercury-ui-lg w-full"><div class="max-w-section-content md:py-content-vertical-desktop mx-auto flex flex-col justify-center gap-8 pt-8 pb-3"><div class="flex flex-col self-stretch text-balance text-center md:self-center md:max-w-2xl"><h2 class="font-mercury-ui-primary text-mercury-ui-title-2xl font-semibold text-mercury-ui-text-primary m-0">What our guests are saying</h2></div><div class="max-w-section-content px-4 md:px-8 grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3"><div class="flex flex-col gap-4"><div class="flex p-6 bg-mercury-ui-primary rounded-mercury-ui-md shadow-short"><div class="grow flex flex-col justify-between gap-6"><div class="flex flex-col gap-4"><div class="flex gap-1 text-xl text-mercury-ui-text-primary"><span aria-hidden="true">★</span><span aria-hidden="true">★</span><span aria-hidden="true">★</span><span aria-hidden="true">★</span><span aria-hidden="true">★</span></div><div class="relative" data-review-container=""><p class="text-mercury-ui-text-base font-mercury-ui-secondary text-mercury-ui-text-primary line-clamp-4 m-0 transition-all duration-200" data-review-comment="">This is a "we make Curry that you'll love and this is the main thing we do" place. I loved these in Japan but I forgot they exist and how great they are, until literally today while walking by this place and checking the menu. It was epic. Truly recommended, worth coming to especially from another neighborhood.</p><button type="button" class="mt-2 text-mercury-ui-text-sm text-mercury-ui-text-secondary border-b border-mercury-ui-text-secondary hover:text-mercury-ui-text-primary hover:border-mercury-ui-text-primary transition-colors" data-review-toggle=""> | |
| View more | |
| </button></div></div><div class="flex items-center gap-3"><img src="/pluto-images/brands/funnel/reviews-section-images/rYSPbAUtjkwGvMLIAx0Rf8aAHB1nEcxZ/khXoR6Z3I8hC3gZ3NXFgWWH7.png?w=32&h=32&fit=cover" alt=" Groggy R." class="h-8 w-8 rounded-full object-cover" loading="lazy" sizes=" | |
| (max-width: 320px) 280px, | |
| (max-width: 640px) 600px, | |
| (max-width: 960px) 880px, | |
| (max-width: 1280px) 1200px, | |
| 1312px | |
| " srcset="/pluto-images/brands/funnel/reviews-section-images/rYSPbAUtjkwGvMLIAx0Rf8aAHB1nEcxZ/khXoR6Z3I8hC3gZ3NXFgWWH7.png?w=32&h=32&dpr=1&fit=cover 1x, /pluto-images/brands/funnel/reviews-section-images/rYSPbAUtjkwGvMLIAx0Rf8aAHB1nEcxZ/khXoR6Z3I8hC3gZ3NXFgWWH7.png?w=32&h=32&dpr=2&fit=cover 2x, /pluto-images/brands/funnel/reviews-section-images/rYSPbAUtjkwGvMLIAx0Rf8aAHB1nEcxZ/khXoR6Z3I8hC3gZ3NXFgWWH7.png?w=32&h=32&dpr=3&fit=cover 3x" style="max-width: 100%;"><p class="text-mercury-ui-title-sm font-medium text-mercury-ui-text-secondary m-0"> Groggy R.</p></div></div></div></div><div class="flex flex-col gap-4"><div class="flex p-6 bg-mercury-ui-primary rounded-mercury-ui-md shadow-short"><div class="grow flex flex-col justify-between gap-6"><div class="flex flex-col gap-4"><div class="flex gap-1 text-xl text-mercury-ui-text-primary"><span aria-hidden="true">★</span><span aria-hidden="true">★</span><span aria-hidden="true">★</span><span aria-hidden="true">★</span><span aria-hidden="true">★</span></div><div class="relative" data-review-container=""><p class="text-mercury-ui-text-base font-mercury-ui-secondary text-mercury-ui-text-primary line-clamp-4 m-0 transition-all duration-200" data-review-comment="">Omg! The food was so good. I ordered the pork katsu curry, and it was so authentic and flavorful. They also have a vegetarian option, which is a vegetable-based curry. The $3 Asahi happy hour is a great deal too. I recommend trying the Japanese soda, Yuzu white peach flavor, which goes well with the curry.</p><button type="button" class="mt-2 text-mercury-ui-text-sm text-mercury-ui-text-secondary border-b border-mercury-ui-text-secondary hover:text-mercury-ui-text-primary hover:border-mercury-ui-text-primary transition-colors" data-review-toggle=""> | |
| View more | |
| </button></div></div><div class="flex items-center gap-3"><img src="/pluto-images/brands/funnel/reviews-section-images/tJIBWf8quS9QVWq25MOpEQinBBfTOdDr/khXoR6Z3I8hC3gZ3NXFgWWH7.png?w=32&h=32&fit=cover" alt=" Nook H." class="h-8 w-8 rounded-full object-cover" loading="lazy" sizes=" | |
| (max-width: 320px) 280px, | |
| (max-width: 640px) 600px, | |
| (max-width: 960px) 880px, | |
| (max-width: 1280px) 1200px, | |
| 1312px | |
| " srcset="/pluto-images/brands/funnel/reviews-section-images/tJIBWf8quS9QVWq25MOpEQinBBfTOdDr/khXoR6Z3I8hC3gZ3NXFgWWH7.png?w=32&h=32&dpr=1&fit=cover 1x, /pluto-images/brands/funnel/reviews-section-images/tJIBWf8quS9QVWq25MOpEQinBBfTOdDr/khXoR6Z3I8hC3gZ3NXFgWWH7.png?w=32&h=32&dpr=2&fit=cover 2x, /pluto-images/brands/funnel/reviews-section-images/tJIBWf8quS9QVWq25MOpEQinBBfTOdDr/khXoR6Z3I8hC3gZ3NXFgWWH7.png?w=32&h=32&dpr=3&fit=cover 3x" style="max-width: 100%;"><p class="text-mercury-ui-title-sm font-medium text-mercury-ui-text-secondary m-0"> Nook H.</p></div></div></div></div><div class="flex flex-col gap-4"><div class="flex p-6 bg-mercury-ui-primary rounded-mercury-ui-md shadow-short"><div class="grow flex flex-col justify-between gap-6"><div class="flex flex-col gap-4"><div class="flex gap-1 text-xl text-mercury-ui-text-primary"><span aria-hidden="true">★</span><span aria-hidden="true">★</span><span aria-hidden="true">★</span><span aria-hidden="true">★</span><span aria-hidden="true">★</span></div><div class="relative" data-review-container=""><p class="text-mercury-ui-text-base font-mercury-ui-secondary text-mercury-ui-text-primary line-clamp-4 m-0 transition-all duration-200" data-review-comment="">Go to experience award winning Japanese curry that is rich and delicious, and ingredients are made with care. It’s a treat to eat there in a casual setting or when taking out, the proteins are separated from the curry and rice so nothing gets soggy. The flavors are wonderful and very satisfying, and we go often! And now open in Berkeley as well!</p><button type="button" class="mt-2 text-mercury-ui-text-sm text-mercury-ui-text-secondary border-b border-mercury-ui-text-secondary hover:text-mercury-ui-text-primary hover:border-mercury-ui-text-primary transition-colors" data-review-toggle=""> | |
| View more | |
| </button></div></div><div class="flex items-center gap-3"><img src="/pluto-images/brands/funnel/reviews-section-images/YECnB450nmOE7J1oBLKB9twcx13jaiSO/khXoR6Z3I8hC3gZ3NXFgWWH7.png?w=32&h=32&fit=cover" alt="Rod W." class="h-8 w-8 rounded-full object-cover" loading="lazy" sizes=" | |
| (max-width: 320px) 280px, | |
| (max-width: 640px) 600px, | |
| (max-width: 960px) 880px, | |
| (max-width: 1280px) 1200px, | |
| 1312px | |
| " srcset="/pluto-images/brands/funnel/reviews-section-images/YECnB450nmOE7J1oBLKB9twcx13jaiSO/khXoR6Z3I8hC3gZ3NXFgWWH7.png?w=32&h=32&dpr=1&fit=cover 1x, /pluto-images/brands/funnel/reviews-section-images/YECnB450nmOE7J1oBLKB9twcx13jaiSO/khXoR6Z3I8hC3gZ3NXFgWWH7.png?w=32&h=32&dpr=2&fit=cover 2x, /pluto-images/brands/funnel/reviews-section-images/YECnB450nmOE7J1oBLKB9twcx13jaiSO/khXoR6Z3I8hC3gZ3NXFgWWH7.png?w=32&h=32&dpr=3&fit=cover 3x" style="max-width: 100%;"><p class="text-mercury-ui-title-sm font-medium text-mercury-ui-text-secondary m-0">Rod W.</p></div></div></div></div></div></div></div></div><script type="module">function c(){document.querySelectorAll("[data-review-container]").forEach(s=>{const e=s.querySelector("[data-review-comment]"),n=s.querySelector("[data-review-toggle]");if(!e||!n)return;const o=()=>{const i=e.scrollHeight>e.clientHeight+4;n.classList.toggle("hidden",!i)};document.fonts?.ready?document.fonts.ready.then(o):o(),window.addEventListener("resize",o,{passive:!0});let t=!1;n.addEventListener("click",()=>{t=!t,e.classList.toggle("line-clamp-4",!t),e.classList.toggle("line-clamp-none",t),n.textContent=t?"Show less":"View more"})})}c();document.addEventListener("astro:page-load",c);</script><div class="max-w-section-content py-content-vertical-mobile md:py-content-vertical-desktop mx-auto px-4 md:px-8"><div class="flex flex-col gap-8"><div class="flex flex-col self-stretch text-balance text-center md:self-center md:max-w-2xl"><h2 class="font-mercury-ui-primary text-mercury-ui-title-2xl font-semibold text-mercury-ui-text-primary m-0">Featuring</h2></div><div class="grid justify-items-center gap-6 self-center md:flex md:flex-wrap md:justify-center md:gap-x-4 md:gap-y-10 grid-cols-2"><div class="shrink-0 grow-0 flex flex-col items-center gap-2 text-center w-[150px] md:w-[220px]"><div class="md:scale-125"><svg class="w-6 h-6 text-mercury-ui-text-secondary" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M72,88V40a8,8,0,0,1,16,0V88a8,8,0,0,1-16,0ZM216,40V224a8,8,0,0,1-16,0V176H152a8,8,0,0,1-8-8,268.75,268.75,0,0,1,7.22-56.88c9.78-40.49,28.32-67.63,53.63-78.47A8,8,0,0,1,216,40ZM200,53.9c-32.17,24.57-38.47,84.42-39.7,106.1H200ZM119.89,38.69a8,8,0,1,0-15.78,2.63L112,88.63a32,32,0,0,1-64,0l7.88-47.31a8,8,0,1,0-15.78-2.63l-8,48A8.17,8.17,0,0,0,32,88a48.07,48.07,0,0,0,40,47.32V224a8,8,0,0,0,16,0V135.32A48.07,48.07,0,0,0,128,88a8.17,8.17,0,0,0-.11-1.31Z"></path></svg></div><div><p class="text-mercury-ui-title-sm font-medium text-mercury-ui-text-primary whitespace-nowrap m-0">Dine In</p></div></div><div class="shrink-0 grow-0 flex flex-col items-center gap-2 text-center w-[150px] md:w-[220px]"><div class="md:scale-125"><svg class="w-6 h-6 text-mercury-ui-text-secondary" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M239.89,198.12l-14.26-120a16,16,0,0,0-16-14.12H176a48,48,0,0,0-96,0H46.33a16,16,0,0,0-16,14.12l-14.26,120A16,16,0,0,0,20,210.6a16.13,16.13,0,0,0,12,5.4H223.92A16.13,16.13,0,0,0,236,210.6,16,16,0,0,0,239.89,198.12ZM128,32a32,32,0,0,1,32,32H96A32,32,0,0,1,128,32ZM32,200,46.33,80H80v24a8,8,0,0,0,16,0V80h64v24a8,8,0,0,0,16,0V80h33.75l14.17,120Z"></path></svg></div><div><p class="text-mercury-ui-title-sm font-medium text-mercury-ui-text-primary whitespace-nowrap m-0">Takeout</p></div></div><div class="shrink-0 grow-0 flex flex-col items-center gap-2 text-center w-[150px] md:w-[220px]"><div class="md:scale-125"><svg class="w-6 h-6 text-mercury-ui-text-secondary" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M255.42,117l-14-35A15.93,15.93,0,0,0,226.58,72H192V64a8,8,0,0,0-8-8H32A16,16,0,0,0,16,72V184a16,16,0,0,0,16,16H49a32,32,0,0,0,62,0h50a32,32,0,0,0,62,0h17a16,16,0,0,0,16-16V120A7.94,7.94,0,0,0,255.42,117ZM192,88h34.58l9.6,24H192ZM32,72H176v64H32ZM80,208a16,16,0,1,1,16-16A16,16,0,0,1,80,208Zm81-24H111a32,32,0,0,0-62,0H32V152H176v12.31A32.11,32.11,0,0,0,161,184Zm31,24a16,16,0,1,1,16-16A16,16,0,0,1,192,208Zm48-24H223a32.06,32.06,0,0,0-31-24V128h48Z"></path></svg></div><div><p class="text-mercury-ui-title-sm font-medium text-mercury-ui-text-primary whitespace-nowrap m-0">Delivery</p></div></div><div class="shrink-0 grow-0 flex flex-col items-center gap-2 text-center w-[150px] md:w-[220px]"><div class="md:scale-125"><svg class="w-6 h-6 text-mercury-ui-text-secondary" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 19c7 0 12-5 12-12-4.5 0-9 2-11.5 4.5A5 5 0 0 0 5 19Z"></path><path d="M5 19c1.5-3 4-5.5 7-7"></path></svg></div><div><p class="text-mercury-ui-title-sm font-medium text-mercury-ui-text-primary whitespace-nowrap m-0">Vegetarian Options</p></div></div></div></div></div><div class="my-content-vertical-mobile max-w-section-container md:my-content-vertical-desktop relative max-h-screen md:max-h-full xl:mx-auto p-2"><div class="relative flex md:min-h-[800px] md:items-center overflow-hidden rounded-mercury-ui-lg"><img src="/pluto-images/funnel/images/3a140c58-d359-40c3-8f06-f1f1557ee334?w=1920&fit=cover" alt="" class="absolute top-0 left-0 w-full h-full object-cover object-center" loading="lazy" sizes="100vw" srcset="/pluto-images/funnel/images/3a140c58-d359-40c3-8f06-f1f1557ee334?w=640&fit=cover 640w, /pluto-images/funnel/images/3a140c58-d359-40c3-8f06-f1f1557ee334?w=960&fit=cover 960w, /pluto-images/funnel/images/3a140c58-d359-40c3-8f06-f1f1557ee334?w=1200&fit=cover 1200w, /pluto-images/funnel/images/3a140c58-d359-40c3-8f06-f1f1557ee334?w=1400&fit=cover 1400w, /pluto-images/funnel/images/3a140c58-d359-40c3-8f06-f1f1557ee334?w=1600&fit=cover 1600w, /pluto-images/funnel/images/3a140c58-d359-40c3-8f06-f1f1557ee334?w=1920&fit=cover 1920w" style="max-width: 100%;"><div class="max-w-section-content mx-auto w-full px-2 pt-[200px] pb-2 md:p-8"><div class="rounded-mercury-ui-md bg-mercury-ui-primary/80 flex w-full items-center p-6 shadow-lg backdrop-blur-2xl md:max-w-[632px] md:p-14 "><div class="w-full flex flex-col gap-6 "><div class="w-full"><h2 class="font-mercury-ui-primary font-semibold text-balance text-mercury-ui-title-2xl text-mercury-ui-text-primary leading-[1.3] m-0">Nippon Curry Rewards</h2></div><div class="w-full flex flex-col gap-8"><div class="font-mercury-ui-secondary text-mercury-ui-text-base text-mercury-ui-text-secondary flex flex-col gap-1 whitespace-pre-wrap">Join our rewards program, earn points every time you order online and redeem your points for free food!</div><div class="w-full md:w-fit "><a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-12 py-3 px-4 no-underline w-full md:w-auto bg-mercury-ui-button-primary hover:bg-mercury-ui-button-primary/90 text-mercury-ui-brand-accessible-over-primary" href="/login"><span class="pointer-events-none absolute inset-0 bg-black/4 rounded-mercury-ui-control"></span><span class="flex flex-1 items-center justify-center gap-x-1"><span class="flex flex-row items-center gap-x-[4px] whitespace-nowrap">Join Nippon Curry Rewards</span><span class="h-fit w-fit opacity-50 transition-opacity group-hover:opacity-100"> <svg aria-hidden="true" class="h-4 w-4 scale-[1.15] transition-transform group-hover:translate-x-0 translate-x-[-3px]" role="img" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"> <rect width="256" height="256" fill="none"></rect> <line class="origin-[216px_128px] scale-x-0 transition-transform group-hover:scale-x-100" x1="70" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line> <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline> </svg> </span></span></a></div></div></div></div></div></div></div><div class="max-w-section-content py-content-vertical-mobile md:py-content-vertical-desktop mx-auto px-4 md:px-8"><div class="mx-auto flex flex-col gap-6"><div class="mx-auto w-full px-0"><div class="flex flex-col self-stretch text-balance md:self-start md:text-left md:max-w-2xl"><h2 class="font-mercury-ui-primary text-mercury-ui-title-xl font-semibold text-mercury-ui-text-primary m-0">Frequently Asked Questions</h2></div></div><div class="flex flex-col"><details class="w-full"><summary class="border-mercury-ui-divider flex w-full items-center justify-between border-b cursor-pointer py-6 list-none"><span class="font-mercury-ui-primary text-mercury-ui-title-sm md:text-mercury-ui-title-base lg:text-mercury-ui-title-lg font-medium text-mercury-ui-text-primary">What are you known for?</span><svg aria-hidden="true" class="w-5 h-5 text-mercury-ui-text-secondary transition-transform duration-200 [details[open]_&]:rotate-180" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></summary><div class="border-mercury-ui-divider bg-mercury-ui-tertiary border-b p-6"><div class="faq-markdown text-mercury-ui-text-base text-mercury-ui-text-secondary"><p>We are known for <a href="/tags/seafood" class="text-mercury-ui-text-secondary no-underline hover:underline">Seafood</a>, <a href="/tags/fish-fry" class="text-mercury-ui-text-secondary no-underline hover:underline">Fish Fry</a>, <a href="/tags/prawns" class="text-mercury-ui-text-secondary no-underline hover:underline">Prawns</a>, <a href="/tags/matcha" class="text-mercury-ui-text-secondary no-underline hover:underline">Matcha</a>, <a href="/tags/crab" class="text-mercury-ui-text-secondary no-underline hover:underline">Crab</a>, <a href="/tags/donburi" class="text-mercury-ui-text-secondary no-underline hover:underline">Donburi</a>, <a href="/tags/curry-rice" class="text-mercury-ui-text-secondary no-underline hover:underline">Curry Rice</a>, <a href="/tags/oyster" class="text-mercury-ui-text-secondary no-underline hover:underline">Oyster</a>, <a href="/tags/japanese" class="text-mercury-ui-text-secondary no-underline hover:underline">Japanese</a>, <a href="/tags/curry" class="text-mercury-ui-text-secondary no-underline hover:underline">Curry</a>, <a href="/tags/tonkatsu" class="text-mercury-ui-text-secondary no-underline hover:underline">Tonkatsu</a>, <a href="/tags/milk-tea" class="text-mercury-ui-text-secondary no-underline hover:underline">Milk Tea</a>, <a href="/tags/fish" class="text-mercury-ui-text-secondary no-underline hover:underline">Fish</a>, <a href="/tags/salads" class="text-mercury-ui-text-secondary no-underline hover:underline">Salads</a>, <a href="/tags/oysters" class="text-mercury-ui-text-secondary no-underline hover:underline">Oysters</a>, <a href="/tags/fish-curry" class="text-mercury-ui-text-secondary no-underline hover:underline">Fish Curry</a>, <a href="/tags/vegetarian-food" class="text-mercury-ui-text-secondary no-underline hover:underline">Vegetarian Food</a>, <a href="/tags/asian-food" class="text-mercury-ui-text-secondary no-underline hover:underline">Asian Food</a>, and <a href="/tags/karaage" class="text-mercury-ui-text-secondary no-underline hover:underline">Karaage</a></p> | |
| </div></div></details><details class="w-full"><summary class="border-mercury-ui-divider flex w-full items-center justify-between border-b cursor-pointer py-6 list-none"><span class="font-mercury-ui-primary text-mercury-ui-title-sm md:text-mercury-ui-title-base lg:text-mercury-ui-title-lg font-medium text-mercury-ui-text-primary">What meals do you serve?</span><svg aria-hidden="true" class="w-5 h-5 text-mercury-ui-text-secondary transition-transform duration-200 [details[open]_&]:rotate-180" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></summary><div class="border-mercury-ui-divider bg-mercury-ui-tertiary border-b p-6"><div class="faq-markdown text-mercury-ui-text-base text-mercury-ui-text-secondary"><p>We serve <a href="/tags/lunch" class="text-mercury-ui-text-secondary no-underline hover:underline">Lunch</a> and <a href="/tags/dinner" class="text-mercury-ui-text-secondary no-underline hover:underline">Dinner</a></p> | |
| </div></div></details><details class="w-full"><summary class="border-mercury-ui-divider flex w-full items-center justify-between border-b cursor-pointer py-6 list-none"><span class="font-mercury-ui-primary text-mercury-ui-title-sm md:text-mercury-ui-title-base lg:text-mercury-ui-title-lg font-medium text-mercury-ui-text-primary">Do you offer delivery or takeout?</span><svg aria-hidden="true" class="w-5 h-5 text-mercury-ui-text-secondary transition-transform duration-200 [details[open]_&]:rotate-180" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></summary><div class="border-mercury-ui-divider bg-mercury-ui-tertiary border-b p-6"><div class="faq-markdown text-mercury-ui-text-base text-mercury-ui-text-secondary"><p>Yes, we offer <a href="/tags/takeout" class="text-mercury-ui-text-secondary no-underline hover:underline">Takeout</a> and <a href="/tags/delivery" class="text-mercury-ui-text-secondary no-underline hover:underline">Delivery</a></p> | |
| </div></div></details><details class="w-full"><summary class="border-mercury-ui-divider flex w-full items-center justify-between border-b cursor-pointer py-6 list-none"><span class="font-mercury-ui-primary text-mercury-ui-title-sm md:text-mercury-ui-title-base lg:text-mercury-ui-title-lg font-medium text-mercury-ui-text-primary">What areas do you serve?</span><svg aria-hidden="true" class="w-5 h-5 text-mercury-ui-text-secondary transition-transform duration-200 [details[open]_&]:rotate-180" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></summary><div class="border-mercury-ui-divider bg-mercury-ui-tertiary border-b p-6"><p class="text-mercury-ui-text-secondary">We serve the following areas: | |
| <a href="/places/berkeley" class="text-mercury-ui-text-secondary no-underline hover:underline">Berkeley</a>, <a href="/places/western-addition" class="text-mercury-ui-text-secondary no-underline hover:underline">Western Addition</a>, <a href="/places/marina-district" class="text-mercury-ui-text-secondary no-underline hover:underline">Marina District</a>, <a href="/places/chinatown" class="text-mercury-ui-text-secondary no-underline hover:underline">Chinatown</a>, <a href="/places/oakland" class="text-mercury-ui-text-secondary no-underline hover:underline">Oakland</a>, <a href="/places/santa-clara" class="text-mercury-ui-text-secondary no-underline hover:underline">Santa Clara</a>, <a href="/places/fort-winfield-scott" class="text-mercury-ui-text-secondary no-underline hover:underline">Fort Winfield Scott</a>, <a href="/places/san-francisco" class="text-mercury-ui-text-secondary no-underline hover:underline">San Francisco</a>, <a href="/places/albany" class="text-mercury-ui-text-secondary no-underline hover:underline">Albany</a>, <a href="/places/richmond-district" class="text-mercury-ui-text-secondary no-underline hover:underline">Richmond District</a>, <a href="/places/emeryville" class="text-mercury-ui-text-secondary no-underline hover:underline">Emeryville</a>, <a href="/places/marina" class="text-mercury-ui-text-secondary no-underline hover:underline">Marina</a>, <a href="/places/kensington" class="text-mercury-ui-text-secondary no-underline hover:underline">Kensington</a>, <a href="/places/mission-district" class="text-mercury-ui-text-secondary no-underline hover:underline">Mission District</a>, <a href="/places/pacific-heights" class="text-mercury-ui-text-secondary no-underline hover:underline">Pacific Heights</a>, <a href="/places/fruitdale" class="text-mercury-ui-text-secondary no-underline hover:underline">Fruitdale</a>, <a href="/places/piedmont" class="text-mercury-ui-text-secondary no-underline hover:underline">Piedmont</a>, <a href="/places/san-jose" class="text-mercury-ui-text-secondary no-underline hover:underline">San Jose</a>, <a href="/places/san-jose---university" class="text-mercury-ui-text-secondary no-underline hover:underline">San Jose - University</a>, <a href="/places/wayne" class="text-mercury-ui-text-secondary no-underline hover:underline">Wayne</a>.</p></div></details></div></div></div><div class="my-content-vertical-mobile md:my-content-vertical-desktop"> <div class="max-w-section-content mx-auto flex flex-col gap-6 px-4 md:px-8"> <div class="w-full flex items-center justify-between md:px-0"> <h2 id="locations-section-heading" class="font-mercury-ui-primary text-mercury-ui-title-2xl font-semibold text-mercury-ui-text-primary m-0"> Our locations </h2> <div class="flex gap-2 justify-end"><button class="location-prev-btn group bg-mercury-ui-secondary text-mercury-ui-text-secondary rounded-full p-2.5 md:p-5 hover:opacity-80 transition-opacity" aria-label="View previous restaurant location" type="button"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-hover:-translate-x-0.5"><path d="M12.5 15L7.5 10L12.5 5"></path></svg></button><button class="location-next-btn group bg-mercury-ui-secondary text-mercury-ui-text-secondary rounded-full p-2.5 md:p-5 hover:opacity-80 transition-opacity" aria-label="View next restaurant location" type="button"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-hover:translate-x-0.5"><path d="M7.5 5L12.5 10L7.5 15"></path></svg></button></div><script type="module">function u(){const c=document.querySelector(".location-carousel"),r=document.querySelector(".location-prev-btn"),l=document.querySelector(".location-next-btn");if(!c||!r||!l)return;const n=c.querySelectorAll(".location-slide");if(n.length===0)return;const i=()=>{const o=c.scrollLeft,e=n[0];if(!e)return 0;const t=e.offsetLeft;let s=0,a=1/0;return n.forEach((v,x)=>{const L=v.offsetLeft-t,f=Math.abs(L-o);f<a&&(a=f,s=x)}),s},d=o=>{const e=n[o],t=n[0];if(!e||!t)return;const s=e.offsetLeft-t.offsetLeft;c.scrollTo({left:s,behavior:"smooth"})};r.addEventListener("click",o=>{o.preventDefault();const e=i(),t=e===0?n.length-1:e-1;d(t),document.dispatchEvent(new CustomEvent("locationCarouselChange",{detail:{index:t}}))}),l.addEventListener("click",o=>{o.preventDefault();const e=i(),t=e===n.length-1?0:e+1;d(t),document.dispatchEvent(new CustomEvent("locationCarouselChange",{detail:{index:t}}))})}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",u):u();</script> </div> <div class="flex flex-col gap-4"> <div class="flex w-full" data-astro-cid-zdmtrqqf=""> <div class="location-pills-container" role="tablist" aria-labelledby="locations-section-heading" data-astro-cid-zdmtrqqf=""> <button type="button" class="location-pill" role="tab" id="location-tab-0" aria-selected="true" aria-label="Nippon Curry San Francisco" data-index="0" data-slug="nipponcurrysf" data-astro-cid-zdmtrqqf="" style="border-color: rgb(var(--mercury-ui-border-secondary));"> <span class="text-mercury-ui-text-base text-mercury-ui-text-secondary" data-astro-cid-zdmtrqqf=""> Nippon Curry San Francisco </span> </button><button type="button" class="location-pill" role="tab" id="location-tab-1" aria-selected="false" aria-label="Nippon Curry Berkeley" data-index="1" data-slug="nipponcurryberkeley" data-astro-cid-zdmtrqqf="" style="border-color: transparent;"> <span class="text-mercury-ui-text-base text-mercury-ui-text-secondary" data-astro-cid-zdmtrqqf=""> Nippon Curry Berkeley </span> </button><button type="button" class="location-pill" role="tab" id="location-tab-2" aria-selected="false" aria-label="Nippon Curry San Jose" data-index="2" data-slug="nipponcurrysj" data-astro-cid-zdmtrqqf="" style="border-color: transparent;"> <span class="text-mercury-ui-text-base text-mercury-ui-text-secondary" data-astro-cid-zdmtrqqf=""> Nippon Curry San Jose </span> </button> </div> </div> <script type="module">function m(){const f=document.querySelector(".location-carousel"),r=document.querySelectorAll(".location-pill"),c=document.querySelector(".location-pills-container");if(!f||r.length===0||!c)return;const d=f.querySelectorAll(".location-slide"),h=o=>{const t=d[o],n=d[0];if(!t||!n)return;const e=t.offsetLeft-n.offsetLeft;f.scrollTo({left:e,behavior:"smooth"})},a=o=>{r.forEach((e,l)=>{e.style.borderColor=l===o?"rgb(var(--mercury-ui-border-secondary))":"transparent",e.setAttribute("aria-selected",l===o?"true":"false")}),document.querySelectorAll('[role="tabpanel"]').forEach(e=>{e.setAttribute("aria-hidden","true"),e.setAttribute("inert","")}),document.querySelectorAll(`#location-panel-${o}`).forEach(e=>{e.setAttribute("aria-hidden","false"),e.removeAttribute("inert")})},u=o=>{const t=r[o];if(!t||!c)return;const n=t.getBoundingClientRect(),e=c.getBoundingClientRect(),l=c.scrollLeft,v=c.clientWidth,g=n.left-e.left+l,y=g+t.offsetWidth;n.left<e.left?c.scrollTo({left:g,behavior:"smooth"}):n.right>e.right&&c.scrollTo({left:y-v,behavior:"smooth"})};r.forEach((o,t)=>{o.addEventListener("click",n=>{n.preventDefault(),h(t),a(t),u(t)}),o.addEventListener("keydown",n=>{if(n.key==="ArrowLeft"){n.preventDefault();const e=t>0?t-1:r.length-1,l=r[e];l&&(l.click(),l.focus())}else if(n.key==="ArrowRight"){n.preventDefault();const e=t<r.length-1?t+1:0,l=r[e];l&&(l.click(),l.focus())}})});const i=window.location.pathname.split("/").filter(Boolean);let s=null;if(i[0]==="partnersite"&&i.length>=3&&(s=i[2]),!s&&i[0]==="restaurant"&&i.length>=2&&(s=i[1]),!s&&i.length===1&&(s=i[0]),s){const o=Array.from(r).findIndex(t=>t.dataset.slug===s);o>=0?(h(o),a(o),u(o)):r[0]&&a(0)}else r[0]&&a(0);document.addEventListener("locationCarouselChange",o=>{const n=o.detail?.index??0;a(n),u(n)})}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",m):m();</script> <div class="w-full overflow-hidden" data-astro-cid-32doiw7r=""><div id="location-carousel" class="location-carousel" data-astro-cid-32doiw7r=""><div class="location-slide" role="tabpanel" id="location-panel-0" aria-labelledby="location-tab-0" aria-hidden="false" tabindex="-1" data-astro-cid-32doiw7r=""><article class="bg-mercury-ui-secondary rounded-mercury-ui-md p-2 w-full"> <div class="flex flex-col md:flex-row gap-2"> <a href="https://www.google.com/maps/place/?q=place_id:ChIJy9yewFKBhYARuMwIi9hy0z0" target="_blank" rel="noopener noreferrer" class="rounded-mercury-ui-sm overflow-hidden hidden md:block md:w-1/3 md:shrink-0 lg:w-[450px]"> <img src="https://static-maps.ordersave.com/?styleKey=202504&width=600&height=400&zoomLevel=15&lat=37.8004866&lon=-122.4365043" alt="Map of Nippon Curry in San Francisco, CA" class="w-full h-full object-cover" loading="lazy"> </a> <div class="flex-1 flex flex-col gap-6 md:gap-6 px-4 md:px-6 py-8 md:py-6 relative location-card-content" data-card-index="0"> <div class="flex flex-col md:flex-row md:justify-between md:items-start gap-10 md:gap-4 location-header-container"> <div class="flex flex-col gap-4"> <div class="location-header"> <a href="/nipponcurrysf" class="flex flex-col gap-1"> <span class="text-mercury-ui-text-sm text-mercury-ui-text-secondary"> Nippon Curry </span> <h3 class="font-mercury-ui-primary text-mercury-ui-text-lg font-semibold text-mercury-ui-text-primary m-0 md:[&]:all-unset md:font-mercury-ui-primary md:text-mercury-ui-text-lg md:font-semibold md:text-mercury-ui-text-primary"> San Francisco, CA </h3> </a> </div> <div class="location-details" data-card-index="0"> <div class="location-meta flex flex-col md:flex-row gap-6 md:gap-20"> <a href="https://www.google.com/maps/place/?q=place_id:ChIJy9yewFKBhYARuMwIi9hy0z0" target="_blank" rel="noopener noreferrer" class="flex flex-col gap-2"> <span class="text-mercury-ui-text-sm text-mercury-ui-text-secondary"> | |
| Address | |
| </span> <address class="flex flex-col gap-[2px] not-italic"> <ul role="list" class="flex flex-col gap-[2px] list-none m-0 p-0"> <li> <span class="text-mercury-ui-text-sm text-mercury-ui-text-primary"> 3347 Fillmore St </span> </li> <li> <span class="text-mercury-ui-text-sm text-mercury-ui-text-primary"> San Francisco, CA 94123 </span> </li> </ul> </address> </a> <div class="flex flex-col gap-2"> <span class="text-mercury-ui-text-sm text-mercury-ui-text-secondary"> | |
| Contacts | |
| </span> <ul role="list" class="flex flex-col list-none m-0 p-0"> <li> <a href="tel:+14156605170" class="text-mercury-ui-text-sm text-mercury-ui-text-primary min-h-[44px] inline-flex items-center"> (415) 660-5170 </a> </li> <li> <a href="mailto:sf@nipponcurry.com" class="text-mercury-ui-text-sm text-mercury-ui-text-primary min-h-[44px] inline-flex items-center"> sf@nipponcurry.com </a> </li> </ul> </div> </div> </div> </div> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-10 py-2 px-3 hidden md:flex location-directions-btn border-mercury-ui-button-secondary border shadow-none bg-mercury-ui-button-secondary hover:bg-mercury-ui-tertiary text-mercury-ui-button-secondary" href="https://www.google.com/maps/dir/?api=1&destination=Nippon%20Curry%20San%20Francisco&destination_place_id=ChIJy9yewFKBhYARuMwIi9hy0z0" rel="noopener noreferrer" target="_blank"> | |
| Get Directions → | |
| </a> </div> <hr class="location-divider border-mercury-ui-divider"> <div class="flex flex-col gap-6 w-full"> <div class="w-full location-hours-wrapper" data-card-index="0" data-astro-cid-3vw7wg3k=""> <div class="hours-collapsed flex items-center justify-between gap-8" data-astro-cid-3vw7wg3k=""> <div class="flex items-center justify-between flex-1" data-astro-cid-3vw7wg3k=""> <span class="status-display text-mercury-ui-text-sm text-mercury-ui-text-primary" data-astro-cid-3vw7wg3k="">Today: 11:00 AM - 2:00 PM, 5:00 PM - 8:00 PM</span> <button class="hours-toggle-btn inline-flex items-center gap-1 text-mercury-ui-text-sm text-mercury-ui-secondary transition-colors" type="button" data-astro-cid-3vw7wg3k=""> | |
| See hours | |
| <svg class="w-3 h-3" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3vw7wg3k=""> <path d="M6 4l4 4-4 4" data-astro-cid-3vw7wg3k=""></path> </svg> </button> </div> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-12 py-3 px-4 hidden md:flex bg-mercury-ui-button-primary hover:bg-mercury-ui-button-primary/90 text-mercury-ui-brand-accessible-over-primary" data-order-link="true" data-astro-cid-3vw7wg3k="true" href="/menu/nipponcurrysf" rel="nofollow"><span class="pointer-events-none absolute inset-0 bg-black/4 rounded-mercury-ui-control"></span> <span class="flex items-center gap-2" data-astro-cid-3vw7wg3k=""> Order Now <svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-3vw7wg3k=""> <path d="M7.5 5L12.5 10L7.5 15" data-astro-cid-3vw7wg3k=""></path> </svg> </span> </a> </div> <div class="hours-expanded flex flex-col gap-4" style="display: none;" data-astro-cid-3vw7wg3k=""> <div class="hours-tabs flex gap-2 border-b border-mercury-ui-divider pb-2" role="tablist" aria-label="Hours by service type" data-astro-cid-3vw7wg3k=""> <button class="hours-tab px-4 py-2 text-mercury-ui-text-sm transition-colors border-b-2 border-mercury-ui-brand-primary text-mercury-ui-text-primary font-medium -mb-px" data-tab="store" role="tab" id="hours-tab-store-0" aria-selected="true" aria-controls="hours-panel-0" tabindex="0" data-astro-cid-3vw7wg3k=""> | |
| Store | |
| </button> <button class="hours-tab px-4 py-2 text-mercury-ui-text-sm transition-colors border-b-2 border-transparent text-mercury-ui-text-secondary hover:text-mercury-ui-text-primary -mb-px" data-tab="pickup" role="tab" id="hours-tab-pickup-0" aria-selected="false" aria-controls="hours-panel-0" tabindex="-1" data-astro-cid-3vw7wg3k=""> | |
| Pickup | |
| </button> <button class="hours-tab px-4 py-2 text-mercury-ui-text-sm transition-colors border-b-2 border-transparent text-mercury-ui-text-secondary hover:text-mercury-ui-text-primary -mb-px" data-tab="delivery" role="tab" id="hours-tab-delivery-0" aria-selected="false" aria-controls="hours-panel-0" tabindex="-1" data-astro-cid-3vw7wg3k=""> | |
| Delivery | |
| </button> </div> <script type="application/json" class="hours-data">{"store":{"sunday":{"open":true,"hours":[{"start":"11:00 AM","end":"8:00 PM"}],"buffer":{"startMins":0,"endMins":15}},"monday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:00 PM"},{"start":"5:00 PM","end":"8:00 PM"}],"buffer":{"startMins":0,"endMins":15}},"tuesday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:00 PM"},{"start":"5:00 PM","end":"8:00 PM"}],"buffer":{"startMins":0,"endMins":15}},"wednesday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:00 PM"},{"start":"5:00 PM","end":"8:00 PM"}],"buffer":{"startMins":0,"endMins":15}},"thursday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:00 PM"},{"start":"5:00 PM","end":"8:00 PM"}],"buffer":{"startMins":0,"endMins":15}},"friday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:00 PM"},{"start":"5:00 PM","end":"8:30 PM"}],"buffer":{"startMins":0,"endMins":15}},"saturday":{"open":true,"hours":[{"start":"11:00 AM","end":"8:30 PM"}],"buffer":{"startMins":0,"endMins":15}}},"pickup":{"sunday":{"open":true,"hours":[{"start":"11:00 AM","end":"7:45 PM"}]},"monday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"tuesday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"wednesday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"thursday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"friday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"5:00 PM","end":"8:15 PM"}]},"saturday":{"open":true,"hours":[{"start":"11:00 AM","end":"8:15 PM"}]}},"delivery":{"sunday":{"open":true,"hours":[{"start":"11:00 AM","end":"7:45 PM"}]},"monday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"tuesday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"wednesday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"thursday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"friday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"5:00 PM","end":"8:15 PM"}]},"saturday":{"open":true,"hours":[{"start":"11:00 AM","end":"8:15 PM"}]}},"currentDay":"thursday","daysOfWeek":[{"key":"sunday","label":"Sunday"},{"key":"monday","label":"Monday"},{"key":"tuesday","label":"Tuesday"},{"key":"wednesday","label":"Wednesday"},{"key":"thursday","label":"Thursday"},{"key":"friday","label":"Friday"},{"key":"saturday","label":"Saturday"}]}</script> <div class="hours-schedule" data-hours-type="store" role="tabpanel" id="hours-panel-0" aria-labelledby="hours-tab-store-0" data-astro-cid-3vw7wg3k="" aria-hidden="true" inert=""> <ul role="list" class="m-0 p-0 list-none flex flex-col gap-2" data-astro-cid-3vw7wg3k=""> <li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="sunday" data-astro-cid-3vw7wg3k=""> Sunday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="sunday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 8:00 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="monday" data-astro-cid-3vw7wg3k=""> Monday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="monday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 2:00 PM, 5:00 PM - 8:00 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="tuesday" data-astro-cid-3vw7wg3k=""> Tuesday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="tuesday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 2:00 PM, 5:00 PM - 8:00 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="wednesday" data-astro-cid-3vw7wg3k=""> Wednesday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="wednesday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 2:00 PM, 5:00 PM - 8:00 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-primary font-semibold" data-day="thursday" data-astro-cid-3vw7wg3k=""> Thursday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary font-semibold" data-day="thursday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 2:00 PM, 5:00 PM - 8:00 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="friday" data-astro-cid-3vw7wg3k=""> Friday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="friday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 2:00 PM, 5:00 PM - 8:30 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="saturday" data-astro-cid-3vw7wg3k=""> Saturday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="saturday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 8:30 PM </span> </li> </ul> </div> <div class="flex items-center justify-between gap-8 pt-2 border-t border-mercury-ui-divider" data-astro-cid-3vw7wg3k=""> <div class="flex items-center justify-between flex-1" data-astro-cid-3vw7wg3k=""> <span class="status-display text-mercury-ui-text-sm text-mercury-ui-text-primary" data-astro-cid-3vw7wg3k="">Today: 11:00 AM - 2:00 PM, 5:00 PM - 8:00 PM</span> <button class="hours-toggle-btn inline-flex items-center gap-1 text-mercury-ui-text-sm text-mercury-ui-secondary transition-colors" type="button" data-astro-cid-3vw7wg3k=""> <span class="hidden md:inline" data-astro-cid-3vw7wg3k="">See info</span> <span class="inline md:hidden" data-astro-cid-3vw7wg3k="">Hide hours</span> <svg class="w-3 h-3 md:block hidden" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3vw7wg3k=""> <path d="M6 4l4 4-4 4" data-astro-cid-3vw7wg3k=""></path> </svg> <svg class="w-3 h-3 md:hidden -rotate-90" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3vw7wg3k=""> <path d="M6 4l4 4-4 4" data-astro-cid-3vw7wg3k=""></path> </svg> </button> </div> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-12 py-3 px-4 hidden md:flex bg-mercury-ui-button-primary hover:bg-mercury-ui-button-primary/90 text-mercury-ui-brand-accessible-over-primary" data-order-link="true" data-astro-cid-3vw7wg3k="true" href="/menu/nipponcurrysf" rel="nofollow"><span class="pointer-events-none absolute inset-0 bg-black/4 rounded-mercury-ui-control"></span> <span class="flex items-center gap-2" data-astro-cid-3vw7wg3k=""> Order Now <svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-3vw7wg3k=""> <path d="M7.5 5L12.5 10L7.5 15" data-astro-cid-3vw7wg3k=""></path> </svg> </span> </a> </div> </div> </div> <script type="module">function m(i){return i.open?i.hours.length===0?"Open 24 hours":i.hours.map(e=>`${e.start} - ${e.end}`).join(", "):"Closed"}function h(i,e){const o=i.querySelectorAll(".status-display");if(o.length===0)return;const n=["sunday","monday","tuesday","wednesday","thursday","friday","saturday"],y=new Date().getDay(),u=n[y]??n[0],r=e.store[u]??{open:!1,hours:[]},d=`Today: ${m(r)}`;o.forEach(a=>{a.textContent=d})}function f(){document.querySelectorAll(".location-hours-wrapper").forEach(e=>{const o=e.querySelectorAll(".hours-tab"),n=e.querySelector(".hours-schedule"),y=e.querySelector(".hours-data");if(!n||!y)return;let u=null;y.textContent&&(u=JSON.parse(y.textContent)),u&&(h(e,u),o.length!==0&&o.forEach(r=>{r.addEventListener("click",()=>{const s=r.dataset.tab;if(!s)return;o.forEach(t=>{t===r?(t.classList.add("border-mercury-ui-brand-primary","text-mercury-ui-text-primary","font-medium"),t.classList.remove("border-transparent","text-mercury-ui-text-secondary"),t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0")):(t.classList.remove("border-mercury-ui-brand-primary","text-mercury-ui-text-primary","font-medium"),t.classList.add("border-transparent","text-mercury-ui-text-secondary"),t.setAttribute("aria-selected","false"),t.setAttribute("tabindex","-1"))}),n.querySelectorAll(".hours-day-times").forEach(t=>{const c=t.dataset.day;if(!c||!u)return;const l=u[s][c];l&&(t.textContent=m(l))}),n.dataset.hoursType=s;const a=r.getAttribute("id");a&&n.setAttribute("aria-labelledby",a)}),r.addEventListener("keydown",s=>{if(s.key==="ArrowLeft"||s.key==="ArrowRight"){s.preventDefault();const d=Array.from(o),a=d.indexOf(r);let t;s.key==="ArrowLeft"?t=a===0?d.length-1:a-1:t=a===d.length-1?0:a+1;const c=d[t];c&&(c.click(),c.focus())}})}))})}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",f):f();</script> <div class="md:hidden"> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-12 py-3 px-4 w-full bg-mercury-ui-button-primary hover:bg-mercury-ui-button-primary/90 text-mercury-ui-brand-accessible-over-primary" data-order-link="true" data-track-menu-click="Location Card - Order Now" href="/menu/nipponcurrysf" rel="nofollow" data-track-menu-click-attached="true"><span class="pointer-events-none absolute inset-0 bg-black/4 rounded-mercury-ui-control"></span> <span class="flex items-center gap-2 justify-center"> Order Now <svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M7.5 5L12.5 10L7.5 15"></path> </svg> </span> </a> </div> </div> </div> </div> </article> <script type="module">function y(){document.querySelectorAll(".location-card-content").forEach(e=>{const s=e.getAttribute("data-card-index");if(!s)return;const d=e.querySelector(`.location-hours-wrapper[data-card-index="${s}"]`),l=e.querySelector(".location-header-container"),t=e.querySelector(".location-divider"),n=d?.querySelector(".hours-collapsed"),o=d?.querySelector(".hours-expanded"),a=n?.querySelector(".hours-toggle-btn"),c=o?.querySelector(".hours-toggle-btn");if(!d||!l||!n||!o||!a||!c)return;let r=!1;const i=()=>{r=!r,r?(l.style.display="none",t&&(t.style.display="none"),n.style.display="none",o.style.display=""):(l.style.display="",t&&(t.style.display=""),n.style.display="",o.style.display="none")};a.addEventListener("click",i),c.addEventListener("click",i)})}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",y):y();</script></div><div class="location-slide" role="tabpanel" id="location-panel-1" aria-labelledby="location-tab-1" aria-hidden="true" tabindex="-1" data-astro-cid-32doiw7r="" inert=""><article class="bg-mercury-ui-secondary rounded-mercury-ui-md p-2 w-full"> <div class="flex flex-col md:flex-row gap-2"> <a href="https://www.google.com/maps/place/?q=place_id:ChIJWaWuMgB9hYARbkGdoKI03HQ" target="_blank" rel="noopener noreferrer" class="rounded-mercury-ui-sm overflow-hidden hidden md:block md:w-1/3 md:shrink-0 lg:w-[450px]"> <img src="https://static-maps.ordersave.com/?styleKey=202504&width=600&height=400&zoomLevel=15&lat=37.8686612&lon=-122.2587976" alt="Map of Nippon Curry in Berkeley, CA" class="w-full h-full object-cover" loading="lazy"> </a> <div class="flex-1 flex flex-col gap-6 md:gap-6 px-4 md:px-6 py-8 md:py-6 relative location-card-content" data-card-index="1"> <div class="flex flex-col md:flex-row md:justify-between md:items-start gap-10 md:gap-4 location-header-container"> <div class="flex flex-col gap-4"> <div class="location-header"> <a href="/nipponcurryberkeley" class="flex flex-col gap-1"> <span class="text-mercury-ui-text-sm text-mercury-ui-text-secondary"> Nippon Curry </span> <h3 class="font-mercury-ui-primary text-mercury-ui-text-lg font-semibold text-mercury-ui-text-primary m-0 md:[&]:all-unset md:font-mercury-ui-primary md:text-mercury-ui-text-lg md:font-semibold md:text-mercury-ui-text-primary"> Berkeley, CA </h3> </a> </div> <div class="location-details" data-card-index="1"> <div class="location-meta flex flex-col md:flex-row gap-6 md:gap-20"> <a href="https://www.google.com/maps/place/?q=place_id:ChIJWaWuMgB9hYARbkGdoKI03HQ" target="_blank" rel="noopener noreferrer" class="flex flex-col gap-2"> <span class="text-mercury-ui-text-sm text-mercury-ui-text-secondary"> | |
| Address | |
| </span> <address class="flex flex-col gap-[2px] not-italic"> <ul role="list" class="flex flex-col gap-[2px] list-none m-0 p-0"> <li> <span class="text-mercury-ui-text-sm text-mercury-ui-text-primary"> 2512 Bancroft Way </span> </li> <li> <span class="text-mercury-ui-text-sm text-mercury-ui-text-primary"> Berkeley, CA 94704 </span> </li> </ul> </address> </a> <div class="flex flex-col gap-2"> <span class="text-mercury-ui-text-sm text-mercury-ui-text-secondary"> | |
| Contacts | |
| </span> <ul role="list" class="flex flex-col list-none m-0 p-0"> <li> <a href="tel:+15107051254" class="text-mercury-ui-text-sm text-mercury-ui-text-primary min-h-[44px] inline-flex items-center"> (510) 705-1254 </a> </li> <li> <a href="mailto:info@nipponcurry.com" class="text-mercury-ui-text-sm text-mercury-ui-text-primary min-h-[44px] inline-flex items-center"> info@nipponcurry.com </a> </li> </ul> </div> </div> </div> </div> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-10 py-2 px-3 hidden md:flex location-directions-btn border-mercury-ui-button-secondary border shadow-none bg-mercury-ui-button-secondary hover:bg-mercury-ui-tertiary text-mercury-ui-button-secondary" href="https://www.google.com/maps/dir/?api=1&destination=Nippon%20Curry%20Berkeley&destination_place_id=ChIJWaWuMgB9hYARbkGdoKI03HQ" rel="noopener noreferrer" target="_blank"> | |
| Get Directions → | |
| </a> </div> <hr class="location-divider border-mercury-ui-divider"> <div class="flex flex-col gap-6 w-full"> <div class="w-full location-hours-wrapper" data-card-index="1" data-astro-cid-3vw7wg3k=""> <div class="hours-collapsed flex items-center justify-between gap-8" data-astro-cid-3vw7wg3k=""> <div class="flex items-center justify-between flex-1" data-astro-cid-3vw7wg3k=""> <span class="status-display text-mercury-ui-text-sm text-mercury-ui-text-primary" data-astro-cid-3vw7wg3k="">Today: 11:00 AM - 3:00 PM, 5:00 PM - 8:00 PM</span> <button class="hours-toggle-btn inline-flex items-center gap-1 text-mercury-ui-text-sm text-mercury-ui-secondary transition-colors" type="button" data-astro-cid-3vw7wg3k=""> | |
| See hours | |
| <svg class="w-3 h-3" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3vw7wg3k=""> <path d="M6 4l4 4-4 4" data-astro-cid-3vw7wg3k=""></path> </svg> </button> </div> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-12 py-3 px-4 hidden md:flex bg-mercury-ui-button-primary hover:bg-mercury-ui-button-primary/90 text-mercury-ui-brand-accessible-over-primary" data-order-link="true" data-astro-cid-3vw7wg3k="true" href="/menu/nipponcurryberkeley" rel="nofollow"><span class="pointer-events-none absolute inset-0 bg-black/4 rounded-mercury-ui-control"></span> <span class="flex items-center gap-2" data-astro-cid-3vw7wg3k=""> Order Now <svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-3vw7wg3k=""> <path d="M7.5 5L12.5 10L7.5 15" data-astro-cid-3vw7wg3k=""></path> </svg> </span> </a> </div> <div class="hours-expanded flex flex-col gap-4" style="display: none;" data-astro-cid-3vw7wg3k=""> <div class="hours-tabs flex gap-2 border-b border-mercury-ui-divider pb-2" role="tablist" aria-label="Hours by service type" data-astro-cid-3vw7wg3k=""> <button class="hours-tab px-4 py-2 text-mercury-ui-text-sm transition-colors border-b-2 border-mercury-ui-brand-primary text-mercury-ui-text-primary font-medium -mb-px" data-tab="store" role="tab" id="hours-tab-store-1" aria-selected="true" aria-controls="hours-panel-1" tabindex="0" data-astro-cid-3vw7wg3k=""> | |
| Store | |
| </button> <button class="hours-tab px-4 py-2 text-mercury-ui-text-sm transition-colors border-b-2 border-transparent text-mercury-ui-text-secondary hover:text-mercury-ui-text-primary -mb-px" data-tab="pickup" role="tab" id="hours-tab-pickup-1" aria-selected="false" aria-controls="hours-panel-1" tabindex="-1" data-astro-cid-3vw7wg3k=""> | |
| Pickup | |
| </button> <button class="hours-tab px-4 py-2 text-mercury-ui-text-sm transition-colors border-b-2 border-transparent text-mercury-ui-text-secondary hover:text-mercury-ui-text-primary -mb-px" data-tab="delivery" role="tab" id="hours-tab-delivery-1" aria-selected="false" aria-controls="hours-panel-1" tabindex="-1" data-astro-cid-3vw7wg3k=""> | |
| Delivery | |
| </button> </div> <script type="application/json" class="hours-data">{"store":{"sunday":{"open":true,"hours":[{"start":"11:00 AM","end":"3:00 PM"},{"start":"5:00 PM","end":"8:00 PM"}],"buffer":{"startMins":0,"endMins":15}},"monday":{"open":true,"hours":[{"start":"11:00 AM","end":"3:00 PM"},{"start":"5:00 PM","end":"8:00 PM"}],"buffer":{"startMins":0,"endMins":15}},"tuesday":{"open":true,"hours":[{"start":"11:00 AM","end":"3:00 PM"},{"start":"5:00 PM","end":"8:00 PM"}],"buffer":{"startMins":0,"endMins":15}},"wednesday":{"open":true,"hours":[{"start":"11:00 AM","end":"3:00 PM"},{"start":"5:00 PM","end":"8:00 PM"}],"buffer":{"startMins":0,"endMins":15}},"thursday":{"open":true,"hours":[{"start":"11:00 AM","end":"3:00 PM"},{"start":"5:00 PM","end":"8:00 PM"}],"buffer":{"startMins":0,"endMins":15}},"friday":{"open":true,"hours":[{"start":"11:00 AM","end":"3:00 PM"},{"start":"5:00 PM","end":"8:00 PM"}],"buffer":{"startMins":0,"endMins":15}},"saturday":{"open":true,"hours":[{"start":"11:00 AM","end":"3:00 PM"},{"start":"5:00 PM","end":"8:00 PM"}],"buffer":{"startMins":0,"endMins":15}}},"pickup":{"sunday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"monday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"tuesday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"wednesday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"thursday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"friday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"saturday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]}},"delivery":{"sunday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"monday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"tuesday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"wednesday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"thursday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"friday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]},"saturday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"5:00 PM","end":"7:45 PM"}]}},"currentDay":"thursday","daysOfWeek":[{"key":"sunday","label":"Sunday"},{"key":"monday","label":"Monday"},{"key":"tuesday","label":"Tuesday"},{"key":"wednesday","label":"Wednesday"},{"key":"thursday","label":"Thursday"},{"key":"friday","label":"Friday"},{"key":"saturday","label":"Saturday"}]}</script> <div class="hours-schedule" data-hours-type="store" role="tabpanel" id="hours-panel-1" aria-labelledby="hours-tab-store-1" data-astro-cid-3vw7wg3k="" aria-hidden="true" inert=""> <ul role="list" class="m-0 p-0 list-none flex flex-col gap-2" data-astro-cid-3vw7wg3k=""> <li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="sunday" data-astro-cid-3vw7wg3k=""> Sunday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="sunday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 3:00 PM, 5:00 PM - 8:00 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="monday" data-astro-cid-3vw7wg3k=""> Monday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="monday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 3:00 PM, 5:00 PM - 8:00 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="tuesday" data-astro-cid-3vw7wg3k=""> Tuesday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="tuesday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 3:00 PM, 5:00 PM - 8:00 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="wednesday" data-astro-cid-3vw7wg3k=""> Wednesday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="wednesday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 3:00 PM, 5:00 PM - 8:00 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-primary font-semibold" data-day="thursday" data-astro-cid-3vw7wg3k=""> Thursday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary font-semibold" data-day="thursday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 3:00 PM, 5:00 PM - 8:00 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="friday" data-astro-cid-3vw7wg3k=""> Friday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="friday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 3:00 PM, 5:00 PM - 8:00 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="saturday" data-astro-cid-3vw7wg3k=""> Saturday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="saturday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 3:00 PM, 5:00 PM - 8:00 PM </span> </li> </ul> </div> <div class="flex items-center justify-between gap-8 pt-2 border-t border-mercury-ui-divider" data-astro-cid-3vw7wg3k=""> <div class="flex items-center justify-between flex-1" data-astro-cid-3vw7wg3k=""> <span class="status-display text-mercury-ui-text-sm text-mercury-ui-text-primary" data-astro-cid-3vw7wg3k="">Today: 11:00 AM - 3:00 PM, 5:00 PM - 8:00 PM</span> <button class="hours-toggle-btn inline-flex items-center gap-1 text-mercury-ui-text-sm text-mercury-ui-secondary transition-colors" type="button" data-astro-cid-3vw7wg3k=""> <span class="hidden md:inline" data-astro-cid-3vw7wg3k="">See info</span> <span class="inline md:hidden" data-astro-cid-3vw7wg3k="">Hide hours</span> <svg class="w-3 h-3 md:block hidden" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3vw7wg3k=""> <path d="M6 4l4 4-4 4" data-astro-cid-3vw7wg3k=""></path> </svg> <svg class="w-3 h-3 md:hidden -rotate-90" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3vw7wg3k=""> <path d="M6 4l4 4-4 4" data-astro-cid-3vw7wg3k=""></path> </svg> </button> </div> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-12 py-3 px-4 hidden md:flex bg-mercury-ui-button-primary hover:bg-mercury-ui-button-primary/90 text-mercury-ui-brand-accessible-over-primary" data-order-link="true" data-astro-cid-3vw7wg3k="true" href="/menu/nipponcurryberkeley" rel="nofollow"><span class="pointer-events-none absolute inset-0 bg-black/4 rounded-mercury-ui-control"></span> <span class="flex items-center gap-2" data-astro-cid-3vw7wg3k=""> Order Now <svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-3vw7wg3k=""> <path d="M7.5 5L12.5 10L7.5 15" data-astro-cid-3vw7wg3k=""></path> </svg> </span> </a> </div> </div> </div> <div class="md:hidden"> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-12 py-3 px-4 w-full bg-mercury-ui-button-primary hover:bg-mercury-ui-button-primary/90 text-mercury-ui-brand-accessible-over-primary" data-order-link="true" data-track-menu-click="Location Card - Order Now" href="/menu/nipponcurryberkeley" rel="nofollow" data-track-menu-click-attached="true"><span class="pointer-events-none absolute inset-0 bg-black/4 rounded-mercury-ui-control"></span> <span class="flex items-center gap-2 justify-center"> Order Now <svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M7.5 5L12.5 10L7.5 15"></path> </svg> </span> </a> </div> </div> </div> </div> </article> </div><div class="location-slide" role="tabpanel" id="location-panel-2" aria-labelledby="location-tab-2" aria-hidden="true" tabindex="-1" data-astro-cid-32doiw7r="" inert=""><article class="bg-mercury-ui-secondary rounded-mercury-ui-md p-2 w-full"> <div class="flex flex-col md:flex-row gap-2"> <a href="https://www.google.com/maps/place/?q=place_id:ChIJI5JLHgDNj4ARHYVFwDJ2170" target="_blank" rel="noopener noreferrer" class="rounded-mercury-ui-sm overflow-hidden hidden md:block md:w-1/3 md:shrink-0 lg:w-[450px]"> <img src="https://static-maps.ordersave.com/?styleKey=202504&width=600&height=400&zoomLevel=15&lat=37.3369052&lon=-121.8886937" alt="Map of Nippon Curry in San Jose, CA" class="w-full h-full object-cover" loading="lazy"> </a> <div class="flex-1 flex flex-col gap-6 md:gap-6 px-4 md:px-6 py-8 md:py-6 relative location-card-content" data-card-index="2"> <div class="flex flex-col md:flex-row md:justify-between md:items-start gap-10 md:gap-4 location-header-container"> <div class="flex flex-col gap-4"> <div class="location-header"> <a href="/nipponcurrysj" class="flex flex-col gap-1"> <span class="text-mercury-ui-text-sm text-mercury-ui-text-secondary"> Nippon Curry </span> <h3 class="font-mercury-ui-primary text-mercury-ui-text-lg font-semibold text-mercury-ui-text-primary m-0 md:[&]:all-unset md:font-mercury-ui-primary md:text-mercury-ui-text-lg md:font-semibold md:text-mercury-ui-text-primary"> San Jose, CA </h3> </a> </div> <div class="location-details" data-card-index="2"> <div class="location-meta flex flex-col md:flex-row gap-6 md:gap-20"> <a href="https://www.google.com/maps/place/?q=place_id:ChIJI5JLHgDNj4ARHYVFwDJ2170" target="_blank" rel="noopener noreferrer" class="flex flex-col gap-2"> <span class="text-mercury-ui-text-sm text-mercury-ui-text-secondary"> | |
| Address | |
| </span> <address class="flex flex-col gap-[2px] not-italic"> <ul role="list" class="flex flex-col gap-[2px] list-none m-0 p-0"> <li> <span class="text-mercury-ui-text-sm text-mercury-ui-text-primary"> 82 E Santa Clara St </span> </li> <li> <span class="text-mercury-ui-text-sm text-mercury-ui-text-primary"> San Jose, CA 95113 </span> </li> </ul> </address> </a> <div class="flex flex-col gap-2"> <span class="text-mercury-ui-text-sm text-mercury-ui-text-secondary"> | |
| Contacts | |
| </span> <ul role="list" class="flex flex-col list-none m-0 p-0"> <li> <a href="tel:+16693443001" class="text-mercury-ui-text-sm text-mercury-ui-text-primary min-h-[44px] inline-flex items-center"> (669) 344-3001 </a> </li> <li> <a href="mailto:info@nipponcurry.com" class="text-mercury-ui-text-sm text-mercury-ui-text-primary min-h-[44px] inline-flex items-center"> info@nipponcurry.com </a> </li> </ul> </div> </div> </div> </div> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-10 py-2 px-3 hidden md:flex location-directions-btn border-mercury-ui-button-secondary border shadow-none bg-mercury-ui-button-secondary hover:bg-mercury-ui-tertiary text-mercury-ui-button-secondary" href="https://www.google.com/maps/dir/?api=1&destination=Nippon%20Curry%20San%20Jose&destination_place_id=ChIJI5JLHgDNj4ARHYVFwDJ2170" rel="noopener noreferrer" target="_blank"> | |
| Get Directions → | |
| </a> </div> <hr class="location-divider border-mercury-ui-divider"> <div class="flex flex-col gap-6 w-full"> <div class="w-full location-hours-wrapper" data-card-index="2" data-astro-cid-3vw7wg3k=""> <div class="hours-collapsed flex items-center justify-between gap-8" data-astro-cid-3vw7wg3k=""> <div class="flex items-center justify-between flex-1" data-astro-cid-3vw7wg3k=""> <span class="status-display text-mercury-ui-text-sm text-mercury-ui-text-primary" data-astro-cid-3vw7wg3k="">Today: 11:00 AM - 2:00 PM, 4:30 PM - 8:45 PM</span> <button class="hours-toggle-btn inline-flex items-center gap-1 text-mercury-ui-text-sm text-mercury-ui-secondary transition-colors" type="button" data-astro-cid-3vw7wg3k=""> | |
| See hours | |
| <svg class="w-3 h-3" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3vw7wg3k=""> <path d="M6 4l4 4-4 4" data-astro-cid-3vw7wg3k=""></path> </svg> </button> </div> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-12 py-3 px-4 hidden md:flex bg-mercury-ui-button-primary hover:bg-mercury-ui-button-primary/90 text-mercury-ui-brand-accessible-over-primary" data-order-link="true" data-astro-cid-3vw7wg3k="true" href="/menu/nipponcurrysj" rel="nofollow"><span class="pointer-events-none absolute inset-0 bg-black/4 rounded-mercury-ui-control"></span> <span class="flex items-center gap-2" data-astro-cid-3vw7wg3k=""> Order Now <svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-3vw7wg3k=""> <path d="M7.5 5L12.5 10L7.5 15" data-astro-cid-3vw7wg3k=""></path> </svg> </span> </a> </div> <div class="hours-expanded flex flex-col gap-4" style="display: none;" data-astro-cid-3vw7wg3k=""> <div class="hours-tabs flex gap-2 border-b border-mercury-ui-divider pb-2" role="tablist" aria-label="Hours by service type" data-astro-cid-3vw7wg3k=""> <button class="hours-tab px-4 py-2 text-mercury-ui-text-sm transition-colors border-b-2 border-mercury-ui-brand-primary text-mercury-ui-text-primary font-medium -mb-px" data-tab="store" role="tab" id="hours-tab-store-2" aria-selected="true" aria-controls="hours-panel-2" tabindex="0" data-astro-cid-3vw7wg3k=""> | |
| Store | |
| </button> <button class="hours-tab px-4 py-2 text-mercury-ui-text-sm transition-colors border-b-2 border-transparent text-mercury-ui-text-secondary hover:text-mercury-ui-text-primary -mb-px" data-tab="pickup" role="tab" id="hours-tab-pickup-2" aria-selected="false" aria-controls="hours-panel-2" tabindex="-1" data-astro-cid-3vw7wg3k=""> | |
| Pickup | |
| </button> <button class="hours-tab px-4 py-2 text-mercury-ui-text-sm transition-colors border-b-2 border-transparent text-mercury-ui-text-secondary hover:text-mercury-ui-text-primary -mb-px" data-tab="delivery" role="tab" id="hours-tab-delivery-2" aria-selected="false" aria-controls="hours-panel-2" tabindex="-1" data-astro-cid-3vw7wg3k=""> | |
| Delivery | |
| </button> </div> <script type="application/json" class="hours-data">{"store":{"sunday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:00 PM"},{"start":"4:30 PM","end":"8:45 PM"}],"buffer":{"startMins":0,"endMins":15}},"monday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:00 PM"},{"start":"4:30 PM","end":"8:45 PM"}],"buffer":{"startMins":0,"endMins":15}},"tuesday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:00 PM"},{"start":"4:30 PM","end":"8:45 PM"}],"buffer":{"startMins":0,"endMins":15}},"wednesday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:00 PM"},{"start":"4:30 PM","end":"8:45 PM"}],"buffer":{"startMins":0,"endMins":15}},"thursday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:00 PM"},{"start":"4:30 PM","end":"8:45 PM"}],"buffer":{"startMins":0,"endMins":15}},"friday":{"open":true,"hours":[{"start":"11:00 AM","end":"3:00 PM"},{"start":"4:30 PM","end":"9:45 PM"}],"buffer":{"startMins":0,"endMins":15}},"saturday":{"open":true,"hours":[{"start":"11:00 AM","end":"3:00 PM"},{"start":"4:30 PM","end":"9:45 PM"}],"buffer":{"startMins":0,"endMins":15}}},"pickup":{"sunday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"4:30 PM","end":"8:30 PM"}]},"monday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"4:30 PM","end":"8:30 PM"}]},"tuesday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"4:30 PM","end":"8:30 PM"}]},"wednesday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"4:30 PM","end":"8:30 PM"}]},"thursday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"4:30 PM","end":"8:30 PM"}]},"friday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"4:30 PM","end":"9:30 PM"}]},"saturday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"4:30 PM","end":"9:30 PM"}]}},"delivery":{"sunday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"4:30 PM","end":"8:30 PM"}]},"monday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"4:30 PM","end":"8:30 PM"}]},"tuesday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"4:30 PM","end":"8:30 PM"}]},"wednesday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"4:30 PM","end":"8:30 PM"}]},"thursday":{"open":true,"hours":[{"start":"11:00 AM","end":"1:45 PM"},{"start":"4:30 PM","end":"8:30 PM"}]},"friday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"4:30 PM","end":"9:30 PM"}]},"saturday":{"open":true,"hours":[{"start":"11:00 AM","end":"2:45 PM"},{"start":"4:30 PM","end":"9:30 PM"}]}},"currentDay":"thursday","daysOfWeek":[{"key":"sunday","label":"Sunday"},{"key":"monday","label":"Monday"},{"key":"tuesday","label":"Tuesday"},{"key":"wednesday","label":"Wednesday"},{"key":"thursday","label":"Thursday"},{"key":"friday","label":"Friday"},{"key":"saturday","label":"Saturday"}]}</script> <div class="hours-schedule" data-hours-type="store" role="tabpanel" id="hours-panel-2" aria-labelledby="hours-tab-store-2" data-astro-cid-3vw7wg3k="" aria-hidden="true" inert=""> <ul role="list" class="m-0 p-0 list-none flex flex-col gap-2" data-astro-cid-3vw7wg3k=""> <li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="sunday" data-astro-cid-3vw7wg3k=""> Sunday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="sunday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 2:00 PM, 4:30 PM - 8:45 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="monday" data-astro-cid-3vw7wg3k=""> Monday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="monday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 2:00 PM, 4:30 PM - 8:45 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="tuesday" data-astro-cid-3vw7wg3k=""> Tuesday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="tuesday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 2:00 PM, 4:30 PM - 8:45 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="wednesday" data-astro-cid-3vw7wg3k=""> Wednesday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="wednesday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 2:00 PM, 4:30 PM - 8:45 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-primary font-semibold" data-day="thursday" data-astro-cid-3vw7wg3k=""> Thursday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary font-semibold" data-day="thursday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 2:00 PM, 4:30 PM - 8:45 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="friday" data-astro-cid-3vw7wg3k=""> Friday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="friday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 3:00 PM, 4:30 PM - 9:45 PM </span> </li><li class="flex gap-6" data-astro-cid-3vw7wg3k=""> <span class="hours-day-label text-mercury-ui-text-sm w-24 shrink-0 text-mercury-ui-text-secondary" data-day="saturday" data-astro-cid-3vw7wg3k=""> Saturday </span> <span class="hours-day-times text-mercury-ui-text-sm text-right md:text-left text-mercury-ui-text-primary" data-day="saturday" data-astro-cid-3vw7wg3k=""> 11:00 AM - 3:00 PM, 4:30 PM - 9:45 PM </span> </li> </ul> </div> <div class="flex items-center justify-between gap-8 pt-2 border-t border-mercury-ui-divider" data-astro-cid-3vw7wg3k=""> <div class="flex items-center justify-between flex-1" data-astro-cid-3vw7wg3k=""> <span class="status-display text-mercury-ui-text-sm text-mercury-ui-text-primary" data-astro-cid-3vw7wg3k="">Today: 11:00 AM - 2:00 PM, 4:30 PM - 8:45 PM</span> <button class="hours-toggle-btn inline-flex items-center gap-1 text-mercury-ui-text-sm text-mercury-ui-secondary transition-colors" type="button" data-astro-cid-3vw7wg3k=""> <span class="hidden md:inline" data-astro-cid-3vw7wg3k="">See info</span> <span class="inline md:hidden" data-astro-cid-3vw7wg3k="">Hide hours</span> <svg class="w-3 h-3 md:block hidden" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3vw7wg3k=""> <path d="M6 4l4 4-4 4" data-astro-cid-3vw7wg3k=""></path> </svg> <svg class="w-3 h-3 md:hidden -rotate-90" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3vw7wg3k=""> <path d="M6 4l4 4-4 4" data-astro-cid-3vw7wg3k=""></path> </svg> </button> </div> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-12 py-3 px-4 hidden md:flex bg-mercury-ui-button-primary hover:bg-mercury-ui-button-primary/90 text-mercury-ui-brand-accessible-over-primary" data-order-link="true" data-astro-cid-3vw7wg3k="true" href="/menu/nipponcurrysj" rel="nofollow"><span class="pointer-events-none absolute inset-0 bg-black/4 rounded-mercury-ui-control"></span> <span class="flex items-center gap-2" data-astro-cid-3vw7wg3k=""> Order Now <svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-3vw7wg3k=""> <path d="M7.5 5L12.5 10L7.5 15" data-astro-cid-3vw7wg3k=""></path> </svg> </span> </a> </div> </div> </div> <div class="md:hidden"> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-12 py-3 px-4 w-full bg-mercury-ui-button-primary hover:bg-mercury-ui-button-primary/90 text-mercury-ui-brand-accessible-over-primary" data-order-link="true" data-track-menu-click="Location Card - Order Now" href="/menu/nipponcurrysj" rel="nofollow" data-track-menu-click-attached="true"><span class="pointer-events-none absolute inset-0 bg-black/4 rounded-mercury-ui-control"></span> <span class="flex items-center gap-2 justify-center"> Order Now <svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M7.5 5L12.5 10L7.5 15"></path> </svg> </span> </a> </div> </div> </div> </div> </article> </div></div></div> </div> </div> </div> </main> <!-- Mobile-only sticky bottom bar with "Order with App" and "Order online" --><div class="extreme-zoom:hidden md:hidden"> <div id="mobile-bottom-bar" class="fixed inset-x-0 bottom-0 z-30 bg-mercury-ui-primary/80 backdrop-blur-2xl shadow-lg" style="padding-bottom: env(safe-area-inset-bottom);"> <div class="max-w-section-content mx-auto flex flex-row flex-wrap items-center gap-2 p-2"> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-12 py-3 px-4 flex-1 border-mercury-ui-button-secondary border shadow-none bg-mercury-ui-button-secondary hover:bg-mercury-ui-tertiary text-mercury-ui-button-secondary" id="mobile-bottom-bar-app-button" href="https://nipponcurryl299.app.ordersave.com/download-app" style="display: none;"><span class="flex flex-1 items-center justify-center gap-x-1"><span class="flex flex-row items-center gap-x-[4px] whitespace-nowrap">Order with App</span><span class="h-fit w-fit opacity-50 transition-opacity group-hover:opacity-100"> <svg aria-hidden="true" class="h-4 w-4 scale-[1.15] transition-transform group-hover:translate-x-0 translate-x-[-3px]" role="img" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"> <rect width="256" height="256" fill="none"></rect> <line class="origin-[216px_128px] scale-x-0 transition-transform group-hover:scale-x-100" x1="70" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line> <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline> </svg> </span></span></a> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-12 py-3 px-4 flex-1 bg-mercury-ui-button-primary hover:bg-mercury-ui-button-primary/90 text-mercury-ui-brand-accessible-over-primary" id="mobile-bottom-bar-order-online-button" data-testid="order-online-button" data-menu-link="true" data-order-link="true" data-track-menu-click="Bottom Bar - Order Online" href="/menu" data-track-menu-click-attached="true"><span class="pointer-events-none absolute inset-0 bg-black/4 rounded-mercury-ui-control"></span> | |
| Order online | |
| </a> </div> </div> </div> <script>(function(){const iosPromote = true; | |
| const iosAppStoreId = "6748145445"; | |
| const androidPromote = true; | |
| const androidBundleId = "com.owner.nipponcurry"; | |
| // Check if landing modals should show (shared logic with Mercury) | |
| function shouldShowLandingModals() { | |
| const params = new URLSearchParams(window.location.search) | |
| if (params.get('orderDirect') === 'true') { | |
| return true | |
| } | |
| if (params.has('coupon')) { | |
| return true | |
| } | |
| if (params.get('login-profile') === 'true') { | |
| return true | |
| } | |
| return false | |
| } | |
| // Get platform from user agent (matches Mercury's getPlatform) | |
| function getPlatform(userAgent) { | |
| if (/android/i.test(userAgent)) { | |
| return 'Android' | |
| } | |
| if (/iPhone|iPod/.test(userAgent)) { | |
| return 'iOS' | |
| } | |
| if ( | |
| /iPad/i.test(userAgent) || | |
| // @ts-expect-error - platform is deprecated but still needed for iPad detection | |
| (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1) | |
| ) { | |
| return 'iPadOS' | |
| } | |
| return 'Other' | |
| } | |
| // Check if app should be promoted for platform (matches Mercury's shouldPromoteAppForPlatform) | |
| function shouldPromoteAppForPlatform(platform) { | |
| // If we should show landing modals we should not promote the app | |
| if (shouldShowLandingModals()) { | |
| return false | |
| } | |
| if (platform === 'iOS' || platform === 'iPadOS') { | |
| return iosPromote === true && iosAppStoreId != null | |
| } else if (platform === 'Android') { | |
| return androidPromote === true && androidBundleId != null | |
| } | |
| return false | |
| } | |
| function shouldShowAppButton() { | |
| // @ts-expect-error - vendor is deprecated but still needed for user agent detection | |
| const userAgent = navigator.userAgent || navigator.vendor || window.opera | |
| const platform = getPlatform(userAgent) | |
| return shouldPromoteAppForPlatform(platform) | |
| } | |
| const appButton = document.getElementById('mobile-bottom-bar-app-button') | |
| if (appButton && !shouldShowAppButton()) { | |
| appButton.style.display = 'none' | |
| } | |
| })();</script> <footer class="bg-mercury-ui-primary pt-2 pb-18 md:pb-4"> <div class="max-w-section-container mx-auto px-2"> <div class="bg-mercury-ui-tertiary rounded-mercury-ui-md w-full py-12"> <div class="max-w-section-content mx-auto gap-x-8 gap-y-4 px-6 md:flex md:px-8 lg:gap-x-20 xl:gap-x-36"> <div class="mb-6 md:mb-0"> <a href="/"> <img src="/pluto-images/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?h=48&fit=cover" alt="Nippon Curry" class="h-12 w-auto max-w-none object-contain" loading="lazy" sizes=" | |
| (max-width: 320px) 280px, | |
| (max-width: 640px) 600px, | |
| (max-width: 960px) 880px, | |
| (max-width: 1280px) 1200px, | |
| 1312px | |
| " srcset="/pluto-images/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?h=48&dpr=1&fit=cover 1x, /pluto-images/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?h=48&dpr=2&fit=cover 2x, /pluto-images/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?h=48&dpr=3&fit=cover 3x" style="max-width: 100%;"> </a> </div> <div class="grid grow grid-cols-1 gap-x-4 gap-y-6 md:grid-cols-[1fr_auto_auto] md:gap-x-8 md:gap-y-10 lg:gap-x-12 xl:grid-cols-[1fr_200px_200px]"> <!-- Col 1 - Navigation Links in horizontal grid --> <div class="grid grid-cols-1 gap-x-4 gap-y-2 md:grid-cols-3"> <a href="/menu" class="text-mercury-ui-text-primary text-mercury-ui-text-base font-mercury-ui-secondary no-underline transition-colors hover:underline"> Menu </a><a href="/page/locations" class="text-mercury-ui-text-primary text-mercury-ui-text-base font-mercury-ui-secondary no-underline transition-colors hover:underline"> Locations </a><a href="/story" class="text-mercury-ui-text-primary text-mercury-ui-text-base font-mercury-ui-secondary no-underline transition-colors hover:underline"> Our Story </a><a href="/careers" class="text-mercury-ui-text-primary text-mercury-ui-text-base font-mercury-ui-secondary no-underline transition-colors hover:underline"> We're Hiring </a><a href="https://nipponcurryfranchise.com" target="_blank" rel="noopener noreferrer" class="text-mercury-ui-text-primary text-mercury-ui-text-base font-mercury-ui-secondary no-underline transition-colors hover:underline"> Franchising Opportunity </a><a href="/events" class="text-mercury-ui-text-primary text-mercury-ui-text-base font-mercury-ui-secondary no-underline transition-colors hover:underline"> Events </a><a href="/gift-cards" class="text-mercury-ui-text-primary text-mercury-ui-text-base font-mercury-ui-secondary no-underline transition-colors hover:underline"> Gift Cards </a><a href="/page/contact-us" class="text-mercury-ui-text-primary text-mercury-ui-text-base font-mercury-ui-secondary no-underline transition-colors hover:underline"> Contact Us </a> </div> <!-- Col 2 - Placeholder --> <div class="hidden md:block"></div> <!-- Col 3 - Order Now button --> <div class="mt-4 flex flex-col md:mt-0 md:justify-self-end"> <a class="group relative flex items-center justify-center rounded-mercury-ui-control text-mercury-ui-button-base font-mercury-ui-secondary transition-all ease-in-out min-h-10 py-2 px-3 no-underline bg-mercury-ui-button-primary hover:bg-mercury-ui-button-primary/90 text-mercury-ui-brand-accessible-over-primary" data-testid="order-online-button" data-menu-link="true" data-order-link="true" data-track-menu-click="Footer Section - Order Now" href="/menu" data-track-menu-click-attached="true"><span class="pointer-events-none absolute inset-0 bg-black/4 rounded-mercury-ui-control"></span><span class="flex flex-1 items-center justify-center gap-x-1"><span class="flex flex-row items-center gap-x-[4px] whitespace-nowrap">Order online</span><span class="h-fit w-fit opacity-50 transition-opacity group-hover:opacity-100"> <svg aria-hidden="true" class="h-4 w-4 scale-[1.15] transition-transform group-hover:translate-x-0 translate-x-[-3px]" role="img" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"> <rect width="256" height="256" fill="none"></rect> <line class="origin-[216px_128px] scale-x-0 transition-transform group-hover:scale-x-100" x1="70" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line> <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline> </svg> </span></span></a> </div> <!-- Divider --> <div class="border-mercury-ui-divider col-span-1 border-t md:col-span-3"></div> <!-- Col 1 - Legal Links --> <div class="flex flex-wrap gap-x-6 gap-y-2"> <a href="/terms" target="_blank" rel="noopener noreferrer" class="shrink-0 text-mercury-ui-text-secondary text-mercury-ui-text-sm font-mercury-ui-secondary no-underline hover:underline">Terms of Service</a> <a href="/accessibility" target="_blank" rel="noopener noreferrer" class="shrink-0 text-mercury-ui-text-secondary text-mercury-ui-text-sm font-mercury-ui-secondary no-underline hover:underline">Accessibility</a> </div> <!-- Col 2 & 3 - Placeholders --> <div class="hidden md:block"></div> <div class="hidden md:block"></div> </div> </div> </div> </div> <div class="mt-8 px-8 md:mt-4"> <div class="max-w-section-content mx-auto"> <div class="grid grow grid-cols-1 gap-x-4 gap-y-6 md:grid-cols-[auto_1fr_auto] md:gap-x-8 md:gap-y-10 lg:gap-x-12 xl:grid-cols-[200px_1fr_200px]"> <!-- Col 1 - Social Links --> <div class="flex gap-2 md:items-center"> <a href="https://www.facebook.com/nipponcurry/" target="_blank" rel="noreferrer noopener" title="Facebook" aria-label="View Facebook page (opens in new tab)" class="rounded-mercury-ui-control inline-flex h-6 w-6 items-center justify-center no-underline hover:ring-2 hover:ring-mercury-ui-text-primary/20"> <svg aria-hidden="true" class="scale-125 text-mercury-ui-text-secondary" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.00002 1.79987C5.02382 1.79987 1.80002 5.02367 1.80002 8.99986C1.80002 12.6095 4.45922 15.5903 7.92362 16.1111V10.9079H6.14222V9.01546H7.92362V7.75606C7.92362 5.67107 8.93942 4.75607 10.6722 4.75607C11.502 4.75607 11.9412 4.81787 12.1488 4.84547V6.49727H10.9668C10.2312 6.49727 9.97442 7.19506 9.97442 7.98106V9.01546H12.1302L11.838 10.9079H9.97442V16.1261C13.4886 15.6497 16.2 12.6449 16.2 8.99986C16.2 5.02367 12.9762 1.79987 9.00002 1.79987Z" fill="currentColor"></path> </svg> </a> </div> <!-- Col 2 - Copyright --> <div class="flex md:items-center md:justify-center"> <p class="text-mercury-ui-text-secondary text-mercury-ui-text-sm font-mercury-ui-secondary m-0"> | |
| © 2026 Zash Valencia LLC. All rights reserved. | |
| </p> </div> <!-- Col 3 - Made with Owner --> <div class="justify-self-start md:justify-self-end" data-astro-cid-szifbuiy=""> <a href="https://owner.com/?utm_source=customer-website&utm_medium=powered-by&utm_campaign=K0rzIXlWJM0O" target="_blank" rel="noopener noreferrer" class="owner-link flex justify-center items-center rounded-full border p-1 pl-3 no-underline transition-all hover:ring-2 hover:ring-mercury-ui-text-primary/20" data-astro-cid-szifbuiy=""> <span class="text-mercury-ui-text-secondary text-mercury-ui-text-sm font-mercury-ui-secondary" data-astro-cid-szifbuiy="">Made with Owner</span> <svg class="ml-2 inline-flex h-5 w-5 text-mercury-ui-text-primary" viewBox="0 0 204 204" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-szifbuiy=""> <path d="M102 204C158.333 204 204 158.333 204 102C204 45.667 158.333 0 102 0C45.667 0 0 45.667 0 102C0 158.333 45.667 204 102 204Z" fill="black" data-astro-cid-szifbuiy=""></path> <g class="pin" data-astro-cid-szifbuiy=""> <path fill-rule="evenodd" clip-rule="evenodd" d="M102 166C102 166 153 139.4 153 102C153 73.8335 130.167 51 102 51C73.8335 51 51 73.8335 51 102C51 139.4 102 166 102 166Z" fill="white" data-astro-cid-szifbuiy=""></path> <circle cx="102" cy="102" r="24" fill="black" data-astro-cid-szifbuiy=""></circle> </g> </svg> </a> </div> </div> </div> </div> </footer> <div id="mobile-app-promo-modal" class="mobile-app-promo-backdrop fixed inset-0 z-50 hidden justify-center bg-black/50" role="dialog" aria-modal="true" aria-labelledby="mobile-app-promo-title" data-astro-cid-v2civw3g=""> <div class="mobile-app-promo-content absolute right-0 bottom-0 left-0" style="max-height: calc(100% - 56px);" data-astro-cid-v2civw3g=""> <!-- Header with brand logo and close button --> <div class="flex flex-row justify-between rounded-t-lg bg-mercury-ui-brand-primary p-6" data-astro-cid-v2civw3g=""> <div class="rounded-xl bg-mercury-ui-secondary" data-astro-cid-v2civw3g=""> <img src="/pluto-images/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?w=64&h=64&fit=contain" alt="Nippon Curry" class="m-2 h-12 w-12 object-contain" loading="eager" sizes="48px" srcset="/pluto-images/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?w=32&h=32&fit=contain 32w, /pluto-images/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?w=48&h=48&fit=contain 48w, /pluto-images/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?w=64&h=64&fit=contain 64w" style="max-width: 100%;"> </div> <button id="close-modal-button" title="Close" aria-label="Close mobile app promotion modal" class="h-12 w-12 rounded-full bg-mercury-ui-secondary p-3 text-mercury-ui-secondary shadow-sm" data-astro-cid-v2civw3g=""> <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" data-astro-cid-v2civw3g=""> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289Z" data-astro-cid-v2civw3g=""></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z" data-astro-cid-v2civw3g=""></path> </svg> </button> </div> <!-- Content --> <div class="flex flex-col gap-8 bg-mercury-ui-primary p-6" style="padding-bottom: max(1.5rem, env(safe-area-inset-bottom));" data-astro-cid-v2civw3g=""> <div class="flex flex-col gap-2" data-astro-cid-v2civw3g=""> <h2 id="mobile-app-promo-title" class="font-mercury-ui-primary text-mercury-ui-primary text-mercury-ui-title-lg" data-astro-cid-v2civw3g=""> | |
| Get the best experience on our mobile app | |
| </h2> <p class="text-mercury-ui-paragraph-base text-mercury-ui-secondary" data-astro-cid-v2civw3g=""> | |
| Save time, earn rewards, get notified about new deals, and more | |
| </p> </div> <a id="app-store-button" href="https://nipponcurryl299.app.ordersave.com/download-app" class="inline-flex items-center justify-center rounded-lg border border-mercury-ui-secondary bg-mercury-ui-primary px-6 py-3 text-mercury-ui-button-base font-medium text-mercury-ui-primary no-underline transition-colors" data-astro-cid-v2civw3g=""> | |
| Open the Nippon Curry App | |
| </a> </div> </div> </div> <script>(function(){const brandId = "K0rzIXlWJM0O"; | |
| const iosPromote = true; | |
| const iosAppStoreId = "6748145445"; | |
| const androidPromote = true; | |
| const androidBundleId = "com.owner.nipponcurry"; | |
| // Constants | |
| const MODAL_TIMEOUT = 1000 * 60 * 30 // 30 minutes | |
| const MODAL_LAST_CLOSED = 'mobile-app-promo-modal-last-closed' | |
| // Parse cookie by name | |
| function getCookie(name) { | |
| var cookies = document.cookie.split(';'); | |
| for (var i = 0; i < cookies.length; i++) { | |
| var cookie = cookies[i].trim(); | |
| if (cookie.startsWith(name + '=')) { | |
| return cookie.substring(name.length + 1); | |
| } | |
| } | |
| return null; | |
| } | |
| // Send analytics event to the worker | |
| function sendAnalyticsEvent(event, extraProperties) { | |
| var stableId = getCookie('owner-stable-id'); | |
| if (!stableId) { | |
| // No stable ID cookie - skip analytics | |
| return; | |
| } | |
| var payload = { | |
| event: event, | |
| properties: { | |
| brandId: brandId, | |
| stableId: stableId, | |
| url: window.location.href, | |
| path: window.location.pathname, | |
| title: document.title, | |
| search: window.location.search, | |
| webMode: 'apollo' | |
| } | |
| }; | |
| // Merge extra properties if provided | |
| if (extraProperties) { | |
| for (var key in extraProperties) { | |
| if (extraProperties.hasOwnProperty(key)) { | |
| payload.properties[key] = extraProperties[key]; | |
| } | |
| } | |
| } | |
| // Use sendBeacon for reliability | |
| if (navigator.sendBeacon) { | |
| navigator.sendBeacon('/track-analytics/', JSON.stringify(payload)); | |
| } else { | |
| fetch('/track-analytics/', { | |
| method: 'POST', | |
| headers: { 'Content-Type': 'application/json' }, | |
| body: JSON.stringify(payload), | |
| keepalive: true | |
| }).catch(function() {}); | |
| } | |
| } | |
| // Check if landing modals should show (same logic as Mercury) | |
| function shouldShowLandingModals() { | |
| const params = new URLSearchParams(window.location.search) | |
| if (params.get('orderDirect') === 'true') { | |
| return true | |
| } | |
| if (params.has('coupon')) { | |
| return true | |
| } | |
| if (params.get('login-profile') === 'true') { | |
| return true | |
| } | |
| return false | |
| } | |
| // Get platform from user agent (matches Mercury's getPlatform) | |
| function getPlatform(userAgent) { | |
| if (/android/i.test(userAgent)) { | |
| return 'Android' | |
| } | |
| if (/iPhone|iPod/.test(userAgent)) { | |
| return 'iOS' | |
| } | |
| if ( | |
| /iPad/i.test(userAgent) || | |
| // @ts-expect-error - platform is deprecated but still needed for iPad detection | |
| (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1) | |
| ) { | |
| return 'iPadOS' | |
| } | |
| return 'Other' | |
| } | |
| // Check if app should be promoted for platform (matches Mercury's shouldPromoteAppForPlatform) | |
| function shouldPromoteAppForPlatform(platform) { | |
| // If we should show landing modals we should not promote the app | |
| if (shouldShowLandingModals()) { | |
| return false | |
| } | |
| if (platform === 'iOS' || platform === 'iPadOS') { | |
| return iosPromote === true && iosAppStoreId != null | |
| } else if (platform === 'Android') { | |
| return androidPromote === true && androidBundleId != null | |
| } | |
| return false | |
| } | |
| // Check if we should show the modal | |
| function shouldShowModal() { | |
| // @ts-expect-error - vendor is deprecated but still needed for user agent detection | |
| const userAgent = navigator.userAgent || navigator.vendor || window.opera | |
| const platform = getPlatform(userAgent) | |
| // Check if app should be promoted for this platform | |
| if (!shouldPromoteAppForPlatform(platform)) { | |
| return false | |
| } | |
| // Check localStorage for last closed timestamp | |
| try { | |
| const lastClosedStr = localStorage.getItem(MODAL_LAST_CLOSED) | |
| if (lastClosedStr) { | |
| const lastClosed = parseInt(lastClosedStr, 10) | |
| const now = Date.now() | |
| if (now - lastClosed <= MODAL_TIMEOUT) { | |
| return false | |
| } | |
| } | |
| } catch (error) { | |
| // localStorage might not be available | |
| return false | |
| } | |
| return true | |
| } | |
| // Show modal | |
| function showModal() { | |
| const modal = document.getElementById('mobile-app-promo-modal') | |
| if (modal) { | |
| modal.classList.remove('hidden') | |
| modal.classList.add('flex') | |
| document.body.classList.add('modal-locked') | |
| // Track "App Promo Viewed" event | |
| sendAnalyticsEvent('App Promo Viewed', { element: 'modal' }) | |
| } | |
| } | |
| // Close modal with trigger reason for analytics | |
| function closeModal(trigger) { | |
| const modal = document.getElementById('mobile-app-promo-modal') | |
| if (modal) { | |
| modal.classList.remove('flex') | |
| modal.classList.add('hidden') | |
| document.body.classList.remove('modal-locked') | |
| // Track "App Promo Closed" event | |
| sendAnalyticsEvent('App Promo Closed', { element: 'modal', trigger: trigger }) | |
| // Write timestamp to localStorage | |
| try { | |
| localStorage.setItem(MODAL_LAST_CLOSED, Date.now().toString()) | |
| } catch (error) { | |
| // localStorage might not be available | |
| } | |
| } | |
| } | |
| // Initialize | |
| if (shouldShowModal()) { | |
| showModal() | |
| } | |
| // Close button handler | |
| const closeButton = document.getElementById('close-modal-button') | |
| if (closeButton) { | |
| closeButton.addEventListener('click', function() { | |
| closeModal('closeButton') | |
| }) | |
| } | |
| // Backdrop click handler | |
| const modal = document.getElementById('mobile-app-promo-modal') | |
| if (modal) { | |
| modal.addEventListener('click', (event) => { | |
| if (event.target === modal) { | |
| closeModal('backdrop') | |
| } | |
| }) | |
| } | |
| // App store button click handler for CTA tracking | |
| const appStoreButton = document.getElementById('app-store-button') | |
| if (appStoreButton) { | |
| appStoreButton.addEventListener('click', function() { | |
| sendAnalyticsEvent('App Promo CTA Clicked', { element: 'modal' }) | |
| }) | |
| } | |
| })();</script> <script>(function(){const brandId = "K0rzIXlWJM0O"; | |
| const locations = [{"id":"3UqiwbWCawGi","slug":"nipponcurrysf"},{"id":"LhIODRKw6DHz","slug":"nipponcurryberkeley"},{"id":"N2QR7bdcKMc0","slug":"nipponcurrysj"}]; | |
| const isMultiLocation = true; | |
| const CHECKOUT_STORAGE_KEY = 'checkout-state-' + brandId | |
| const CUSTOMER_STORAGE_KEY = 'user-brand-auth-' + brandId | |
| const PREVIOUSLY_VISITED_KEY = 'previously-visited-' + brandId | |
| const EXPIRATION_TIME = 7 * 24 * 60 * 60 * 1000 // 1 week | |
| function isWithinDays(dateString, days) { | |
| if (!dateString) return false | |
| const date = new Date(dateString) | |
| const now = new Date() | |
| const cutoff = new Date(now.getTime() - days * 24 * 60 * 60 * 1000) | |
| return date > cutoff | |
| } | |
| function getLocationSlug(locationId) { | |
| for (let i = 0; i < locations.length; i++) { | |
| if (locations[i].id === locationId) { | |
| return locations[i].slug | |
| } | |
| } | |
| return null | |
| } | |
| function updateMenuLinks(locationSlug) { | |
| const menuLink = '/menu/' + locationSlug | |
| const elements = document.querySelectorAll('[data-menu-link]') | |
| elements.forEach(function (el) { | |
| const href = el.getAttribute('href') | |
| if (href === '/menu') { | |
| el.setAttribute('href', menuLink) | |
| } else if (href && href.startsWith('/menu?')) { | |
| // Preserve query params (e.g., /menu?item=pizza becomes /menu/slug?item=pizza) | |
| el.setAttribute('href', menuLink + href.slice(5)) | |
| } | |
| }) | |
| } | |
| function getLocationSlugFromPath() { | |
| const segments = window.location.pathname.split('/').filter(Boolean) | |
| // Dev / preview partnersite path: /partnersite/{brandId}/{slug} | |
| if (segments[0] === 'partnersite' && segments.length >= 3) { | |
| return segments[2] | |
| } | |
| // Restaurant path: /restaurant/{slug} | |
| if (segments[0] === 'restaurant' && segments.length >= 2) { | |
| return segments[1] | |
| } | |
| // First-party / custom-domain location path: /{slug} | |
| if (segments.length === 1) { | |
| return segments[0] | |
| } | |
| return null | |
| } | |
| function getAuthToken() { | |
| try { | |
| const stored = window.localStorage.getItem(CUSTOMER_STORAGE_KEY) | |
| if (!stored) return null | |
| const state = JSON.parse(stored) | |
| // Try customerCSRF first (logged in), then guestToken | |
| return state.customerCSRF?.csrfToken || state.guestToken?.csrfToken || null | |
| } catch (e) { | |
| return null | |
| } | |
| } | |
| function getCartId() { | |
| try { | |
| const stored = window.localStorage.getItem(CHECKOUT_STORAGE_KEY) | |
| if (!stored) return null | |
| const state = JSON.parse(stored) | |
| return state.menuCartId || null | |
| } catch (e) { | |
| return null | |
| } | |
| } | |
| function getPreviouslyVisited() { | |
| try { | |
| const stored = window.localStorage.getItem(PREVIOUSLY_VISITED_KEY) | |
| if (!stored) return false | |
| const data = JSON.parse(stored) | |
| // Check if expired (older than 1 week) | |
| if (Date.now() - data.timestamp > EXPIRATION_TIME) { | |
| window.localStorage.removeItem(PREVIOUSLY_VISITED_KEY) | |
| return false | |
| } | |
| return data.visited | |
| } catch (e) { | |
| return false | |
| } | |
| } | |
| /** | |
| * For first-time visitors, add ?dialogState=orderDetails to order CTA links. | |
| * | |
| * Mercury logic (useCtaLink.ts -> useMenuLink.ts): | |
| * - For OLO CTA links, add dialogState when the visitor is not previouslyVisited | |
| * - Do NOT apply to generic navigation links to /menu (e.g. "Menu" in the navbar) | |
| */ | |
| function updateOrderLinksForFirstTimeVisitor() { | |
| // Check the previouslyVisited flag | |
| if (getPreviouslyVisited()) { | |
| return | |
| } | |
| // First-time visitor - add dialogState to explicit order CTA links | |
| const orderLinks = document.querySelectorAll('[data-order-link]') | |
| orderLinks.forEach(function (el) { | |
| const href = el.getAttribute('href') | |
| if (!href) { | |
| return | |
| } | |
| // Internal menu links only (never apply to external ordering links) | |
| if (href.startsWith('http://') || href.startsWith('https://')) { | |
| return | |
| } | |
| // Only apply to OLO menu paths (exclude catering) | |
| if (!href.startsWith('/menu') || href.startsWith('/menu/catering')) { | |
| return | |
| } | |
| // Avoid duplicating dialogState | |
| if (href.includes('dialogState=orderDetails')) { | |
| return | |
| } | |
| // Add dialogState=orderDetails | |
| const separator = href.includes('?') ? '&' : '?' | |
| el.setAttribute('href', href + separator + 'dialogState=orderDetails') | |
| }) | |
| } | |
| async function fetchCartAndUpdateLinks() { | |
| const cartId = getCartId() | |
| if (!cartId) return | |
| const authToken = getAuthToken() | |
| if (!authToken) return | |
| try { | |
| // Path is /carts/v3/{cartId} - the cart router has path "/{cartId}" | |
| const response = await fetch('/api/olympus/carts/v3/' + cartId, { | |
| method: 'GET', | |
| headers: { | |
| 'Content-Type': 'application/json', | |
| 'X-PB-Audience': 'mercury:guest', | |
| 'X-PB-Client': 'web', | |
| 'X-CSRFToken': authToken, | |
| }, | |
| credentials: 'include', | |
| }) | |
| if (!response.ok) return | |
| const cart = await response.json() | |
| // Check if cart has setupCompletedAt within last 24 hours | |
| if (cart && cart.setupCompletedAt && isWithinDays(cart.setupCompletedAt, 1)) { | |
| const locationSlug = getLocationSlug(cart.locationId) | |
| if (locationSlug) { | |
| updateMenuLinks(locationSlug) | |
| } | |
| } | |
| } catch (e) { | |
| // Silently fail - user will just go to /menu and be redirected there | |
| } | |
| } | |
| function runUpdates() { | |
| // Update order CTA links for first-time visitors (runs immediately, no network call) | |
| updateOrderLinksForFirstTimeVisitor() | |
| if (!isMultiLocation) { | |
| return | |
| } | |
| // For multi-location brands, prefer explicit location pages over cart-based routing. | |
| const slugFromPath = getLocationSlugFromPath() | |
| if (slugFromPath) { | |
| // Only apply if this slug matches a known live location | |
| const hasMatchingLocation = locations.some(function (loc) { | |
| return loc.slug === slugFromPath | |
| }) | |
| if (hasMatchingLocation) { | |
| updateMenuLinks(slugFromPath) | |
| return | |
| } | |
| } | |
| // Otherwise, fall back to cart-based detection when the browser is idle. | |
| if ('requestIdleCallback' in window) { | |
| window.requestIdleCallback(function () { | |
| fetchCartAndUpdateLinks() | |
| }, { timeout: 5000 }) // Max 5 second delay | |
| } else { | |
| // Fallback: run after a short delay to not block initial render | |
| setTimeout(fetchCartAndUpdateLinks, 1000) | |
| } | |
| } | |
| // Schedule on initial load | |
| if (document.readyState === 'loading') { | |
| document.addEventListener('DOMContentLoaded', runUpdates) | |
| } else { | |
| runUpdates() | |
| } | |
| // Re-run on Astro page transitions | |
| document.addEventListener('astro:page-load', runUpdates) | |
| })();</script> <script>(function(){const brandId = "K0rzIXlWJM0O"; | |
| const explicitLocationId = null; | |
| (function() { | |
| // Parse cookie by name | |
| function getCookie(name) { | |
| var cookies = document.cookie.split(';'); | |
| for (var i = 0; i < cookies.length; i++) { | |
| var cookie = cookies[i].trim(); | |
| if (cookie.startsWith(name + '=')) { | |
| return cookie.substring(name.length + 1); | |
| } | |
| } | |
| return null; | |
| } | |
| // Get stable ID from cookie (set by mercury-cloudflare-worker) | |
| var stableId = getCookie('owner-stable-id'); | |
| if (!stableId) { | |
| // No stable ID cookie - skip all analytics tracking | |
| return; | |
| } | |
| // Get bot detection data from cookie (set by mercury-cloudflare-worker) | |
| var botData = null; | |
| var botCookie = getCookie('owner-bot'); | |
| if (botCookie) { | |
| try { | |
| botData = JSON.parse(decodeURIComponent(botCookie)); | |
| } catch (e) { | |
| // Ignore parse errors | |
| } | |
| } | |
| // Get utm_customer from URL if present | |
| var urlParams = new URLSearchParams(window.location.search); | |
| var customerId = urlParams.get('utm_customer') || null; | |
| // Send analytics event to the worker | |
| function sendAnalyticsEvent(event, extraProperties) { | |
| var payload = { | |
| event: event, | |
| properties: { | |
| brandId: brandId, | |
| stableId: stableId, | |
| locationId: explicitLocationId, | |
| url: window.location.href, | |
| path: window.location.pathname, | |
| title: document.title, | |
| search: window.location.search, | |
| name: window.location.pathname, | |
| customerId: customerId, | |
| webMode: 'apollo', | |
| cfBotScore: botData ? botData.score : null, | |
| cfVerifiedBot: botData ? botData.verifiedBot : null | |
| } | |
| }; | |
| // Merge extra properties if provided | |
| if (extraProperties) { | |
| for (var key in extraProperties) { | |
| if (extraProperties.hasOwnProperty(key)) { | |
| payload.properties[key] = extraProperties[key]; | |
| } | |
| } | |
| } | |
| // Use sendBeacon for reliability (works even during page unload) | |
| if (navigator.sendBeacon) { | |
| navigator.sendBeacon('/track-analytics/', JSON.stringify(payload)); | |
| } else { | |
| // Fallback to fetch with keepalive | |
| fetch('/track-analytics/', { | |
| method: 'POST', | |
| headers: { 'Content-Type': 'application/json' }, | |
| body: JSON.stringify(payload), | |
| keepalive: true | |
| }).catch(function() { | |
| // Silently fail - analytics is non-critical | |
| }); | |
| } | |
| } | |
| // Track page view - only once per page load | |
| if (!window.__ownerAnalyticsPageViewSent) { | |
| window.__ownerAnalyticsPageViewSent = true; | |
| sendAnalyticsEvent('Loaded a Page'); | |
| } | |
| // Track menu button clicks | |
| function attachMenuClickTracking() { | |
| var buttons = document.querySelectorAll('[data-track-menu-click]'); | |
| buttons.forEach(function(button) { | |
| // Avoid duplicate listeners | |
| if (button.dataset.trackMenuClickAttached) return; | |
| button.dataset.trackMenuClickAttached = 'true'; | |
| button.addEventListener('click', function() { | |
| var from = button.getAttribute('data-track-menu-click'); | |
| sendAnalyticsEvent('Partner Site Menu Button Clicked', { from: from }); | |
| }); | |
| }); | |
| } | |
| // Attach tracking on DOM ready | |
| if (document.readyState === 'loading') { | |
| document.addEventListener('DOMContentLoaded', attachMenuClickTracking); | |
| } else { | |
| attachMenuClickTracking(); | |
| } | |
| // Re-attach after Astro page transitions (View Transitions support) | |
| document.addEventListener('astro:page-load', function() { | |
| // Reset page view flag for new page | |
| window.__ownerAnalyticsPageViewSent = false; | |
| sendAnalyticsEvent('Loaded a Page'); | |
| attachMenuClickTracking(); | |
| }); | |
| // Expose function globally for dynamic elements | |
| window.__ownerTrackMenuClick = function(from) { | |
| sendAnalyticsEvent('Partner Site Menu Button Clicked', { from: from }); | |
| }; | |
| })(); | |
| })();</script> <script id="structured-location-data" type="application/ld+json">[{"@context":"https://schema.org","@type":"Organization","name":"Nippon Curry","logo":"https://static-content.owner.com/funnel/images/94aa8de6-a6ad-4f17-b0ea-bcee536207a6?v=5934986789","url":"https://nipponcurry.com/","keywords":["Japanese Food","Asian Food","Curry","Japanese","Milk Tea","Fish Curry","Japanese Curry","Crab","Curry Rice","Donburi","Karaage","Matcha","Ramune","Tonkatsu","Fish","Fish Fry","Oyster","Oysters","Prawns","Seafood","Salads","Vegetarian Food","Lunch","Dinner","Takeout","Delivery"],"subOrganization":[{"@type":"Restaurant","name":"Nippon Curry San Francisco","telephone":"(415) 660-5170","hasMenu":"https://nipponcurry.com/menu","address":{"@type":"PostalAddress","streetAddress":"3347 Fillmore St","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94123","addressCountry":"US"},"geo":{"@type":"GeoCoordinates","longitude":-122.4365043,"latitude":37.8004866},"url":"https://nipponcurry.com/nipponcurrysf"},{"@type":"Restaurant","name":"Nippon Curry Berkeley","telephone":"(510) 705-1254","hasMenu":"https://nipponcurry.com/menu","address":{"@type":"PostalAddress","streetAddress":"2512 Bancroft Way","addressLocality":"Berkeley","addressRegion":"CA","postalCode":"94704","addressCountry":"US"},"geo":{"@type":"GeoCoordinates","longitude":-122.2587976,"latitude":37.8686612},"url":"https://nipponcurry.com/nipponcurryberkeley"},{"@type":"Restaurant","name":"Nippon Curry San Jose","telephone":"(669) 344-3001","hasMenu":"https://nipponcurry.com/menu","address":{"@type":"PostalAddress","streetAddress":"82 E Santa Clara St","addressLocality":"San Jose","addressRegion":"CA","postalCode":"95113","addressCountry":"US"},"geo":{"@type":"GeoCoordinates","longitude":-121.8886937,"latitude":37.3369052},"url":"https://nipponcurry.com/nipponcurrysj"}]},{"@context":"https://schema.org","@type":"FAQPage","url":"https://nipponcurry.com/","inLanguage":"en","mainEntity":[{"@type":"Question","name":"What are you known for?","acceptedAnswer":{"@type":"Answer","text":"We are known for Seafood, Fish Fry, Prawns, Matcha, Crab, Donburi, Curry Rice, Oyster, Japanese, Curry, Tonkatsu, Milk Tea, Fish, Salads, Oysters, Fish Curry, Vegetarian Food, Asian Food, and Karaage"}},{"@type":"Question","name":"What meals do you serve?","acceptedAnswer":{"@type":"Answer","text":"We serve Lunch and Dinner"}},{"@type":"Question","name":"Do you offer delivery or takeout?","acceptedAnswer":{"@type":"Answer","text":"Yes, we offer Takeout and Delivery"}},{"@type":"Question","name":"What areas do you serve?","acceptedAnswer":{"@type":"Answer","text":"We serve the following areas: Berkeley, Western Addition, Marina District, Chinatown, Oakland, Santa Clara, Fort Winfield Scott, San Francisco, Albany, Richmond District, Emeryville, Marina, Kensington, Mission District, Pacific Heights, Fruitdale, Piedmont, San Jose, San Jose - University, Wayne"}}]}]</script> <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{"rayId":"9c945f9d6d92cff9","serverTiming":{"name":{"cfExtPri":true,"cfEdge":true,"cfOrigin":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"version":"2025.9.1","token":"651815fe495143b48c64cb0561254d24"}" crossorigin="anonymous"></script> | |
| <script> | |
| (function() { | |
| // Only run once per page load | |
| if (window.__apolloExposureLogged) return; | |
| window.__apolloExposureLogged = true; | |
| // Parse a cookie value by name | |
| function getCookie(name) { | |
| var cookies = document.cookie.split(';'); | |
| for (var i = 0; i < cookies.length; i++) { | |
| var cookie = cookies[i].trim(); | |
| if (cookie.startsWith(name + '=')) { | |
| return cookie.substring(name.length + 1); | |
| } | |
| } | |
| return null; | |
| } | |
| // Check if user is in the A/B experiment (not full Apollo or other reasons) | |
| // Format: "true-brand-control-a-b-experiment" or "true-manual-experiment-brand-{brandId}" | |
| var segregationReason = getCookie('owner-apollo-segregation-reason'); | |
| if (!segregationReason) return; | |
| var isInExperiment = | |
| segregationReason.indexOf('a-b-experiment') !== -1 || | |
| segregationReason.indexOf('manual-experiment-brand') !== -1; | |
| if (!isInExperiment) return; | |
| var stableId = getCookie('owner-stable-id'); | |
| if (!stableId) return; | |
| // Send exposure event to the mercury cloudflare worker | |
| // Use sendBeacon for reliability (works even during page unload) | |
| var payload = JSON.stringify({ stableId: stableId, value: 'test' }); | |
| if (navigator.sendBeacon) { | |
| navigator.sendBeacon('/log-apollo-exposure/', payload); | |
| } else { | |
| // Fallback to fetch with keepalive | |
| fetch('/log-apollo-exposure/', { | |
| method: 'POST', | |
| headers: { 'Content-Type': 'application/json' }, | |
| body: payload, | |
| keepalive: true | |
| }).catch(function() { | |
| // Silently fail - exposure logging is non-critical | |
| }); | |
| } | |
| })(); | |
| </script></body></html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment