/* GENERATED by scripts/store-chrome/sync.mjs from https://www.wootware.co.za on 2026-10-23. Do not edit: re-run the script. */
@layer properties {
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
[data-v-8c8627d0], [data-v-8c8627d0]::backdrop, [data-v-8c8627d0]::after, [data-v-8c8627d0]::before { --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%; }
}
}
.acct[data-v-8c8627d0] { position: relative; }
@media (width <= 640px) {
.acct[data-v-8c8627d0] { display: none; }
}
.icon-btn[data-v-8c8627d0] { width: 44px; height: 44px; color: var(--color-surface-600,oklch(44.2% .017 285.786)); justify-content: center; align-items: center; display: inline-flex; }
.icon-btn[data-v-8c8627d0]:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-surface-400,oklch(70.5% .015 286.067)); }
.icon-btn[data-v-8c8627d0] { border-radius: max(0px,calc(var(--ww-radius,0px) - 2px)); border: 1px solid rgba(0, 0, 0, 0); transition: color 0.15s, background 0.15s; position: relative; }
.icon-btn[data-v-8c8627d0]:hover { background-color: var(--color-surface-100,oklch(96.7% .001 286.375)); color: var(--color-primary-500,oklch(76.9% .188 70.08)); }
.icon-btn[data-v-8c8627d0]:hover:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-surface-800,oklch(27.4% .006 286.033)); }
.panel[data-v-8c8627d0] { z-index: 60; border-radius: max(0px,calc(var(--ww-radius,0px) - 2px)); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-surface-200,oklch(92% .004 286.32)); background-color: var(--color-surface-50,oklch(98.5% 0 0)); width: 304px; max-width: calc(-24px + 100vw); position: absolute; top: calc(100% + 4px); right: 0px; }
.panel[data-v-8c8627d0]:where([data-theme="dark"], [data-theme="dark"] *) { border-color: var(--color-surface-700,oklch(37% .013 285.805)); background-color: var(--color-surface-900,oklch(21% .006 285.885)); }
.panel[data-v-8c8627d0] { overflow: hidden; box-shadow: rgba(0, 0, 0, 0.22) 0px 14px 30px; }
.avatar[data-v-8c8627d0], .item[data-v-8c8627d0] { align-items: center; }
.item[data-v-8c8627d0] { color: var(--color-surface-700,oklch(37% .013 285.805)); gap: 8px; padding: 8px 16px; font-size: 14px; display: flex; }
.item[data-v-8c8627d0]:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-surface-300,oklch(87.1% .006 286.286)); }
.item[data-v-8c8627d0] { transition: color 0.15s, background 0.15s; }
.item[data-v-8c8627d0]:hover { background-color: var(--color-surface-100,oklch(96.7% .001 286.375)); color: var(--color-surface-900,oklch(21% .006 285.885)); }
.item[data-v-8c8627d0]:hover:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-surface-800,oklch(27.4% .006 286.033)); color: var(--color-white,#fff); }
@layer properties {
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
[data-v-15dd26b5], [data-v-15dd26b5]::backdrop, [data-v-15dd26b5]::after, [data-v-15dd26b5]::before { --tw-border-style: solid; }
}
}
.mast[data-v-15dd26b5] { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-surface-200,oklch(92% .004 286.32)); background-color: var(--color-canvas,oklch(97.5% .005 75)); }
.mast[data-v-15dd26b5]:where([data-theme="dark"], [data-theme="dark"] *) { border-color: var(--color-surface-700,oklch(37% .013 285.805)); background-color: var(--color-surface-950,oklch(14.1% .005 285.823)); }
.mast[data-v-15dd26b5] { z-index: 50; position: sticky; top: 0px; }
.row[data-v-15dd26b5] { grid-template-columns: auto 1fr auto; align-items: center; gap: 32px; height: 84px; display: grid; }
.logo[data-v-15dd26b5] { flex-shrink: 0; }
.logo img[data-v-15dd26b5] { width: auto; height: 34px; }
.search[data-v-15dd26b5] { border-radius: max(0px,calc(var(--ww-radius,0px) - 2px)); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-surface-200,oklch(92% .004 286.32)); background-color: var(--color-surface-50,oklch(98.5% 0 0)); grid-template-columns: 1fr auto; display: grid; }
.search[data-v-15dd26b5]:where([data-theme="dark"], [data-theme="dark"] *) { border-color: var(--color-surface-700,oklch(37% .013 285.805)); background-color: var(--color-surface-900,oklch(21% .006 285.885)); }
.search[data-v-15dd26b5] { align-items: center; height: 50px; transition: border-color 0.15s; overflow: hidden; }
.search[data-v-15dd26b5]:focus-within { border-color: var(--color-primary-500); }
.search input[data-v-15dd26b5] { color: var(--color-surface-900,oklch(21% .006 285.885)); background: 0px 0px; border: 0px; }
.search input[data-v-15dd26b5]:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-white,#fff); }
.search input[data-v-15dd26b5] { outline: none; width: 100%; height: 100%; padding: 0px 16px; font-family: inherit; font-size: 14px; }
.search input[data-v-15dd26b5]::placeholder { color: var(--color-surface-500,oklch(55.2% .016 285.938)); }
.search .go[data-v-15dd26b5] { background: var(--color-primary-500); color: rgb(0, 0, 0); justify-content: center; align-items: center; gap: 6px; width: 84px; height: 100%; font-size: 13px; font-weight: 700; transition: background 0.15s; display: inline-flex; }
.search .go[data-v-15dd26b5]:hover { background: var(--color-primary-400); }
.search-wrap[data-v-15dd26b5] { position: relative; }
.search-panel[data-v-15dd26b5] { z-index: 60; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-surface-200,oklch(92% .004 286.32)); background-color: var(--color-surface-50,oklch(98.5% 0 0)); position: absolute; top: calc(100% + 4px); left: 0px; right: 0px; }
.search-panel[data-v-15dd26b5]:where([data-theme="dark"], [data-theme="dark"] *) { border-color: var(--color-surface-700,oklch(37% .013 285.805)); background-color: var(--color-surface-900,oklch(21% .006 285.885)); }
.search-panel[data-v-15dd26b5] { border-radius: var(--ww-radius,0); max-height: 72vh; overflow-y: auto; box-shadow: rgba(0, 0, 0, 0.22) 0px 14px 30px; }
.util[data-v-15dd26b5] { align-items: center; gap: 6px; display: flex; }
@media (width >= 1024px) {
.util .hamburger[data-v-15dd26b5] { display: none; }
}
.icon-btn[data-v-15dd26b5] { width: 44px; height: 44px; color: var(--color-surface-600,oklch(44.2% .017 285.786)); justify-content: center; align-items: center; display: inline-flex; }
.icon-btn[data-v-15dd26b5]:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-surface-400,oklch(70.5% .015 286.067)); }
.icon-btn[data-v-15dd26b5] { border-radius: max(0px,calc(var(--ww-radius,0px) - 2px)); border: 1px solid rgba(0, 0, 0, 0); transition: color 0.15s, background 0.15s; position: relative; }
.icon-btn[data-v-15dd26b5]:hover { background-color: var(--color-surface-100,oklch(96.7% .001 286.375)); color: var(--color-primary-500,oklch(76.9% .188 70.08)); }
.icon-btn[data-v-15dd26b5]:hover:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-surface-800,oklch(27.4% .006 286.033)); }
@keyframes woot-icon-shake-15dd26b5 { 
0%, 100% { transform: rotate(0deg); }
8% { transform: rotate(-14deg); }
16% { transform: rotate(12deg); }
24% { transform: rotate(-9deg); }
32% { transform: rotate(7deg); }
40% { transform: rotate(-4deg); }
48% { transform: rotate(2deg); }
56% { transform: rotate(0deg); }
}
@media (width <= 980px) {
.row[data-v-15dd26b5] { grid-template-columns: auto 1fr auto; gap: 16px; height: 70px; }
.logo img[data-v-15dd26b5] { height: 28px; }
.search[data-v-15dd26b5] { height: 44px; }
.search .go[data-v-15dd26b5] { width: 64px; }
}
.search-icon[data-v-15dd26b5] { display: none; }
@media (width <= 640px) {
.row[data-v-15dd26b5] { grid-template-columns: auto 1fr; grid-template-areas: "logo util"; align-items: center; column-gap: 16px; height: 72px; }
.logo[data-v-15dd26b5] { grid-area: logo; }
.util[data-v-15dd26b5] { grid-area: util; justify-self: end; }
.icon-btn[data-v-15dd26b5]:nth-child(n+2), .search-wrap[data-v-15dd26b5] { display: none; }
.util .icon-btn.cart-icon[data-v-15dd26b5], .util .icon-btn.chat-icon[data-v-15dd26b5], .util .icon-btn.search-icon[data-v-15dd26b5] { display: inline-flex; }
.util .icon-btn.search-icon[data-v-15dd26b5] { order: -2; }
.util .icon-btn.chat-icon[data-v-15dd26b5] { order: -1; }
}
.mega-link { transition: color 0.15s; position: relative; }
.mega-link:hover { color: var(--color-primary-500); }
.mega-link .mega-underline { background: var(--color-primary-500); width: 0px; height: 1px; transition: width 0.2s; position: absolute; bottom: -2px; left: 0px; }
.mega-link:hover .mega-underline { width: 100%; }
.mega-foot-link { transition: color 0.15s; }
.mega-foot-link:hover { color: var(--color-primary-400); }
.mega-foot-link svg { transition: transform 0.15s; }
.mega-foot-link:hover svg { transform: translate(2px); }
@media (prefers-reduced-motion: reduce) {
.mega-foot-link, .mega-foot-link svg, .mega-link, .mega-link .mega-underline, .mega-panel { transition: none !important; }
.mega-foot-link:hover svg { transform: none; }
}
@keyframes ww-sheet-in { 
0% { transform: translate(100%); }
}
@keyframes ww-sheet-out { 
100% { transform: translate(100%); }
}
@keyframes ww-scrim-in { 
0% { opacity: 0; }
}
@keyframes ww-scrim-out { 
100% { opacity: 0; }
}
[data-mobile-sheet][data-state="open"] { animation: ww-sheet-in .3s var(--ease-standard); }
[data-mobile-menu][data-state="open"] { animation: ww-scrim-in .3s var(--ease-standard); }
[data-mobile-sheet] .mobile-pane { opacity: 1; pointer-events: auto; transition: transform .32s var(--ease-out-quint),opacity .2s ease; transform: translate(0px); }
[data-mobile-sheet]:not([data-active-cat="root"]) .mobile-pane[data-mobile-pane="root"] { opacity: 0; pointer-events: none; transform: translate(-22%); }
[data-mobile-sheet] .mobile-pane-cat { opacity: 0; pointer-events: none; transform: translate(100%); }
[data-mobile-sheet]:not([data-active-cat="root"]) .mobile-pane-cat { opacity: 1; pointer-events: auto; transform: translate(0px); }
@media (prefers-reduced-motion: reduce) {
[data-mobile-menu], [data-mobile-sheet], [data-mobile-sheet] .mobile-pane { transition: none !important; animation: auto ease 0s 1 normal none running none !important; transform: none !important; }
}
.ui-icon[data-v-277c9f86] { stroke-width: var(--icon-stroke); flex: 0 0 auto; display: inline-flex; }
.ui-icon--default[data-v-277c9f86] { --icon-stroke: var(--icon-stroke-default,1.8); }
.ui-icon--bold[data-v-277c9f86] { --icon-stroke: var(--icon-stroke-bold,2.2); }
@keyframes ww-dot-fill-bcde4766 { 
0% { transform: scaleX(0); }
100% { transform: scaleX(1); }
}
@keyframes page-spinner-spin-1968aaa1 { 
100% { transform: rotate(1turn); }
}
@keyframes featured-shimmer-0875086a { 
0% { transform: translate(0px) skew(-12deg); }
100% { transform: translate(400%) skew(-12deg); }
}
@keyframes wish-beat-870c6a81 { 
0%, 100% { transform: scale(1); }
30% { transform: scale(1.25); }
45% { transform: scale(1); }
60% { transform: scale(1.15); }
}
@layer properties {
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
:host { --ww-anchor-offset: 144px; }
*, ::backdrop, ::after, ::before { --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-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-divide-x-reverse: 0; --tw-border-style: solid; --tw-divide-y-reverse: 0; --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; --tw-content: ""; }
}
}
@layer theme {
:host { --font-sans: "Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,system-ui,sans-serif; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --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-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --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-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-black: #000; --color-white: #fff; --spacing: 4px; --container-xs: 320px; --container-sm: 384px; --container-md: 448px; --container-lg: 512px; --container-xl: 576px; --container-2xl: 672px; --container-3xl: 768px; --container-5xl: 1024px; --container-6xl: 1152px; --text-xs: 12px; --text-xs--line-height: 1.33333; --text-sm: 14px; --text-sm--line-height: 1.42857; --text-base: 16px; --text-base--line-height: 1.5; --text-lg: 18px; --text-lg--line-height: 1.55556; --text-xl: 20px; --text-xl--line-height: 1.4; --text-2xl: 24px; --text-2xl--line-height: 1.33333; --text-3xl: 30px; --text-3xl--line-height: 1.2; --text-4xl: 36px; --text-4xl--line-height: 1.11111; --text-5xl: 48px; --text-5xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-tight: -.025em; --tracking-normal: 0em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --drop-shadow-sm: 0 1px 2px #00000026; --ease-in: cubic-bezier(.4,0,1,1); --ease-out: cubic-bezier(0,0,.2,1); --ease-in-out: cubic-bezier(.4,0,.2,1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0,0,.2,1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1) infinite; --blur-sm: 8px; --blur-md: 12px; --aspect-video: 16/9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4,0,.2,1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-canvas: oklch(97.5% .005 75); --text-xxxs: 10px; --text-xxs: 11px; --font-meta: "Space Grotesk",ui-sans-serif,system-ui,sans-serif; --ease-standard: cubic-bezier(.65,.05,.05,1); --container-max: 1480px; --color-shadow: oklch(0% 0 0); --color-primary-200: oklch(92.4% .12 95.746); --color-primary-300: oklch(87.9% .169 91.605); --color-primary-400: oklch(82.8% .189 84.429); --color-primary-500: oklch(76.9% .188 70.08); --color-primary-600: oklch(66.6% .179 58.318); --color-primary-700: oklch(55.5% .163 48.998); --color-primary-800: oklch(47.3% .137 46.201); --color-surface-50: oklch(98.5% 0 0); --color-surface-100: oklch(96.7% .001 286.375); --color-surface-200: oklch(92% .004 286.32); --color-surface-300: oklch(87.1% .006 286.286); --color-surface-400: oklch(70.5% .015 286.067); --color-surface-500: oklch(55.2% .016 285.938); --color-surface-600: oklch(44.2% .017 285.786); --color-surface-700: oklch(37% .013 285.805); --color-surface-800: oklch(27.4% .006 286.033); --color-surface-900: oklch(21% .006 285.885); --color-surface-950: oklch(14.1% .005 285.823); --radius-ww: var(--ww-radius,0px); --radius-ww-sm: max(0px,calc(var(--ww-radius,0px) - 2px)); }
}
@layer base {
*, ::backdrop, ::after, ::before { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
:host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
menu, ol, ul { list-style: none; }
audio, canvas, embed, iframe, img, object, svg, video { vertical-align: middle; display: block; }
img, video { max-width: 100%; height: auto; }
button, input, optgroup, select, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
::file-selector-button { margin-inline-end: 4px; }
::placeholder { opacity: 1; }
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
::placeholder { color: currentcolor; }
@supports (color:color-mix(in lab,red,red)) {
::placeholder { color: color-mix(currentcolor, transparent); }
}
}
::-webkit-search-decoration { appearance: none; }
::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }
::-webkit-datetime-edit { display: inline-flex; }
::-webkit-datetime-edit-fields-wrapper { padding: 0px; }
::-webkit-datetime-edit { padding-block: 0px; }
::-webkit-datetime-edit-year-field { padding-block: 0px; }
::-webkit-datetime-edit-day-field { padding-block: 0px; }
::-webkit-datetime-edit-month-field { padding-block: 0px; }
::-webkit-datetime-edit-hour-field { padding-block: 0px; }
::-webkit-datetime-edit-minute-field { padding-block: 0px; }
::-webkit-datetime-edit-millisecond-field { padding-block: 0px; }
::-webkit-datetime-edit-second-field { padding-block: 0px; }
::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
::-webkit-calendar-picker-indicator { line-height: 1; }
button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
::file-selector-button { appearance: button; }
::-webkit-inner-spin-button { height: auto; }
::-webkit-outer-spin-button { height: auto; }
[hidden]:where(:not([hidden="until-found"])) { display: none !important; }
:host { --lightningcss-light: initial; --lightningcss-dark: ; color-scheme: light; }
:host([data-theme="dark"]) { --lightningcss-light: ; --lightningcss-dark: initial; color-scheme: dark; }
::selection { background: rgba(249, 156, 0, 0.35); }
@supports (color:color-mix(in lab,red,red)) {
::selection { background: color-mix(in oklch,var(--color-primary-500) 35%,transparent); }
}
::selection { color: var(--color-surface-900); }
::selection:where() { color: var(--color-white); }
[role="button"], [type="button"], [type="reset"], [type="submit"], button { cursor: pointer; }
[role="button"][aria-disabled="true"], [type="button"]:disabled, [type="reset"]:disabled, [type="submit"]:disabled, button:disabled { cursor: not-allowed; }
}
@layer utilities {
.pointer-events-auto { pointer-events: auto; }
.pointer-events-none { pointer-events: none; }
.invisible { visibility: hidden; }
.sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; }
.absolute, .sr-only { position: absolute; }
.fixed { position: fixed; }
.relative { position: relative; }
.sticky { position: sticky; }
.inset-0 { inset: calc(var(--spacing)*0); }
.inset-x-0 { inset-inline: calc(var(--spacing)*0); }
.top-0 { top: calc(var(--spacing)*0); }
.top-full { top: 100%; }
.z-20 { z-index: 20; }
.z-40 { z-index: 40; }
.z-50 { z-index: 50; }
.z-60, .z-\[60\] { z-index: 60; }
.m-0 { margin: calc(var(--spacing)*0); }
.wrap { max-width: var(--container-max); margin-inline: auto; padding-inline: 32px; }
@media (width <= 820px) {
.wrap { padding-inline: 20px; }
}
@media (width <= 480px) {
.wrap { padding-inline: 16px; }
}
.-mx-4 { margin-inline: calc(var(--spacing)*-4); }
.mt-0 { margin-top: calc(var(--spacing)*0); }
.mt-0\.5 { margin-top: calc(var(--spacing)*.5); }
.mt-1 { margin-top: calc(var(--spacing)*1); }
.mt-3\.5 { margin-top: calc(var(--spacing)*3.5); }
.mt-8 { margin-top: calc(var(--spacing)*8); }
.mt-auto { margin-top: auto; }
.-mr-0\.5 { margin-right: calc(var(--spacing)*-.5); }
.-mr-3 { margin-right: calc(var(--spacing)*-3); }
.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-\[1\.125rem\] { margin-bottom: 18px; }
.ml-auto { margin-left: auto; }
.line-clamp-1, .line-clamp-2 { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.line-clamp-2 { -webkit-line-clamp: 2; }
.block { display: block; }
.flex { display: flex; }
.grid { display: grid; }
.hidden { display: none; }
.inline-flex { display: inline-flex; }
.h-3 { height: calc(var(--spacing)*3); }
.h-3\.5 { height: calc(var(--spacing)*3.5); }
.h-4 { height: calc(var(--spacing)*4); }
.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-full { height: 100%; }
.h-px { height: 1px; }
.max-h-\[70vh\] { max-height: 70vh; }
.min-h-\[3\.125rem\] { min-height: 50px; }
.min-h-\[3rem\] { min-height: 48px; }
.w-3\.5 { width: calc(var(--spacing)*3.5); }
.w-6 { width: calc(var(--spacing)*6); }
.w-9 { width: calc(var(--spacing)*9); }
.w-11 { width: calc(var(--spacing)*11); }
.w-12 { width: calc(var(--spacing)*12); }
.w-56 { width: calc(var(--spacing)*56); }
.w-auto { width: auto; }
.w-full { width: 100%; }
.max-w-\[20rem\] { max-width: 320px; }
.max-w-\[21\.25rem\] { max-width: 340px; }
.max-w-full { max-width: 100%; }
.min-w-0 { min-width: calc(var(--spacing)*0); }
.flex-1 { flex: 1 1 0%; }
.flex-none { flex: 0 0 auto; }
.shrink-0 { flex-shrink: 0; }
.origin-\(--reka-tooltip-content-transform-origin\) { transform-origin: var(--reka-tooltip-content-transform-origin); }
.-translate-y-1\/2, .-translate-y-full { translate: var(--tw-translate-x) var(--tw-translate-y); }
.-translate-y-full { --tw-translate-y: -100%; }
.icon-tap { cursor: pointer; transition: scale .18s var(--ease-standard),background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease; }
@media (hover: hover) {
.icon-tap:hover { scale: 1.07; }
}
.icon-tap:active { scale: 0.95; }
.icon-tap:focus-visible { outline: 2px solid var(--color-primary-500); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
.icon-tap { transition: background-color 0.2s, color 0.2s; }
.icon-tap:active, .icon-tap:hover { scale: 1; }
}
.rotate-180 { rotate: 180deg; }
.animate-\[ww-pop_0\.12s_ease-out\] { animation: 0.12s ease-out 0s 1 normal none running ww-pop; }
.cursor-pointer { cursor: pointer; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.grid-cols-\[1\.5fr_4fr\] { grid-template-columns: 1.5fr 4fr; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.items-start { align-items: flex-start; }
.items-stretch { align-items: stretch; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.gap-1 { gap: calc(var(--spacing)*1); }
.gap-1\.5 { gap: calc(var(--spacing)*1.5); }
.gap-2 { gap: calc(var(--spacing)*2); }
.gap-2\.5 { gap: calc(var(--spacing)*2.5); }
.gap-3 { gap: calc(var(--spacing)*3); }
.gap-3\.5 { gap: calc(var(--spacing)*3.5); }
.gap-4 { gap: calc(var(--spacing)*4); }
.gap-5 { gap: calc(var(--spacing)*5); }
.gap-12 { gap: calc(var(--spacing)*12); }
.gap-px { gap: 1px; }
:where(.space-y-1\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(var(--spacing)*1.5*var(--tw-space-y-reverse)); margin-block-end: calc(var(--spacing)*1.5*(1 - var(--tw-space-y-reverse))); }
.gap-x-4 { column-gap: calc(var(--spacing)*4); }
.gap-y-2 { row-gap: calc(var(--spacing)*2); }
.self-start { align-self: flex-start; }
.truncate { text-overflow: ellipsis; white-space: nowrap; }
.overflow-hidden, .truncate { overflow: hidden; }
.overflow-y-auto { overflow-y: auto; }
.rounded-ww { border-radius: var(--ww-radius,0); }
.rounded-ww-sm { border-radius: max(0px,calc(var(--ww-radius,0px) - 2px)); }
.border { border-style: var(--tw-border-style); border-width: 1px; }
.border-0 { border-style: var(--tw-border-style); border-width: 0px; }
.border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; }
.border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
.border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; }
.border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; }
.border-surface-200 { border-color: var(--color-surface-200); }
.border-surface-300 { border-color: var(--color-surface-300); }
.border-transparent { border-color: rgba(0, 0, 0, 0); }
.bg-black\/40 { background-color: rgba(0, 0, 0, 0.4); }
@supports (color:color-mix(in lab,red,red)) {
.bg-black\/40 { background-color: color-mix(in oklab,var(--color-black) 40%,transparent); }
}
.bg-canvas { background-color: var(--color-canvas); }
.bg-primary-500 { background-color: var(--color-primary-500); }
.bg-primary-500\/55 { background-color: rgba(249, 156, 0, 0.55); }
@supports (color:color-mix(in lab,red,red)) {
.bg-primary-500\/55 { background-color: color-mix(in oklab,var(--color-primary-500) 55%,transparent); }
}
.bg-surface-50 { background-color: var(--color-surface-50); }
.bg-surface-100 { background-color: var(--color-surface-100); }
.bg-surface-900 { background-color: var(--color-surface-900); }
.bg-transparent { background-color: rgba(0, 0, 0, 0); }
.bg-white { background-color: var(--color-white); }
.bg-size-\[5px_5px\, 5px_5px\] { background-size: 5px 5px, 5px 5px; }
.fill-surface-900 { fill: var(--color-surface-900); }
.object-contain { object-fit: contain; }
.p-1 { padding: calc(var(--spacing)*1); }
.px-1\.5 { padding-inline: calc(var(--spacing)*1.5); }
.px-2 { padding-inline: calc(var(--spacing)*2); }
.px-2\.5 { padding-inline: calc(var(--spacing)*2.5); }
.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-\[0\.875rem\] { padding-inline: 14px; }
.px-\[1\.125rem\] { padding-inline: 18px; }
.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-2\.5 { padding-block: calc(var(--spacing)*2.5); }
.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-10 { padding-block: calc(var(--spacing)*10); }
.pt-3 { padding-top: calc(var(--spacing)*3); }
.pt-3\.5 { padding-top: calc(var(--spacing)*3.5); }
.pt-5 { padding-top: calc(var(--spacing)*5); }
.pt-8 { padding-top: calc(var(--spacing)*8); }
.pt-12 { padding-top: calc(var(--spacing)*12); }
.pb-2 { padding-bottom: calc(var(--spacing)*2); }
.pb-3 { padding-bottom: calc(var(--spacing)*3); }
.pb-6 { padding-bottom: calc(var(--spacing)*6); }
.pb-8 { padding-bottom: calc(var(--spacing)*8); }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.eyebrow { text-transform: uppercase; letter-spacing: 0.14em; font-size: 11px; font-weight: 600; line-height: 1.2; }
.eyebrow, .meta { font-family: var(--font-meta); }
.\[font-family\:inherit\] { font-family: inherit; }
.font-meta { font-family: var(--font-meta); }
.font-sans { font-family: var(--font-sans); }
.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-xs { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
.text-\[0\.625rem\] { font-size: 10px; }
.text-\[0\.6875rem\] { font-size: 11px; }
.text-\[0\.8125rem\] { font-size: 13px; }
.text-\[0\.65625rem\] { font-size: 10.5px; }
.text-\[0\.78125rem\] { font-size: 12.5px; }
.text-\[0\.84375rem\] { font-size: 13.5px; }
.text-xxs { font-size: var(--text-xxs); }
.text-xxxs { font-size: var(--text-xxxs); }
.leading-\[1\.2\] { --tw-leading: 1.2; line-height: 1.2; }
.leading-\[1\.4\] { --tw-leading: 1.4; line-height: 1.4; }
.leading-\[1\.6\] { --tw-leading: 1.6; line-height: 1.6; }
.leading-none { --tw-leading: 1; line-height: 1; }
.leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); }
.leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); }
.leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); }
.font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
.font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); }
.font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
.font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
.tracking-\[-0\.01em\] { --tw-tracking: -.01em; letter-spacing: -0.01em; }
.tracking-\[-0\.005em\] { --tw-tracking: -.005em; letter-spacing: -0.005em; }
.tracking-\[0\.01em\] { --tw-tracking: .01em; letter-spacing: 0.01em; }
.tracking-\[0\.08em\] { --tw-tracking: .08em; letter-spacing: 0.08em; }
.tracking-\[0\.14em\] { --tw-tracking: .14em; letter-spacing: 0.14em; }
.tracking-\[0\.18em\] { --tw-tracking: .18em; letter-spacing: 0.18em; }
.tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); }
.text-\[\#1A1F71\] { color: rgb(26, 31, 113); }
.text-\[\#5F6368\] { color: rgb(95, 99, 104); }
.text-black { color: var(--color-black); }
.text-primary-500 { color: var(--color-primary-500); }
.text-purple-600 { color: var(--color-purple-600); }
.text-surface-500 { color: var(--color-surface-500); }
.text-surface-600 { color: var(--color-surface-600); }
.text-surface-700 { color: var(--color-surface-700); }
.text-surface-900 { color: var(--color-surface-900); }
.text-white { color: var(--color-white); }
.uppercase { text-transform: uppercase; }
.italic { font-style: italic; }
.tabular-nums { --tw-numeric-spacing: tabular-nums; 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; }
.opacity-0 { opacity: 0; }
.opacity-30 { opacity: 0.3; }
.shadow, .shadow-\[0_14px_30px_rgba\(0\,0\,0\,0\.22\)\] { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[0_14px_30px_rgba\(0\,0\,0\,0\.22\)\] { --tw-shadow: 0 14px 30px var(--tw-shadow-color,#00000038); }
.shadow-card, .shadow-lg { 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); }
.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); }
.ring, .ring-1, .ring-2 { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ring-surface-200 { --tw-ring-color: var(--color-surface-200); }
.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-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-150 { --tw-duration: .15s; transition-duration: 0.15s; }
.duration-200 { --tw-duration: .2s; transition-duration: 0.2s; }
.ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); }
.outline-none { --tw-outline-style: none; outline-style: none; }
.select-none { user-select: none; }
:is(.\*\:pointer-events-auto > *) { pointer-events: auto; }
.placeholder\:text-surface-500::placeholder { color: var(--color-surface-500); }
.before\:mb-2\.5::before { content: var(--tw-content); margin-bottom: calc(var(--spacing)*2.5); }
.before\:block::before { content: var(--tw-content); display: block; }
.before\:h-0\.5::before { content: var(--tw-content); height: calc(var(--spacing)*.5); }
.before\:w-7::before { content: var(--tw-content); width: calc(var(--spacing)*7); }
.before\:bg-primary-500::before { content: var(--tw-content); background-color: var(--color-primary-500); }
.before\:content-\[\'\'\]::before { --tw-content: ""; content: var(--tw-content); }
.focus-within\:border-primary-500:focus-within { border-color: var(--color-primary-500); }
@media (hover: hover) {
.hover\:scale-100:hover { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); }
.hover\:border-primary-500:hover { border-color: var(--color-primary-500); }
.hover\:border-surface-300:hover { border-color: var(--color-surface-300); }
.hover\:border-surface-400:hover { border-color: var(--color-surface-400); }
.hover\:bg-primary-400:hover { background-color: var(--color-primary-400); }
.hover\:bg-primary-500\/10:hover { background-color: rgba(249, 156, 0, 0.1); }
@supports (color:color-mix(in lab,red,red)) {
.hover\:bg-primary-500\/10:hover { background-color: color-mix(in oklab,var(--color-primary-500) 10%,transparent); }
}
.hover\:bg-surface-100:hover { background-color: var(--color-surface-100); }
.hover\:text-primary-500:hover { color: var(--color-primary-500); }
.hover\:text-purple-700:hover { color: var(--color-purple-700); }
.hover\:text-surface-900:hover { color: var(--color-surface-900); }
}
.focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; }
.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-primary-500:focus-visible { outline-color: var(--color-primary-500); }
.active\:scale-95:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); }
.disabled\:cursor-default:disabled { cursor: default; }
.disabled\:opacity-60:disabled { opacity: 0.6; }
@media (hover: hover) {
.disabled\:hover\:border-surface-300:disabled:hover { border-color: var(--color-surface-300); }
.disabled\:hover\:bg-surface-50:disabled:hover { background-color: var(--color-surface-50); }
.disabled\:hover\:text-surface-800:disabled:hover { color: var(--color-surface-800); }
}
.has-checked\:border-primary-500:has(:checked) { border-color: var(--color-primary-500); }
.has-focus-visible\:outline-2:has(:focus-visible) { outline-style: var(--tw-outline-style); outline-width: 2px; }
.has-focus-visible\:outline-offset-2:has(:focus-visible) { outline-offset: 2px; }
.has-focus-visible\:outline-primary-500:has(:focus-visible) { outline-color: var(--color-primary-500); }
.has-\[\:focus-visible\]\:outline-2:has(:focus-visible) { outline-style: var(--tw-outline-style); outline-width: 2px; }
.has-\[\:focus-visible\]\:-outline-offset-2:has(:focus-visible) { outline-offset: -2px; }
.has-\[\:focus-visible\]\:outline-primary-500:has(:focus-visible) { outline-color: var(--color-primary-500); }
.data-\[open\=true\]\:visible[data-open="true"] { visibility: visible; }
.data-\[open\=true\]\:opacity-100[data-open="true"] { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
.motion-reduce\:transition-none { transition-property: none; }
.motion-reduce\:active\:scale-100:active { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); }
}
@media not all and (width >= 980px) {
.max-\[980px\]\:col-span-full { grid-column: 1 / -1; }
.max-\[980px\]\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.max-\[980px\]\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.max-\[980px\]\:items-center { align-items: center; }
.max-\[980px\]\:justify-center { justify-content: center; }
.max-\[980px\]\:gap-9 { gap: calc(var(--spacing)*9); }
.max-\[980px\]\:pt-6 { padding-top: calc(var(--spacing)*6); }
.max-\[980px\]\:text-center { text-align: center; }
}
@media not all and (width >= 64rem) {
.max-lg\:hidden { display: none; }
}
@media (width >= 64rem) {
.lg\:block { display: block; }
.lg\:hidden { display: none; }
}
.dark\:block:where([data-theme="dark"], [data-theme="dark"] *) { display: block; }
.dark\:hidden:where([data-theme="dark"], [data-theme="dark"] *) { display: none; }
.dark\:inline-flex:where([data-theme="dark"], [data-theme="dark"] *) { display: inline-flex; }
.dark\:border-surface-600:where([data-theme="dark"], [data-theme="dark"] *) { border-color: var(--color-surface-600); }
.dark\:border-surface-700:where([data-theme="dark"], [data-theme="dark"] *) { border-color: var(--color-surface-700); }
.dark\:bg-surface-100:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-surface-100); }
.dark\:bg-surface-800:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-surface-800); }
.dark\:bg-surface-900:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-surface-900); }
.dark\:bg-surface-950:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-surface-950); }
.dark\:fill-surface-100:where([data-theme="dark"], [data-theme="dark"] *) { fill: var(--color-surface-100); }
.dark\:text-purple-400:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-purple-400); }
.dark\:text-surface-300:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-surface-300); }
.dark\:text-surface-400:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-surface-400); }
.dark\:text-surface-800:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-surface-800); }
.dark\:text-white:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-white); }
.dark\:ring-surface-700:where([data-theme="dark"], [data-theme="dark"] *) { --tw-ring-color: var(--color-surface-700); }
.dark\:placeholder\:text-surface-500:where([data-theme="dark"], [data-theme="dark"] *)::placeholder { color: var(--color-surface-500); }
.dark\:placeholder\:text-white:where([data-theme="dark"], [data-theme="dark"] *)::placeholder { color: var(--color-white); }
.dark\:focus-within\:border-white:where([data-theme="dark"], [data-theme="dark"] *):focus-within { border-color: var(--color-white); }
@media (hover: hover) {
.dark\:hover\:border-rose-500:where([data-theme="dark"], [data-theme="dark"] *):hover { border-color: var(--color-rose-500); }
.dark\:hover\:border-surface-500:where([data-theme="dark"], [data-theme="dark"] *):hover { border-color: var(--color-surface-500); }
.dark\:hover\:border-surface-600:where([data-theme="dark"], [data-theme="dark"] *):hover { border-color: var(--color-surface-600); }
.dark\:hover\:border-white\/30:where([data-theme="dark"], [data-theme="dark"] *):hover { border-color: rgba(255, 255, 255, 0.3); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:border-white\/30:where([data-theme="dark"], [data-theme="dark"] *):hover { border-color: color-mix(in oklab,var(--color-white) 30%,transparent); }
}
.dark\:hover\:bg-black\/15:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: rgba(0, 0, 0, 0.15); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-black\/15:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: color-mix(in oklab,var(--color-black) 15%,transparent); }
}
.dark\:hover\:bg-indigo-500\/35:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: rgba(98, 95, 255, 0.35); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-indigo-500\/35:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: color-mix(in oklab,var(--color-indigo-500) 35%,transparent); }
}
.dark\:hover\:bg-primary-500\/25:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: rgba(249, 156, 0, 0.25); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-primary-500\/25:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: color-mix(in oklab,var(--color-primary-500) 25%,transparent); }
}
.dark\:hover\:bg-red-500\/25:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: rgba(251, 44, 54, 0.25); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-red-500\/25:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: color-mix(in oklab,var(--color-red-500) 25%,transparent); }
}
.dark\:hover\:bg-red-600:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: var(--color-red-600); }
.dark\:hover\:bg-rose-950\/40:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: rgba(77, 2, 24, 0.4); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-rose-950\/40:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: color-mix(in oklab,var(--color-rose-950) 40%,transparent); }
}
.dark\:hover\:bg-surface-200:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: var(--color-surface-200); }
.dark\:hover\:bg-surface-500:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: var(--color-surface-500); }
.dark\:hover\:bg-surface-700:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: var(--color-surface-700); }
.dark\:hover\:bg-surface-800:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: var(--color-surface-800); }
.dark\:hover\:bg-surface-900:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: var(--color-surface-900); }
.dark\:hover\:bg-white:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: var(--color-white); }
.dark\:hover\:bg-white\/10:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: rgba(255, 255, 255, 0.1); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-white\/10:where([data-theme="dark"], [data-theme="dark"] *):hover { background-color: color-mix(in oklab,var(--color-white) 10%,transparent); }
}
.dark\:hover\:text-amber-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-amber-300); }
.dark\:hover\:text-black:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-black); }
.dark\:hover\:text-blue-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-blue-300); }
.dark\:hover\:text-cyan-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-cyan-300); }
.dark\:hover\:text-emerald-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-emerald-300); }
.dark\:hover\:text-fuchsia-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-fuchsia-300); }
.dark\:hover\:text-gray-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-gray-300); }
.dark\:hover\:text-green-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-green-300); }
.dark\:hover\:text-indigo-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-indigo-300); }
.dark\:hover\:text-lime-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-lime-300); }
.dark\:hover\:text-neutral-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-neutral-300); }
.dark\:hover\:text-orange-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-orange-300); }
.dark\:hover\:text-pink-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-pink-300); }
.dark\:hover\:text-primary-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-primary-300); }
.dark\:hover\:text-primary-400:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-primary-400); }
.dark\:hover\:text-primary-500:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-primary-500); }
.dark\:hover\:text-purple-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-purple-300); }
.dark\:hover\:text-red-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-red-300); }
.dark\:hover\:text-red-400:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-red-400); }
.dark\:hover\:text-rose-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-rose-300); }
.dark\:hover\:text-rose-400:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-rose-400); }
.dark\:hover\:text-sky-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-sky-300); }
.dark\:hover\:text-slate-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-slate-300); }
.dark\:hover\:text-stone-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-stone-300); }
.dark\:hover\:text-surface-200:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-surface-200); }
.dark\:hover\:text-surface-900:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-surface-900); }
.dark\:hover\:text-teal-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-teal-300); }
.dark\:hover\:text-violet-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-violet-300); }
.dark\:hover\:text-white:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-white); }
.dark\:hover\:text-yellow-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-yellow-300); }
.dark\:hover\:text-zinc-300:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-zinc-300); }
.dark\:hover\:ring-primary-400:where([data-theme="dark"], [data-theme="dark"] *):hover { --tw-ring-color: var(--color-primary-400); }
.dark\:hover\:ring-surface-600:where([data-theme="dark"], [data-theme="dark"] *):hover { --tw-ring-color: var(--color-surface-600); }
}
.dark\:focus\:border-white:where([data-theme="dark"], [data-theme="dark"] *):focus { border-color: var(--color-white); }
.dark\:focus-visible\:bg-surface-200:where([data-theme="dark"], [data-theme="dark"] *):focus-visible { background-color: var(--color-surface-200); }
.dark\:focus-visible\:bg-surface-700:where([data-theme="dark"], [data-theme="dark"] *):focus-visible { background-color: var(--color-surface-700); }
.dark\:focus-visible\:bg-surface-800:where([data-theme="dark"], [data-theme="dark"] *):focus-visible { background-color: var(--color-surface-800); }
.dark\:focus-visible\:bg-surface-900:where([data-theme="dark"], [data-theme="dark"] *):focus-visible { background-color: var(--color-surface-900); }
.dark\:focus-visible\:bg-white:where([data-theme="dark"], [data-theme="dark"] *):focus-visible { background-color: var(--color-white); }
.dark\:focus-visible\:text-surface-900:where([data-theme="dark"], [data-theme="dark"] *):focus-visible { color: var(--color-surface-900); }
.\[\&_a\:hover\]\:text-primary-600 a:hover { color: var(--color-primary-600); }
.dark\:\[\&_a\:hover\]\:text-primary-400:where([data-theme="dark"], [data-theme="dark"] *) a:hover { color: var(--color-primary-400); }
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker { display: none; }
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button { appearance: none; }
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button { appearance: none; }
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none; }
}
:host([data-theme="dark"][data-ww-dark="deep"]) { --color-surface-950: oklch(0% 0 0); --color-surface-900: oklch(14.1% .005 285.823); --color-surface-800: oklch(21% .006 285.885); --color-surface-700: oklch(27.4% .006 286.033); --color-surface-600: oklch(37% .013 285.805); }
:host { --ww-radius: var(--radius-lg,8px); }
:host([data-ww-radius="none"]) { --ww-radius: 0px; }
:host([data-ww-radius="sm"]) { --ww-radius: var(--radius-sm,4px); }
:host([data-ww-radius="md"]) { --ww-radius: var(--radius-md,6px); }
:host([data-ww-radius="lg"]) { --ww-radius: var(--radius-lg,8px); }
:host { --ww-header-h: 85px; --ww-catnav-h: 49px; --ww-chrome-h: calc(var(--ww-header-h) + var(--ww-catnav-h)); --ww-secnav-h: 49.25px; --ww-anchor-offset: calc(var(--ww-chrome-h) + var(--ww-secnav-h) + 16px); --ww-minicart-w: 416px; }
@media (width <= 1023px) {
:host { --ww-catnav-h: 0px; }
}
:host([data-ww-chrome-hidden]) { --ww-catnav-h: 0px; }
@media (width <= 980px) {
:host { --ww-header-h: 71px; }
}
@media (width <= 640px) {
:host { --ww-header-h: 73px; }
}
@keyframes checkout-enter { 
0% { opacity: 0; transform: translateY(8px); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes ww-pop { 
0% { opacity: 0; transform: scale(0.6); }
60% { opacity: 1; transform: scale(1.08); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes ww-rise { 
0% { opacity: 0; transform: translateY(8px); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes ww-wobble { 
0%, 100% { transform: translate(0px); }
15%, 45%, 75% { transform: translate(-5px); }
30%, 60%, 90% { transform: translate(5px); }
}
@keyframes spin { 
100% { transform: rotate(1turn); }
}
@keyframes ping { 
75%, 100% { opacity: 0; transform: scale(2); }
}
@keyframes pulse { 
50% { opacity: 0.5; }
}
.ui-icon[data-v-277c9f86] { stroke-width: var(--icon-stroke); flex: 0 0 auto; display: inline-flex; }
.ui-icon--default[data-v-277c9f86] { --icon-stroke: var(--icon-stroke-default,1.8); }
.ui-icon--bold[data-v-277c9f86] { --icon-stroke: var(--icon-stroke-bold,2.2); }
100% { transform: rotate(1turn); }
}
0%, 100% { transform: scale(1); }
30% { transform: scale(1.25); }
45% { transform: scale(1); }
60% { transform: scale(1.15); }
}
0% { transform: scaleX(0); }
100% { transform: scaleX(1); }
}
@layer properties {
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
[data-v-8c8627d0], [data-v-8c8627d0]::backdrop, [data-v-8c8627d0]::after, [data-v-8c8627d0]::before { --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%; }
[data-v-15dd26b5], [data-v-15dd26b5]::backdrop, [data-v-15dd26b5]::after, [data-v-15dd26b5]::before { --tw-border-style: solid; }
}
}
.acct[data-v-8c8627d0] { position: relative; }
@media (width <= 640px) {
.acct[data-v-8c8627d0] { display: none; }
}
.icon-btn[data-v-8c8627d0] { width: 44px; height: 44px; color: var(--color-surface-600,oklch(44.2% .017 285.786)); justify-content: center; align-items: center; display: inline-flex; }
.icon-btn[data-v-8c8627d0]:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-surface-400,oklch(70.5% .015 286.067)); }
.icon-btn[data-v-8c8627d0] { border-radius: max(0px,calc(var(--ww-radius,0px) - 2px)); border: 1px solid rgba(0, 0, 0, 0); transition: color 0.15s, background 0.15s; position: relative; }
.icon-btn[data-v-8c8627d0]:hover { background-color: var(--color-surface-100,oklch(96.7% .001 286.375)); color: var(--color-primary-500,oklch(76.9% .188 70.08)); }
.icon-btn[data-v-8c8627d0]:hover:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-surface-800,oklch(27.4% .006 286.033)); }
.panel[data-v-8c8627d0] { z-index: 60; border-radius: max(0px,calc(var(--ww-radius,0px) - 2px)); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-surface-200,oklch(92% .004 286.32)); background-color: var(--color-surface-50,oklch(98.5% 0 0)); width: 304px; max-width: calc(-24px + 100vw); position: absolute; top: calc(100% + 4px); right: 0px; }
.panel[data-v-8c8627d0]:where([data-theme="dark"], [data-theme="dark"] *) { border-color: var(--color-surface-700,oklch(37% .013 285.805)); background-color: var(--color-surface-900,oklch(21% .006 285.885)); }
.panel[data-v-8c8627d0] { overflow: hidden; box-shadow: rgba(0, 0, 0, 0.22) 0px 14px 30px; }
.avatar[data-v-8c8627d0], .item[data-v-8c8627d0] { align-items: center; }
.item[data-v-8c8627d0] { color: var(--color-surface-700,oklch(37% .013 285.805)); gap: 8px; padding: 8px 16px; font-size: 14px; display: flex; }
.item[data-v-8c8627d0]:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-surface-300,oklch(87.1% .006 286.286)); }
.item[data-v-8c8627d0] { transition: color 0.15s, background 0.15s; }
.item[data-v-8c8627d0]:hover { background-color: var(--color-surface-100,oklch(96.7% .001 286.375)); color: var(--color-surface-900,oklch(21% .006 285.885)); }
.item[data-v-8c8627d0]:hover:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-surface-800,oklch(27.4% .006 286.033)); color: var(--color-white,#fff); }
.mast[data-v-15dd26b5] { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-surface-200,oklch(92% .004 286.32)); background-color: var(--color-canvas,oklch(97.5% .005 75)); }
.mast[data-v-15dd26b5]:where([data-theme="dark"], [data-theme="dark"] *) { border-color: var(--color-surface-700,oklch(37% .013 285.805)); background-color: var(--color-surface-950,oklch(14.1% .005 285.823)); }
.mast[data-v-15dd26b5] { z-index: 50; position: sticky; top: 0px; }
.row[data-v-15dd26b5] { grid-template-columns: auto 1fr auto; align-items: center; gap: 32px; height: 84px; display: grid; }
.logo[data-v-15dd26b5] { flex-shrink: 0; }
.logo img[data-v-15dd26b5] { width: auto; height: 34px; }
.search[data-v-15dd26b5] { border-radius: max(0px,calc(var(--ww-radius,0px) - 2px)); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-surface-200,oklch(92% .004 286.32)); background-color: var(--color-surface-50,oklch(98.5% 0 0)); grid-template-columns: 1fr auto; display: grid; }
.search[data-v-15dd26b5]:where([data-theme="dark"], [data-theme="dark"] *) { border-color: var(--color-surface-700,oklch(37% .013 285.805)); background-color: var(--color-surface-900,oklch(21% .006 285.885)); }
.search[data-v-15dd26b5] { align-items: center; height: 50px; transition: border-color 0.15s; overflow: hidden; }
.search[data-v-15dd26b5]:focus-within { border-color: var(--color-primary-500); }
.search input[data-v-15dd26b5] { color: var(--color-surface-900,oklch(21% .006 285.885)); background: 0px 0px; border: 0px; }
.search input[data-v-15dd26b5]:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-white,#fff); }
.search input[data-v-15dd26b5] { outline: none; width: 100%; height: 100%; padding: 0px 16px; font-family: inherit; font-size: 14px; }
.search input[data-v-15dd26b5]::placeholder { color: var(--color-surface-500,oklch(55.2% .016 285.938)); }
.search .go[data-v-15dd26b5] { background: var(--color-primary-500); color: rgb(0, 0, 0); justify-content: center; align-items: center; gap: 6px; width: 84px; height: 100%; font-size: 13px; font-weight: 700; transition: background 0.15s; display: inline-flex; }
.search .go[data-v-15dd26b5]:hover { background: var(--color-primary-400); }
.search-wrap[data-v-15dd26b5] { position: relative; }
.search-panel[data-v-15dd26b5] { z-index: 60; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-surface-200,oklch(92% .004 286.32)); background-color: var(--color-surface-50,oklch(98.5% 0 0)); position: absolute; top: calc(100% + 4px); left: 0px; right: 0px; }
.search-panel[data-v-15dd26b5]:where([data-theme="dark"], [data-theme="dark"] *) { border-color: var(--color-surface-700,oklch(37% .013 285.805)); background-color: var(--color-surface-900,oklch(21% .006 285.885)); }
.search-panel[data-v-15dd26b5] { border-radius: var(--ww-radius,0); max-height: 72vh; overflow-y: auto; box-shadow: rgba(0, 0, 0, 0.22) 0px 14px 30px; }
.util[data-v-15dd26b5] { align-items: center; gap: 6px; display: flex; }
@media (width >= 1024px) {
.util .hamburger[data-v-15dd26b5] { display: none; }
}
.icon-btn[data-v-15dd26b5] { width: 44px; height: 44px; color: var(--color-surface-600,oklch(44.2% .017 285.786)); justify-content: center; align-items: center; display: inline-flex; }
.icon-btn[data-v-15dd26b5]:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-surface-400,oklch(70.5% .015 286.067)); }
.icon-btn[data-v-15dd26b5] { border-radius: max(0px,calc(var(--ww-radius,0px) - 2px)); border: 1px solid rgba(0, 0, 0, 0); transition: color 0.15s, background 0.15s; position: relative; }
.icon-btn[data-v-15dd26b5]:hover { background-color: var(--color-surface-100,oklch(96.7% .001 286.375)); color: var(--color-primary-500,oklch(76.9% .188 70.08)); }
.icon-btn[data-v-15dd26b5]:hover:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-surface-800,oklch(27.4% .006 286.033)); }
0%, 100% { transform: rotate(0deg); }
8% { transform: rotate(-14deg); }
16% { transform: rotate(12deg); }
24% { transform: rotate(-9deg); }
32% { transform: rotate(7deg); }
40% { transform: rotate(-4deg); }
48% { transform: rotate(2deg); }
56% { transform: rotate(0deg); }
}
@media (width <= 980px) {
.row[data-v-15dd26b5] { grid-template-columns: auto 1fr auto; gap: 16px; height: 70px; }
.logo img[data-v-15dd26b5] { height: 28px; }
.search[data-v-15dd26b5] { height: 44px; }
.search .go[data-v-15dd26b5] { width: 64px; }
}
.search-icon[data-v-15dd26b5] { display: none; }
@media (width <= 640px) {
.row[data-v-15dd26b5] { grid-template-columns: auto 1fr; grid-template-areas: "logo util"; align-items: center; column-gap: 16px; height: 72px; }
.logo[data-v-15dd26b5] { grid-area: logo; }
.util[data-v-15dd26b5] { grid-area: util; justify-self: end; }
.icon-btn[data-v-15dd26b5]:nth-child(n+2), .search-wrap[data-v-15dd26b5] { display: none; }
.util .icon-btn.cart-icon[data-v-15dd26b5], .util .icon-btn.chat-icon[data-v-15dd26b5], .util .icon-btn.search-icon[data-v-15dd26b5] { display: inline-flex; }
.util .icon-btn.search-icon[data-v-15dd26b5] { order: -2; }
.util .icon-btn.chat-icon[data-v-15dd26b5] { order: -1; }
}
.mega-link { transition: color 0.15s; position: relative; }
.mega-link:hover { color: var(--color-primary-500); }
.mega-link .mega-underline { background: var(--color-primary-500); width: 0px; height: 1px; transition: width 0.2s; position: absolute; bottom: -2px; left: 0px; }
.mega-link:hover .mega-underline { width: 100%; }
.mega-foot-link { transition: color 0.15s; }
.mega-foot-link:hover { color: var(--color-primary-400); }
.mega-foot-link svg { transition: transform 0.15s; }
.mega-foot-link:hover svg { transform: translate(2px); }
@media (prefers-reduced-motion: reduce) {
.mega-foot-link, .mega-foot-link svg, .mega-link, .mega-link .mega-underline, .mega-panel { transition: none !important; }
.mega-foot-link:hover svg { transform: none; }
}
0% { transform: translate(100%); }
}
100% { transform: translate(100%); }
}
0% { opacity: 0; }
}
100% { opacity: 0; }
}
[data-mobile-sheet][data-state="open"] { animation: ww-sheet-in .3s var(--ease-standard); }
[data-mobile-menu][data-state="open"] { animation: ww-scrim-in .3s var(--ease-standard); }
[data-mobile-sheet] .mobile-pane { opacity: 1; pointer-events: auto; transition: transform .32s var(--ease-out-quint),opacity .2s ease; transform: translate(0px); }
[data-mobile-sheet]:not([data-active-cat="root"]) .mobile-pane[data-mobile-pane="root"] { opacity: 0; pointer-events: none; transform: translate(-22%); }
[data-mobile-sheet] .mobile-pane-cat { opacity: 0; pointer-events: none; transform: translate(100%); }
[data-mobile-sheet]:not([data-active-cat="root"]) .mobile-pane-cat { opacity: 1; pointer-events: auto; transform: translate(0px); }
@media (prefers-reduced-motion: reduce) {
[data-mobile-menu], [data-mobile-sheet], [data-mobile-sheet] .mobile-pane { transition: none !important; animation: auto ease 0s 1 normal none running none !important; transform: none !important; }
}
0% { transform: translate(0px) skew(-12deg); }
100% { transform: translate(400%) skew(-12deg); }
}
@keyframes ww-dot-fill-e7d30884 { 
0% { transform: scaleX(0); }
100% { transform: scaleX(1); }
}