/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
/*! tailwind.css | Nephos | Tailwind v4 migration foundation*/
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: 'Vazirmatn', sans-serif;
    --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-red-950: oklch(25.8% 0.092 26.042);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-orange-300: oklch(83.7% 0.128 66.29);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-orange-700: oklch(55.3% 0.195 38.402);
    --color-orange-800: oklch(47% 0.157 37.304);
    --color-orange-900: oklch(40.8% 0.123 38.172);
    --color-orange-950: oklch(26.6% 0.079 36.259);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-amber-950: oklch(27.9% 0.077 45.635);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-200: oklch(94.5% 0.129 101.54);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-yellow-600: oklch(68.1% 0.162 75.834);
    --color-yellow-700: oklch(55.4% 0.135 66.442);
    --color-yellow-800: oklch(47.6% 0.114 61.907);
    --color-yellow-900: oklch(42.1% 0.095 57.708);
    --color-yellow-950: oklch(28.6% 0.066 53.813);
    --color-lime-50: oklch(98.6% 0.031 120.757);
    --color-lime-100: oklch(96.7% 0.067 122.328);
    --color-lime-200: oklch(93.8% 0.127 124.321);
    --color-lime-300: oklch(89.7% 0.196 126.665);
    --color-lime-400: oklch(84.1% 0.238 128.85);
    --color-lime-500: oklch(76.8% 0.233 130.85);
    --color-lime-600: oklch(64.8% 0.2 131.684);
    --color-lime-700: oklch(53.2% 0.157 131.589);
    --color-lime-800: oklch(45.3% 0.124 130.933);
    --color-lime-900: oklch(40.5% 0.101 131.063);
    --color-lime-950: oklch(27.4% 0.072 132.109);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --color-green-950: oklch(26.6% 0.065 152.934);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-emerald-950: oklch(26.2% 0.051 172.552);
    --color-teal-50: oklch(98.4% 0.014 180.72);
    --color-teal-100: oklch(95.3% 0.051 180.801);
    --color-teal-200: oklch(91% 0.096 180.426);
    --color-teal-300: oklch(85.5% 0.138 181.071);
    --color-teal-400: oklch(77.7% 0.152 181.912);
    --color-teal-500: oklch(70.4% 0.14 182.503);
    --color-teal-600: oklch(60% 0.118 184.704);
    --color-teal-700: oklch(51.1% 0.096 186.391);
    --color-teal-800: oklch(43.7% 0.078 188.216);
    --color-teal-900: oklch(38.6% 0.063 188.416);
    --color-teal-950: oklch(27.7% 0.046 192.524);
    --color-cyan-50: oklch(98.4% 0.019 200.873);
    --color-cyan-100: oklch(95.6% 0.045 203.388);
    --color-cyan-200: oklch(91.7% 0.08 205.041);
    --color-cyan-300: oklch(86.5% 0.127 207.078);
    --color-cyan-400: oklch(78.9% 0.154 211.53);
    --color-cyan-500: oklch(71.5% 0.143 215.221);
    --color-cyan-600: oklch(60.9% 0.126 221.723);
    --color-cyan-700: oklch(52% 0.105 223.128);
    --color-cyan-800: oklch(45% 0.085 224.283);
    --color-cyan-900: oklch(39.8% 0.07 227.392);
    --color-cyan-950: oklch(30.2% 0.056 229.695);
    --color-sky-50: oklch(97.7% 0.013 236.62);
    --color-sky-100: oklch(95.1% 0.026 236.824);
    --color-sky-200: oklch(90.1% 0.058 230.902);
    --color-sky-300: oklch(82.8% 0.111 230.318);
    --color-sky-400: oklch(74.6% 0.16 232.661);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-sky-600: oklch(58.8% 0.158 241.966);
    --color-sky-700: oklch(50% 0.134 242.749);
    --color-sky-800: oklch(44.3% 0.11 240.79);
    --color-sky-900: oklch(39.1% 0.09 240.876);
    --color-sky-950: oklch(29.3% 0.066 243.157);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-blue-950: oklch(28.2% 0.091 267.935);
    --color-indigo-50: oklch(96.2% 0.018 272.314);
    --color-indigo-100: oklch(93% 0.034 272.788);
    --color-indigo-200: oklch(87% 0.065 274.039);
    --color-indigo-300: oklch(78.5% 0.115 274.713);
    --color-indigo-400: oklch(67.3% 0.182 276.935);
    --color-indigo-500: oklch(58.5% 0.233 277.117);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-indigo-700: oklch(45.7% 0.24 277.023);
    --color-indigo-800: oklch(39.8% 0.195 277.366);
    --color-indigo-900: oklch(35.9% 0.144 278.697);
    --color-indigo-950: oklch(25.7% 0.09 281.288);
    --color-violet-50: oklch(96.9% 0.016 293.756);
    --color-violet-100: oklch(94.3% 0.029 294.588);
    --color-violet-200: oklch(89.4% 0.057 293.283);
    --color-violet-300: oklch(81.1% 0.111 293.571);
    --color-violet-400: oklch(70.2% 0.183 293.541);
    --color-violet-500: oklch(60.6% 0.25 292.717);
    --color-violet-600: oklch(54.1% 0.281 293.009);
    --color-violet-700: oklch(49.1% 0.27 292.581);
    --color-violet-800: oklch(43.2% 0.232 292.759);
    --color-violet-900: oklch(38% 0.189 293.745);
    --color-violet-950: oklch(28.3% 0.141 291.089);
    --color-purple-50: oklch(97.7% 0.014 308.299);
    --color-purple-100: oklch(94.6% 0.033 307.174);
    --color-purple-200: oklch(90.2% 0.063 306.703);
    --color-purple-300: oklch(82.7% 0.119 306.383);
    --color-purple-400: oklch(71.4% 0.203 305.504);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-purple-700: oklch(49.6% 0.265 301.924);
    --color-purple-800: oklch(43.8% 0.218 303.724);
    --color-purple-900: oklch(38.1% 0.176 304.987);
    --color-purple-950: oklch(29.1% 0.149 302.717);
    --color-fuchsia-50: oklch(97.7% 0.017 320.058);
    --color-fuchsia-100: oklch(95.2% 0.037 318.852);
    --color-fuchsia-200: oklch(90.3% 0.076 319.62);
    --color-fuchsia-300: oklch(83.3% 0.145 321.434);
    --color-fuchsia-400: oklch(74% 0.238 322.16);
    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
    --color-fuchsia-700: oklch(51.8% 0.253 323.949);
    --color-fuchsia-800: oklch(45.2% 0.211 324.591);
    --color-fuchsia-900: oklch(40.1% 0.17 325.612);
    --color-fuchsia-950: oklch(29.3% 0.136 325.661);
    --color-pink-50: oklch(97.1% 0.014 343.198);
    --color-pink-100: oklch(94.8% 0.028 342.258);
    --color-pink-200: oklch(89.9% 0.061 343.231);
    --color-pink-300: oklch(82.3% 0.12 346.018);
    --color-pink-400: oklch(71.8% 0.202 349.761);
    --color-pink-500: oklch(65.6% 0.241 354.308);
    --color-pink-600: oklch(59.2% 0.249 0.584);
    --color-pink-700: oklch(52.5% 0.223 3.958);
    --color-pink-800: oklch(45.9% 0.187 3.815);
    --color-pink-900: oklch(40.8% 0.153 2.432);
    --color-pink-950: oklch(28.4% 0.109 3.907);
    --color-rose-50: oklch(96.9% 0.015 12.422);
    --color-rose-100: oklch(94.1% 0.03 12.58);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-300: oklch(81% 0.117 11.638);
    --color-rose-400: oklch(71.2% 0.194 13.428);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-rose-600: oklch(58.6% 0.253 17.585);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-rose-800: oklch(45.5% 0.188 13.697);
    --color-rose-900: oklch(41% 0.159 10.272);
    --color-rose-950: oklch(27.1% 0.105 12.094);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-gray-950: oklch(13% 0.028 261.692);
    --color-zinc-50: oklch(98.5% 0 none);
    --color-zinc-100: oklch(96.7% 0.001 286.375);
    --color-zinc-200: oklch(92% 0.004 286.32);
    --color-zinc-300: oklch(87.1% 0.006 286.286);
    --color-zinc-400: oklch(70.5% 0.015 286.067);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-700: oklch(37% 0.013 285.805);
    --color-zinc-800: oklch(27.4% 0.006 286.033);
    --color-zinc-900: oklch(21% 0.006 285.885);
    --color-zinc-950: oklch(14.1% 0.005 285.823);
    --color-neutral-50: oklch(98.5% 0 none);
    --color-neutral-100: oklch(97% 0 none);
    --color-neutral-200: oklch(92.2% 0 none);
    --color-neutral-300: oklch(87% 0 none);
    --color-neutral-400: oklch(70.8% 0 none);
    --color-neutral-500: oklch(55.6% 0 none);
    --color-neutral-600: oklch(43.9% 0 none);
    --color-neutral-700: oklch(37.1% 0 none);
    --color-neutral-800: oklch(26.9% 0 none);
    --color-neutral-900: oklch(20.5% 0 none);
    --color-neutral-950: oklch(14.5% 0 none);
    --color-stone-50: oklch(98.5% 0.001 106.423);
    --color-stone-100: oklch(97% 0.001 106.424);
    --color-stone-200: oklch(92.3% 0.003 48.717);
    --color-stone-300: oklch(86.9% 0.005 56.366);
    --color-stone-400: oklch(70.9% 0.01 56.259);
    --color-stone-500: oklch(55.3% 0.013 58.071);
    --color-stone-600: oklch(44.4% 0.011 73.639);
    --color-stone-700: oklch(37.4% 0.01 67.558);
    --color-stone-800: oklch(26.8% 0.007 34.298);
    --color-stone-900: oklch(21.6% 0.006 56.043);
    --color-stone-950: oklch(14.7% 0.004 49.25);
    --color-mauve-50: oklch(98.5% 0 none);
    --color-mauve-100: oklch(96% 0.003 325.6);
    --color-mauve-200: oklch(92.2% 0.005 325.62);
    --color-mauve-300: oklch(86.5% 0.012 325.68);
    --color-mauve-400: oklch(71.1% 0.019 323.02);
    --color-mauve-500: oklch(54.2% 0.034 322.5);
    --color-mauve-600: oklch(43.5% 0.029 321.78);
    --color-mauve-700: oklch(36.4% 0.029 323.89);
    --color-mauve-800: oklch(26.3% 0.024 320.12);
    --color-mauve-900: oklch(21.2% 0.019 322.12);
    --color-mauve-950: oklch(14.5% 0.008 326);
    --color-olive-50: oklch(98.8% 0.003 106.5);
    --color-olive-100: oklch(96.6% 0.005 106.5);
    --color-olive-200: oklch(93% 0.007 106.5);
    --color-olive-300: oklch(88% 0.011 106.6);
    --color-olive-400: oklch(73.7% 0.021 106.9);
    --color-olive-500: oklch(58% 0.031 107.3);
    --color-olive-600: oklch(46.6% 0.025 107.3);
    --color-olive-700: oklch(39.4% 0.023 107.4);
    --color-olive-800: oklch(28.6% 0.016 107.4);
    --color-olive-900: oklch(22.8% 0.013 107.4);
    --color-olive-950: oklch(15.3% 0.006 107.1);
    --color-mist-50: oklch(98.7% 0.002 197.1);
    --color-mist-100: oklch(96.3% 0.002 197.1);
    --color-mist-200: oklch(92.5% 0.005 214.3);
    --color-mist-300: oklch(87.2% 0.007 219.6);
    --color-mist-400: oklch(72.3% 0.014 214.4);
    --color-mist-500: oklch(56% 0.021 213.5);
    --color-mist-600: oklch(45% 0.017 213.2);
    --color-mist-700: oklch(37.8% 0.015 216);
    --color-mist-800: oklch(27.5% 0.011 216.9);
    --color-mist-900: oklch(21.8% 0.008 223.9);
    --color-mist-950: oklch(14.8% 0.004 228.8);
    --color-taupe-50: oklch(98.6% 0.002 67.8);
    --color-taupe-100: oklch(96% 0.002 17.2);
    --color-taupe-200: oklch(92.2% 0.005 34.3);
    --color-taupe-300: oklch(86.8% 0.007 39.5);
    --color-taupe-400: oklch(71.4% 0.014 41.2);
    --color-taupe-500: oklch(54.7% 0.021 43.1);
    --color-taupe-600: oklch(43.8% 0.017 39.3);
    --color-taupe-700: oklch(36.7% 0.016 35.7);
    --color-taupe-800: oklch(26.8% 0.011 36.5);
    --color-taupe-900: oklch(21.4% 0.009 43.1);
    --color-taupe-950: oklch(14.7% 0.004 49.3);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --breakpoint-sm: 40rem;
    --breakpoint-md: 48rem;
    --breakpoint-lg: 64rem;
    --breakpoint-xl: 80rem;
    --breakpoint-2xl: 96rem;
    --container-3xs: 16rem;
    --container-2xs: 18rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --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-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
    --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
    --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
    --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
    --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
    --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
    --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
    --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);
    --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);
    --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075);
    --text-shadow-md: 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1);
    --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --perspective-dramatic: 100px;
    --perspective-near: 300px;
    --perspective-normal: 500px;
    --perspective-midrange: 800px;
    --perspective-distant: 1200px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary: #0023ff;
    --color-secondary: #00d1b2;
    --color-accent: #7f00ff;
    --color-smoke-white: #fcfcfc;
    --color-placeholder: #cecece;
    --color-light-grey: #f9f9f9;
    --color-muted-grey: #999;
    --color-muted-grey-bold: #828282;
    --color-title-grey: #a9abac;
    --color-fade-grey: #ededed;
    --color-accent-grey: #ccc;
    --color-dark-text: #4a4a4a;
    --color-chosen-grey: #e0e0e0;
    --color-chosen-dark-grey: #66676b;
    --color-grey-6: #666;
    --color-section-grey: #fcfcfc;
    --color-sidebar: #344258;
    --color-red: #ff3b3c;
    --color-blue: #039be5;
    --color-green: #00b289;
    --color-orange: #eda514;
    --color-bg: #ededed;
    --color-surface: #f0f0f0;
    --color-surface-muted: #fcfcfc;
    --color-overlay: color-mix(in srgb, #0023ff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-overlay: color-mix(in srgb, var(--color-primary) 30%, transparent);
    }
    --color-scrollbar-thumb: rgba(0, 0, 0, 0.2);
    --color-card-hover-shadow: color-mix(in srgb, #0023ff 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-card-hover-shadow: color-mix(in srgb, var(--color-primary) 18%, transparent);
    }
    --font-montserrat: 'Montserrat', sans-serif;
    --font-raleway: 'Raleway', sans-serif;
    --shadow-light: -1px 3px 15px 0 color-mix(in srgb, #4a4a4a 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --shadow-light: -1px 3px 15px 0 color-mix(in srgb, var(--color-dark-text) 10%, transparent);
    }
    --shadow-primary: 0 14px 26px -12px color-mix(in srgb, #0023ff 42%, transparent),
    0 4px 23px 0 color-mix(in srgb, #4a4a4a 12%, transparent),
    0 8px 10px -5px color-mix(in srgb, #0023ff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --shadow-primary: 0 14px 26px -12px color-mix(in srgb, var(--color-primary) 42%, transparent),
    0 4px 23px 0 color-mix(in srgb, var(--color-dark-text) 12%, transparent),
    0 8px 10px -5px color-mix(in srgb, var(--color-primary) 20%, transparent);
    }
    --shadow-secondary: 0 14px 26px -12px color-mix(in srgb, #00d1b2 42%, transparent),
    0 4px 23px 0 color-mix(in srgb, #4a4a4a 12%, transparent),
    0 8px 10px -5px color-mix(in srgb, #00d1b2 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --shadow-secondary: 0 14px 26px -12px color-mix(in srgb, var(--color-secondary) 42%, transparent),
    0 4px 23px 0 color-mix(in srgb, var(--color-dark-text) 12%, transparent),
    0 8px 10px -5px color-mix(in srgb, var(--color-secondary) 20%, transparent);
    }
    --shadow-accent: 0 14px 26px -12px color-mix(in srgb, #7f00ff 42%, transparent),
    0 4px 23px 0 color-mix(in srgb, #4a4a4a 12%, transparent),
    0 8px 10px -5px color-mix(in srgb, #7f00ff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --shadow-accent: 0 14px 26px -12px color-mix(in srgb, var(--color-accent) 42%, transparent),
    0 4px 23px 0 color-mix(in srgb, var(--color-dark-text) 12%, transparent),
    0 8px 10px -5px color-mix(in srgb, var(--color-accent) 20%, transparent);
    }
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: 0px;
  }
  .inset-x-0 {
    inset-inline: 0px;
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .start-\[-40px\] {
    inset-inline-start: -40px;
  }
  .\!end-10 {
    inset-inline-end: calc(var(--spacing) * 10) !important;
  }
  .-end-\[100px\] {
    inset-inline-end: calc(100px * -1);
  }
  .end-\[15px\] {
    inset-inline-end: 15px;
  }
  .-top-5 {
    top: calc(var(--spacing) * -5);
  }
  .top-\[15px\] {
    top: 15px;
  }
  .top-\[45\%\] {
    top: 45%;
  }
  .-bottom-\[90px\] {
    bottom: calc(90px * -1);
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .\!m-0 {
    margin: 0px !important;
  }
  .m-0 {
    margin: 0px;
  }
  .m-1 {
    margin: var(--spacing);
  }
  .m-3 {
    margin: calc(var(--spacing) * 3);
  }
  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
  }
  .mx-1 {
    margin-inline: var(--spacing);
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-2\.5 {
    margin-block: calc(var(--spacing) * 2.5);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-\[30px\] {
    margin-block: 30px;
  }
  .ms-1 {
    margin-inline-start: var(--spacing);
  }
  .ms-1\.5 {
    margin-inline-start: calc(var(--spacing) * 1.5);
  }
  .ms-3 {
    margin-inline-start: calc(var(--spacing) * 3);
  }
  .ms-4 {
    margin-inline-start: calc(var(--spacing) * 4);
  }
  .ms-20 {
    margin-inline-start: calc(var(--spacing) * 20);
  }
  .ms-\[15px\] {
    margin-inline-start: 15px;
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }
  .me-2\.5 {
    margin-inline-end: calc(var(--spacing) * 2.5);
  }
  .me-3 {
    margin-inline-end: calc(var(--spacing) * 3);
  }
  .me-\[5px\] {
    margin-inline-end: 5px;
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .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-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7\.5 {
    margin-bottom: calc(var(--spacing) * 7.5);
  }
  .mb-\[15px\] {
    margin-bottom: 15px;
  }
  .box-content {
    box-sizing: content-box;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .size-\[34px\] {
    width: 34px;
    height: 34px;
  }
  .size-\[50px\] {
    width: 50px;
    height: 50px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .\!h-auto {
    height: auto !important;
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .max-h-10 {
    max-height: calc(var(--spacing) * 10);
  }
  .max-h-10\! {
    max-height: calc(var(--spacing) * 10) !important;
  }
  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }
  .max-h-\[255px\] {
    max-height: 255px;
  }
  .max-h-none {
    max-height: none;
  }
  .min-h-0 {
    min-height: 0px;
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-\[3\.5rem\] {
    min-height: 3.5rem;
  }
  .min-h-\[120px\] {
    min-height: 120px;
  }
  .min-h-\[320px\] {
    min-height: 320px;
  }
  .min-h-\[340px\] {
    min-height: 340px;
  }
  .min-h-\[360px\] {
    min-height: 360px;
  }
  .min-h-\[450px\] {
    min-height: 450px;
  }
  .min-h-\[480px\] {
    min-height: 480px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-\[15\%\] {
    width: 15%;
  }
  .w-\[40\%\] {
    width: 40%;
  }
  .w-\[60\%\] {
    width: 60%;
  }
  .w-\[220px\] {
    width: 220px;
  }
  .w-\[calc\(100\%-80px\)\] {
    width: calc(100% - 80px);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[80\%\] {
    max-width: 80%;
  }
  .max-w-\[100px\] {
    max-width: 100px;
  }
  .max-w-\[230px\] {
    max-width: 230px;
  }
  .max-w-\[340px\] {
    max-width: 340px;
  }
  .max-w-\[360px\] {
    max-width: 360px;
  }
  .max-w-\[480px\] {
    max-width: 480px;
  }
  .max-w-\[1140px\] {
    max-width: 1140px;
  }
  .max-w-\[min\(140px\,42vw\)\] {
    max-width: min(140px, 42vw);
  }
  .max-w-full {
    max-width: 100%;
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }
  .min-w-\[50px\] {
    min-width: 50px;
  }
  .min-w-\[90px\] {
    min-width: 90px;
  }
  .min-w-\[130px\] {
    min-width: 130px;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .scale-\[0\.6\] {
    scale: 0.6;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-\[0\.35rem\] {
    gap: 0.35rem;
  }
  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .self-center {
    align-self: center;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[1\.6px\] {
    border-style: var(--tw-border-style);
    border-width: 1.6px;
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-accent-grey {
    border-color: var(--color-accent-grey);
  }
  .border-black\/10 {
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .border-fade-grey {
    border-color: var(--color-fade-grey);
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-secondary {
    border-color: var(--color-secondary);
  }
  .border-transparent {
    border-color: transparent;
  }
  .bg-\[\#f0f0f0\]\/30 {
    background-color: color-mix(in oklab, #f0f0f0 30%, transparent);
  }
  .bg-accent-grey {
    background-color: var(--color-accent-grey);
  }
  .bg-fade-grey {
    background-color: var(--color-fade-grey);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-secondary {
    background-color: var(--color-secondary);
  }
  .bg-surface {
    background-color: var(--color-surface);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0 {
    padding: 0px;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-7\.5 {
    padding: calc(var(--spacing) * 7.5);
  }
  .p-\[9px\] {
    padding: 9px;
  }
  .\!px-9 {
    padding-inline: calc(var(--spacing) * 9) !important;
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .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-7\.5 {
    padding-inline: calc(var(--spacing) * 7.5);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-20 {
    padding-inline: calc(var(--spacing) * 20);
  }
  .px-\[5px\] {
    padding-inline: 5px;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-7\.5 {
    padding-block: calc(var(--spacing) * 7.5);
  }
  .py-15 {
    padding-block: calc(var(--spacing) * 15);
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[15px\] {
    padding-block: 15px;
  }
  .py-\[120px\] {
    padding-block: 120px;
  }
  .py-\[150px\] {
    padding-block: 150px;
  }
  .ps-2\.5 {
    padding-inline-start: calc(var(--spacing) * 2.5);
  }
  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
  }
  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }
  .pe-2\.5 {
    padding-inline-end: calc(var(--spacing) * 2.5);
  }
  .pe-5 {
    padding-inline-end: calc(var(--spacing) * 5);
  }
  .pe-10 {
    padding-inline-end: calc(var(--spacing) * 10);
  }
  .\!pt-\[18px\] {
    padding-top: 18px !important;
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-\[15px\] {
    padding-top: 15px;
  }
  .\!pb-\[22px\] {
    padding-bottom: 22px !important;
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .align-top {
    vertical-align: top;
  }
  .font-montserrat {
    font-family: var(--font-montserrat);
  }
  .font-raleway {
    font-family: var(--font-raleway);
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--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\.8rem\] {
    font-size: 0.8rem;
  }
  .text-\[0\.9rem\] {
    font-size: 0.9rem;
  }
  .text-\[0\.85rem\] {
    font-size: 0.85rem;
  }
  .text-\[1\.2rem\] {
    font-size: 1.2rem;
  }
  .text-\[2\.2rem\] {
    font-size: 2.2rem;
  }
  .text-\[80\%\] {
    font-size: 80%;
  }
  .leading-\[2\.2\] {
    --tw-leading: 2.2;
    line-height: 2.2;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-extralight {
    --tw-font-weight: var(--font-weight-extralight);
    font-weight: var(--font-weight-extralight);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-dark-text {
    color: var(--color-dark-text);
  }
  .text-muted-grey {
    color: var(--color-muted-grey);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-light {
    --tw-shadow: -1px 3px 15px 0 var(--tw-shadow-color, color-mix(in srgb, #4a4a4a 10%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: -1px 3px 15px 0 var(--tw-shadow-color, color-mix(in srgb, var(--color-dark-text) 10%, transparent));
    }
    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);
  }
  .ring {
    --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);
  }
  .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,);
  }
  .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,);
  }
  .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, 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-\[background-color\,width\,margin-inline-start\] {
    transition-property: background-color,width,margin-inline-start;
    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));
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-\[400ms\] {
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[nephos\:assets\] {
    nephos: assets;
  }
  .\[nephos\:statamic\] {
    nephos: statamic;
  }
  .first\:mt-0:first-child {
    margin-top: 0px;
  }
  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .last\:mb-0:last-child {
    margin-bottom: 0px;
  }
  @media (hover: hover) {
    .hover\:bg-fade-grey\/50:hover {
      background-color: color-mix(in srgb, #ededed 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-fade-grey\/50:hover {
        background-color: color-mix(in oklab, var(--color-fade-grey) 50%, transparent);
      }
    }
    .hover\:text-primary:hover {
      color: var(--color-primary);
    }
    .hover\:text-white:hover {
      color: var(--color-white);
    }
    .hover\:opacity-90:hover {
      opacity: 90%;
    }
    .hover\:opacity-95:hover {
      opacity: 95%;
    }
    .hover\:shadow-primary:hover {
      --tw-shadow: 0 14px 26px -12px var(--tw-shadow-color, color-mix(in srgb, #0023ff 42%, transparent)), 0 4px 23px 0 var(--tw-shadow-color, color-mix(in srgb, #4a4a4a 12%, transparent)), 0 8px 10px -5px var(--tw-shadow-color, color-mix(in srgb, #0023ff 20%, transparent));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-primary:hover {
        --tw-shadow: 0 14px 26px -12px var(--tw-shadow-color, color-mix(in srgb, var(--color-primary) 42%, transparent)), 0 4px 23px 0 var(--tw-shadow-color, color-mix(in srgb, var(--color-dark-text) 12%, transparent)), 0 8px 10px -5px var(--tw-shadow-color, color-mix(in srgb, var(--color-primary) 20%, transparent));
      }
    }
    .hover\:shadow-primary:hover {
      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-secondary:hover {
      --tw-shadow: 0 14px 26px -12px var(--tw-shadow-color, color-mix(in srgb, #00d1b2 42%, transparent)), 0 4px 23px 0 var(--tw-shadow-color, color-mix(in srgb, #4a4a4a 12%, transparent)), 0 8px 10px -5px var(--tw-shadow-color, color-mix(in srgb, #00d1b2 20%, transparent));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-secondary:hover {
        --tw-shadow: 0 14px 26px -12px var(--tw-shadow-color, color-mix(in srgb, var(--color-secondary) 42%, transparent)), 0 4px 23px 0 var(--tw-shadow-color, color-mix(in srgb, var(--color-dark-text) 12%, transparent)), 0 8px 10px -5px var(--tw-shadow-color, color-mix(in srgb, var(--color-secondary) 20%, transparent));
      }
    }
    .hover\:shadow-secondary:hover {
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:border-accent-grey:focus {
    border-color: var(--color-accent-grey);
  }
  .focus\:border-primary:focus {
    border-color: var(--color-primary);
  }
  .focus\:border-secondary:focus {
    border-color: var(--color-secondary);
  }
  @media (width < 48rem) {
    .max-md\:relative {
      position: relative;
    }
    .max-md\:top-0 {
      top: 0px;
    }
    .max-md\:mx-auto {
      margin-inline: auto;
    }
    .max-md\:my-0 {
      margin-block: 0px;
    }
    .max-md\:my-2\.5 {
      margin-block: calc(var(--spacing) * 2.5);
    }
    .max-md\:ms-0 {
      margin-inline-start: 0px;
    }
    .max-md\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }
    .max-md\:hidden {
      display: none;
    }
    .max-md\:min-h-\[250px\] {
      min-height: 250px;
    }
    .max-md\:w-full {
      width: 100%;
    }
    .max-md\:flex-col {
      flex-direction: column;
    }
    .max-md\:justify-center {
      justify-content: center;
    }
    .max-md\:justify-end {
      justify-content: flex-end;
    }
    .max-md\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
    .max-md\:border-e-0 {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 0px;
    }
    .max-md\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
    .max-md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
    .max-md\:p-\[5px\] {
      padding: 5px;
    }
    .max-md\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
    .max-md\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }
    .max-md\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }
    .max-md\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }
    .max-md\:pt-\[100px\] {
      padding-top: 100px;
    }
    .max-md\:pt-\[150px\] {
      padding-top: 150px;
    }
    .max-md\:pb-0 {
      padding-bottom: 0px;
    }
    .max-md\:pb-2\.5 {
      padding-bottom: calc(var(--spacing) * 2.5);
    }
    .max-md\:text-center {
      text-align: center;
    }
    .max-md\:last\:mb-0:last-child {
      margin-bottom: 0px;
    }
  }
  @media (width >= 48rem) {
    .md\:hidden {
      display: none;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .rtl\:-scale-100:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: calc(100% * -1);
    --tw-scale-y: calc(100% * -1);
    --tw-scale-z: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .dark\:bg-black:where(.dark, .dark *) {
    background-color: var(--color-black);
  }
  .dark\:bg-black\/40:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .\[\&_\.button\]\:min-w-\[160px\] .button {
    min-width: 160px;
  }
  .\[\&_\.count\]\:text-\[0\.9rem\] .count {
    font-size: 0.9rem;
  }
  .\[\&_\.count\]\:text-muted-grey .count {
    color: var(--color-muted-grey);
  }
  .\[\&_\.date\]\:me-3 .date {
    margin-inline-end: calc(var(--spacing) * 3);
  }
  .\[\&_\.date\]\:text-\[0\.9rem\] .date {
    font-size: 0.9rem;
  }
  .\[\&_\.date\]\:text-muted-grey .date {
    color: var(--color-muted-grey);
  }
  @media (width < 48rem) {
    .\[\&_\.date\]\:max-md\:me-0 .date {
      margin-inline-end: 0px;
    }
  }
  .\[\&_\.embla__slide_img\]\:\!mx-auto .embla slide img {
    margin-inline: auto !important;
  }
  .\[\&_\.embla__slide\:focus\]\:\!outline-none .embla slide:focus {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  .\[\&_\.field\]\:my-\[5px\] .field {
    margin-block: 5px;
  }
  .\[\&_\.loader\]\:size-14 .loader {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .\[\&_\.name\]\:font-medium .name {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&_\.order-total\]\:ms-auto .order-total {
    margin-inline-start: auto;
  }
  .\[\&_\.order-total\]\:text-\[1\.2rem\] .order-total {
    font-size: 1.2rem;
  }
  .\[\&_\.order-total\]\:font-bold .order-total {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .\[\&_\.order-total\]\:text-dark-text .order-total {
    color: var(--color-dark-text);
  }
  @media (width < 48rem) {
    .\[\&_\.order-total\]\:max-md\:ms-0 .order-total {
      margin-inline-start: 0px;
    }
  }
  .\[\&_\.slick-slide_img\]\:\!mx-auto .slick-slide img {
    margin-inline: auto !important;
  }
  .\[\&_\.slick-slide\:focus\]\:\!outline-none .slick-slide:focus {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  .\[\&_\.slider\]\:mx-auto .slider {
    margin-inline: auto;
  }
  .\[\&_\.slider\:focus\]\:\!outline-none .slider:focus {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  .\[\&_\.tag\]\:relative .tag {
    position: relative;
  }
  .\[\&_\.tag\]\:\!flex .tag {
    display: flex !important;
  }
  @media (width < 48rem) {
    .max-md\:\[\&_\.tag\]\:hidden .tag {
      display: none;
    }
  }
  .\[\&_\.tag\.is-danger\]\:\!bg-red .tag.is-danger {
    background-color: var(--color-red) !important;
  }
  .\[\&_\.tag\.is-danger\]\:\!text-white .tag.is-danger {
    color: var(--color-white) !important;
  }
  .\[\&_\.tag\.is-primary\]\:\!bg-primary .tag.is-primary {
    background-color: var(--color-primary) !important;
  }
  .\[\&_\.tag\.is-primary\]\:\!text-white .tag.is-primary {
    color: var(--color-white) !important;
  }
  .\[\&_\.tag\.is-success\]\:\!bg-green .tag.is-success {
    background-color: var(--color-green) !important;
  }
  .\[\&_\.tag\.is-success\]\:\!text-white .tag.is-success {
    color: var(--color-white) !important;
  }
  .\[\&_\.tag\.is-warning\]\:\!bg-orange .tag.is-warning {
    background-color: var(--color-orange) !important;
  }
  .\[\&_\.tag\.is-warning\]\:\!text-white .tag.is-warning {
    color: var(--color-white) !important;
  }
  .\[\&_a\]\:pointer-events-auto a {
    pointer-events: auto;
  }
  .\[\&_a\]\:m-0 a {
    margin: 0px;
  }
  .\[\&_a\]\:block a {
    display: block;
  }
  .\[\&_a\]\:flex a {
    display: flex;
  }
  .\[\&_a\]\:size-10 a {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .\[\&_a\]\:h-11 a {
    height: calc(var(--spacing) * 11);
  }
  .\[\&_a\]\:max-h-10 a {
    max-height: calc(var(--spacing) * 10);
  }
  .\[\&_a\]\:min-w-0 a {
    min-width: 0px;
  }
  .\[\&_a\]\:flex-1 a {
    flex: 1;
  }
  .\[\&_a\]\:items-center a {
    align-items: center;
  }
  .\[\&_a\]\:justify-center a {
    justify-content: center;
  }
  .\[\&_a\]\:rounded-full a {
    border-radius: calc(infinity * 1px);
  }
  .\[\&_a\]\:border-\[1\.6px\] a {
    border-style: var(--tw-border-style);
    border-width: 1.6px;
  }
  .\[\&_a\]\:border-dashed a {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .\[\&_a\]\:border-transparent a {
    border-color: transparent;
  }
  .\[\&_a\]\:pb-1\.5 a {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .\[\&_a\]\:font-raleway a {
    font-family: var(--font-raleway);
  }
  .\[\&_a\]\:text-\[0\.9rem\] a {
    font-size: 0.9rem;
  }
  .\[\&_a\]\:font-medium a {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&_a\]\:font-semibold a {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\[\&_a\]\:text-dark-text a {
    color: var(--color-dark-text);
  }
  .\[\&_a\]\:text-muted-grey a {
    color: var(--color-muted-grey);
  }
  .\[\&_a\]\:transition-all a {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .hover\:\[\&_a\]\:text-primary:hover a {
      color: var(--color-primary);
    }
  }
  .\[\&_a_svg\]\:size-\[18px\] a svg {
    width: 18px;
    height: 18px;
  }
  .\[\&_a_svg\]\:\[stroke-width\:1\.2\] a svg {
    stroke-width: 1.2;
  }
  .\[\&_a_svg\]\:transition-all a svg {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .\[\&_a\:hover\]\:border-\[1\.6px\] a:hover {
    border-style: var(--tw-border-style);
    border-width: 1.6px;
  }
  .\[\&_a\:hover\]\:border-solid a:hover {
    --tw-border-style: solid;
    border-style: solid;
  }
  .\[\&_a\:hover\]\:border-primary a:hover {
    border-color: var(--color-primary);
  }
  .\[\&_a\:hover_svg\]\:stroke-primary a:hover svg {
    stroke: var(--color-primary);
  }
  .\[\&_button\]\:pointer-events-auto button {
    pointer-events: auto;
  }
  .\[\&_button\]\:w-auto button {
    width: auto;
  }
  .\[\&_button\]\:min-w-0 button {
    min-width: 0px;
  }
  .\[\&_button\]\:flex-1 button {
    flex: 1;
  }
  .\[\&_button\]\:justify-center button {
    justify-content: center;
  }
  .\[\&_h2\]\:w-full h2 {
    width: 100%;
  }
  .\[\&_h2\]\:font-raleway h2 {
    font-family: var(--font-raleway);
  }
  .\[\&_h2\]\:text-\[1\.8rem\] h2 {
    font-size: 1.8rem;
  }
  .\[\&_h2\]\:\!font-normal h2 {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .\[\&_h2\]\:text-dark-text h2 {
    color: var(--color-dark-text);
  }
  .\[\&_h2\]\:uppercase h2 {
    text-transform: uppercase;
  }
  .\[\&_h3\]\:me-3 h3 {
    margin-inline-end: calc(var(--spacing) * 3);
  }
  .\[\&_h3\]\:font-montserrat h3 {
    font-family: var(--font-montserrat);
  }
  .\[\&_h3\]\:text-\[1\.1rem\] h3 {
    font-size: 1.1rem;
  }
  .\[\&_h3\]\:font-semibold h3 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\[\&_h3\]\:text-dark-text h3 {
    color: var(--color-dark-text);
  }
  @media (width < 48rem) {
    .\[\&_h3\]\:max-md\:me-0 h3 {
      margin-inline-end: 0px;
    }
  }
  .\[\&_i\]\:text-\[1\.2rem\] i {
    font-size: 1.2rem;
  }
  .\[\&_i\]\:text-\[\#ffd700\] i {
    color: #ffd700;
  }
  .\[\&_img\]\:h-20 img {
    height: calc(var(--spacing) * 20);
  }
  .\[\&_img\]\:shrink-0 img {
    flex-shrink: 0;
  }
  .\[\&_li_a\]\:border-0 li a {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .\[\&_li_a\]\:border-b-2 li a {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .\[\&_li_a\]\:border-transparent li a {
    border-color: transparent;
  }
  .\[\&_li_a\]\:pb-\[15px\] li a {
    padding-bottom: 15px;
  }
  .\[\&_li_a\]\:text-muted-grey li a {
    color: var(--color-muted-grey);
  }
  .\[\&_li_a\:hover\]\:border-b-muted-grey li a:hover {
    border-bottom-color: var(--color-muted-grey);
  }
  .\[\&_li_a\:hover\]\:text-muted-grey li a:hover {
    color: var(--color-muted-grey);
  }
  .\[\&_li_span\]\:block li span {
    display: block;
  }
  .\[\&_li\.is-active_a\]\:border-b-primary li.is-active a {
    border-bottom-color: var(--color-primary);
  }
  .\[\&_li\.is-active_a\]\:text-primary li.is-active a {
    color: var(--color-primary);
  }
  .\[\&_p\]\:text-muted-grey p {
    color: var(--color-muted-grey);
  }
  .\[\&_small\]\:text-\[0\.9rem\] small {
    font-size: 0.9rem;
  }
  .\[\&_small\]\:font-medium small {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&_small\]\:text-primary small {
    color: var(--color-primary);
  }
  .\[\&_span\]\:block span {
    display: block;
  }
  .\[\&_span\]\:min-w-0 span {
    min-width: 0px;
  }
  .\[\&_span\]\:flex-1 span {
    flex: 1;
  }
  .\[\&_span\]\:cursor-pointer span {
    cursor: pointer;
  }
  .\[\&_span\]\:font-montserrat span {
    font-family: var(--font-montserrat);
  }
  .\[\&_span\]\:text-base span {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .\[\&_span\]\:text-\[0\.8rem\] span {
    font-size: 0.8rem;
  }
  .\[\&_span\]\:text-\[0\.9rem\] span {
    font-size: 0.9rem;
  }
  .\[\&_span\]\:text-\[1\.1rem\] span {
    font-size: 1.1rem;
  }
  .\[\&_span\]\:text-\[40\%\] span {
    font-size: 40%;
  }
  .\[\&_span\]\:text-\[70\%\] span {
    font-size: 70%;
  }
  .\[\&_span\]\:font-medium span {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&_span\]\:font-semibold span {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\[\&_span\]\:text-dark-text span {
    color: var(--color-dark-text);
  }
  .\[\&_span\]\:text-muted-grey span {
    color: var(--color-muted-grey);
  }
  .\[\&_span\]\:text-muted-grey-bold span {
    color: var(--color-muted-grey-bold);
  }
  .\[\&_span\]\:text-title-grey span {
    color: var(--color-title-grey);
  }
  .\[\&_span\]\:uppercase span {
    text-transform: uppercase;
  }
  @media (width < 48rem) {
    .max-md\:\[\&_span\]\:ms-0 span {
      margin-inline-start: 0px;
    }
  }
  .\[\&_span_a\]\:text-\[90\%\] span a {
    font-size: 90%;
  }
  .\[\&_span_a\]\:font-medium span a {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&_span_a\]\:text-dark-text span a {
    color: var(--color-dark-text);
  }
  .\[\&_span_a\:hover\]\:text-primary span a:hover {
    color: var(--color-primary);
  }
  .\[\&_span_a\:hover\]\:underline span a:hover {
    text-decoration-line: underline;
  }
  .\[\&_span\.is-active_svg\]\:stroke-primary span.is-active svg {
    stroke: var(--color-primary);
  }
  .\[\&_span\.name\]\:font-semibold span.name {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\[\&_span\.name\]\:text-dark-text span.name {
    color: var(--color-dark-text);
  }
  .\[\&_span\.price_span\:first-child\]\:font-semibold span.price span:first-child {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\[\&_span\.price_span\:first-child\]\:text-primary span.price span:first-child {
    color: var(--color-primary);
  }
  .\[\&_span\.price_span\:nth-child\(2\)\]\:text-\[0\.95rem\] span.price span:nth-child(2) {
    font-size: 0.95rem;
  }
  .\[\&_span\.price_span\:nth-child\(2\)\]\:text-muted-grey span.price span:nth-child(2) {
    color: var(--color-muted-grey);
  }
  .\[\&_span\:first-child\]\:text-end span:first-child {
    text-align: end;
  }
  .\[\&_span\:first-child\]\:font-raleway span:first-child {
    font-family: var(--font-raleway);
  }
  .\[\&_span\:first-child\]\:text-\[0\.7rem\] span:first-child {
    font-size: 0.7rem;
  }
  .\[\&_span\:first-child\]\:text-\[0\.9rem\] span:first-child {
    font-size: 0.9rem;
  }
  .\[\&_span\:first-child\]\:text-\[0\.75rem\] span:first-child {
    font-size: 0.75rem;
  }
  .\[\&_span\:first-child\]\:leading-none span:first-child {
    --tw-leading: 1;
    line-height: 1;
  }
  .\[\&_span\:first-child\]\:font-semibold span:first-child {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\[\&_span\:first-child\]\:text-dark-text span:first-child {
    color: var(--color-dark-text);
  }
  .\[\&_span\:first-child\]\:text-muted-grey span:first-child {
    color: var(--color-muted-grey);
  }
  .\[\&_span\:first-child\]\:uppercase span:first-child {
    text-transform: uppercase;
  }
  .\[\&_span\:nth-child\(2\)\]\:min-w-\[100px\] span:nth-child(2) {
    min-width: 100px;
  }
  .\[\&_span\:nth-child\(2\)\]\:text-\[1\.1rem\] span:nth-child(2) {
    font-size: 1.1rem;
  }
  .\[\&_span\:nth-child\(2\)\]\:text-\[80\%\] span:nth-child(2) {
    font-size: 80%;
  }
  .\[\&_span\:nth-child\(2\)\]\:leading-none span:nth-child(2) {
    --tw-leading: 1;
    line-height: 1;
  }
  .\[\&_span\:nth-child\(2\)\]\:font-medium span:nth-child(2) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&_span\:nth-child\(2\)\]\:font-semibold span:nth-child(2) {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\[\&_span\:nth-child\(2\)\]\:whitespace-nowrap span:nth-child(2) {
    white-space: nowrap;
  }
  .\[\&_span\:nth-child\(2\)\]\:text-dark-text span:nth-child(2) {
    color: var(--color-dark-text);
  }
  .\[\&_span\:nth-child\(2\)\]\:text-muted-grey-bold span:nth-child(2) {
    color: var(--color-muted-grey-bold);
  }
  .\[\&_span\:nth-child\(2\)\]\:uppercase span:nth-child(2) {
    text-transform: uppercase;
  }
  .\[\&_svg\]\:relative svg {
    position: relative;
  }
  .\[\&_svg\]\:top-1 svg {
    top: var(--spacing);
  }
  .\[\&_svg\]\:ms-2\.5 svg {
    margin-inline-start: calc(var(--spacing) * 2.5);
  }
  .\[\&_svg\]\:size-3\.5 svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\[\&_svg\]\:size-5 svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .\[\&_svg\]\:size-6 svg {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .\[\&_svg\]\:size-\[18px\] svg {
    width: 18px;
    height: 18px;
  }
  .\[\&_svg\]\:size-\[30px\] svg {
    width: 30px;
    height: 30px;
  }
  .\[\&_svg\]\:h-\[18px\] svg {
    height: 18px;
  }
  .\[\&_svg\]\:w-\[18px\] svg {
    width: 18px;
  }
  .\[\&_svg\]\:cursor-pointer svg {
    cursor: pointer;
  }
  .\[\&_svg\]\:stroke-dark-text svg {
    stroke: var(--color-dark-text);
  }
  .\[\&_svg\]\:stroke-muted-grey svg {
    stroke: var(--color-muted-grey);
  }
  .\[\&_svg\]\:stroke-white svg {
    stroke: var(--color-white);
  }
  .\[\&_svg\]\:\[stroke-width\:1\.2\] svg {
    stroke-width: 1.2;
  }
  .\[\&_svg\]\:\[stroke-width\:3\] svg {
    stroke-width: 3;
  }
  .\[\&_svg\]\:opacity-0 svg {
    opacity: 0%;
  }
  .\[\&_svg\]\:transition-\[stroke\] svg {
    transition-property: stroke;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .\[\&_svg\]\:transition-all svg {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .hover\:\[\&_svg\]\:stroke-primary:hover svg {
      stroke: var(--color-primary);
    }
  }
  .\[\&_var\]\:font-bold var {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .\[\&_var\]\:text-dark-text var {
    color: var(--color-dark-text);
  }
  .\[\&\:hover_\.add-button-inner\]\:border-\[1\.8px\]:hover .add-button-inner {
    border-style: var(--tw-border-style);
    border-width: 1.8px;
  }
  .\[\&\:hover_\.add-button-inner\]\:border-solid:hover .add-button-inner {
    --tw-border-style: solid;
    border-style: solid;
  }
  .\[\&\:hover_\.add-button-inner\]\:border-primary:hover .add-button-inner {
    border-color: var(--color-primary);
  }
  .\[\&\:hover_\.add-button-inner_svg\]\:stroke-primary:hover .add-button-inner svg {
    stroke: var(--color-primary);
  }
  .\[\&\:hover_\.remove-button-inner\]\:border-\[1\.8px\]:hover .remove-button-inner {
    border-style: var(--tw-border-style);
    border-width: 1.8px;
  }
  .\[\&\:hover_\.remove-button-inner\]\:border-solid:hover .remove-button-inner {
    --tw-border-style: solid;
    border-style: solid;
  }
  .\[\&\:hover_\.remove-button-inner\]\:border-primary:hover .remove-button-inner {
    border-color: var(--color-primary);
  }
  .\[\&\:hover_\.remove-button-inner_svg\]\:stroke-primary:hover .remove-button-inner svg {
    stroke: var(--color-primary);
  }
  .\[\&\:hover_a\]\:border-\[1\.8px\]:hover a {
    border-style: var(--tw-border-style);
    border-width: 1.8px;
  }
  .\[\&\:hover_a\]\:border-solid:hover a {
    --tw-border-style: solid;
    border-style: solid;
  }
  .\[\&\:hover_a\]\:border-primary:hover a {
    border-color: var(--color-primary);
  }
  .\[\&\:hover_svg\]\:stroke-primary:hover svg {
    stroke: var(--color-primary);
  }
}
@layer base {
  /*! primitives-source.scss | Nephos | Regenerate compiled/primitives.css when updating */
  /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
  .pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis,.file-cta,.file-name,.select select,.textarea,.input,.button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    height: 2.5em;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(0.5em - 1px);
    -webkit-padding-start: calc(0.75em - 1px);
    padding-inline-start: calc(0.75em - 1px);
    -webkit-padding-end: calc(0.75em - 1px);
    padding-inline-end: calc(0.75em - 1px);
    padding-top: calc(0.5em - 1px);
    position: relative;
    vertical-align: top;
  }
  .pagination-previous:focus,.pagination-next:focus,.pagination-link:focus,.pagination-ellipsis:focus,.file-cta:focus,.file-name:focus,.select select:focus,.textarea:focus,.input:focus,.button:focus,.is-focused.pagination-previous,.is-focused.pagination-next,.is-focused.pagination-link,.is-focused.pagination-ellipsis,.is-focused.file-cta,.is-focused.file-name,.select select.is-focused,.is-focused.textarea,.is-focused.input,.is-focused.button,.pagination-previous:active,.pagination-next:active,.pagination-link:active,.pagination-ellipsis:active,.file-cta:active,.file-name:active,.select select:active,.textarea:active,.input:active,.button:active,.is-active.pagination-previous,.is-active.pagination-next,.is-active.pagination-link,.is-active.pagination-ellipsis,.is-active.file-cta,.is-active.file-name,.select select.is-active,.is-active.textarea,.is-active.input,.is-active.button {
    outline: none;
  }
  [disabled].pagination-previous,[disabled].pagination-next,[disabled].pagination-link,[disabled].pagination-ellipsis,[disabled].file-cta,[disabled].file-name,.select select[disabled],[disabled].textarea,[disabled].input,[disabled].button,fieldset[disabled] .pagination-previous,fieldset[disabled] .pagination-next,fieldset[disabled] .pagination-link,fieldset[disabled] .pagination-ellipsis,fieldset[disabled] .file-cta,fieldset[disabled] .file-name,fieldset[disabled] .select select,.select fieldset[disabled] select,fieldset[disabled] .textarea,fieldset[disabled] .input,fieldset[disabled] .button {
    cursor: not-allowed;
  }
  .is-unselectable,.breadcrumb,.tabs,.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis,.file,.button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .navbar-link:not(.is-arrowless)::after,.select:not(.is-multiple):not(.is-loading)::after {
    border: 3px solid rgba(0,0,0,0);
    border-radius: 2px;
    -webkit-border-end: 0;
    border-inline-end: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .625em;
    margin-top: -0.4375em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: .625em;
  }
  .breadcrumb:not(:last-child),.tabs:not(:last-child),.pagination:not(:last-child),.message:not(:last-child),.level:not(:last-child),.block:not(:last-child),.table-container:not(:last-child),.table:not(:last-child),.progress:not(:last-child),.notification:not(:last-child),.content:not(:last-child),.box:not(:last-child),.title:not(:last-child),.subtitle:not(:last-child) {
    margin-bottom: 1.5rem;
  }
  .delete {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: rgba(10,10,10,.2);
    border: none;
    border-radius: 9999px;
    cursor: pointer;
    pointer-events: auto;
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 0;
    height: 20px;
    max-height: 20px;
    max-width: 20px;
    min-height: 20px;
    min-width: 20px;
    outline: none;
    position: relative;
    vertical-align: top;
    width: 20px;
  }
  .delete::before,.delete::after {
    background-color: #fff;
    content: "";
    display: block;
    inset-inline-start: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  .delete::before {
    height: 2px;
    width: 50%;
  }
  .delete::after {
    height: 50%;
    width: 2px;
  }
  .delete:hover,.delete:focus {
    background-color: rgba(10,10,10,.3);
  }
  .delete:active {
    background-color: rgba(10,10,10,.4);
  }
  .is-small.delete {
    height: 16px;
    max-height: 16px;
    max-width: 16px;
    min-height: 16px;
    min-width: 16px;
    width: 16px;
  }
  .is-medium.delete {
    height: 24px;
    max-height: 24px;
    max-width: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px;
  }
  .is-large.delete {
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px;
  }
  .control.is-loading::after,.select.is-loading::after,.loader,.button.is-loading::after {
    -webkit-animation: spinAround 500ms infinite linear;
    animation: spinAround 500ms infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 9999px;
    border-right-color: rgba(0,0,0,0);
    border-top-color: rgba(0,0,0,0);
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em;
  }
  .is-overlay,.hero-video,.image.is-square img,.image.is-square .has-ratio,.image.is-1by1 img,.image.is-1by1 .has-ratio,.image.is-5by4 img,.image.is-5by4 .has-ratio,.image.is-4by3 img,.image.is-4by3 .has-ratio,.image.is-3by2 img,.image.is-3by2 .has-ratio,.image.is-5by3 img,.image.is-5by3 .has-ratio,.image.is-16by9 img,.image.is-16by9 .has-ratio,.image.is-2by1 img,.image.is-2by1 .has-ratio,.image.is-3by1 img,.image.is-3by1 .has-ratio,.image.is-4by5 img,.image.is-4by5 .has-ratio,.image.is-3by4 img,.image.is-3by4 .has-ratio,.image.is-2by3 img,.image.is-2by3 .has-ratio,.image.is-3by5 img,.image.is-3by5 .has-ratio,.image.is-9by16 img,.image.is-9by16 .has-ratio,.image.is-1by2 img,.image.is-1by2 .has-ratio,.image.is-1by3 img,.image.is-1by3 .has-ratio {
    bottom: 0;
    inset-inline-start: 0;
    position: absolute;
    inset-inline-end: 0;
    top: 0;
  }
  .navbar-burger {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0;
  }
  html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
  }
  h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
  }
  ul {
    list-style: none;
  }
  button,input,select,textarea {
    margin: 0;
  }
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  *,*::before,*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  img,video {
    height: auto;
    max-width: 100%;
  }
  iframe {
    border: 0;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  td,th {
    padding: 0;
  }
  td:not([align]),th:not([align]) {
    text-align: inherit;
  }
  html {
    background-color: #fff;
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-width: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  article,aside,figure,footer,header,hgroup,section {
    display: block;
  }
  body,button,input,optgroup,select,textarea {
    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;
  }
  code,pre {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-family: monospace;
  }
  body {
    color: #4a4a4a;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
  }
  a {
    color: #0023ff;
    cursor: pointer;
    text-decoration: none;
  }
  a strong {
    color: currentColor;
  }
  a:hover {
    color: #363636;
  }
  code {
    background-color: #f5f5f5;
    color: #da1039;
    font-size: .875em;
    font-weight: normal;
    padding: .25em .5em .25em;
  }
  hr {
    background-color: #f5f5f5;
    border: none;
    display: block;
    height: 2px;
    margin: 1.5rem 0;
  }
  img {
    height: auto;
    max-width: 100%;
  }
  input[type=checkbox],input[type=radio] {
    vertical-align: baseline;
  }
  small {
    font-size: .875em;
  }
  span {
    font-style: inherit;
    font-weight: inherit;
  }
  strong {
    color: #363636;
    font-weight: 700;
  }
  fieldset {
    border: none;
  }
  pre {
    -webkit-overflow-scrolling: touch;
    background-color: #f5f5f5;
    color: #4a4a4a;
    font-size: .875em;
    overflow-x: auto;
    padding: 1.25rem 1.5rem;
    white-space: pre;
    word-wrap: normal;
  }
  pre code {
    background-color: rgba(0,0,0,0);
    color: currentColor;
    font-size: 1em;
    padding: 0;
  }
  table td,table th {
    vertical-align: top;
  }
  table td:not([align]),table th:not([align]) {
    text-align: inherit;
  }
  table th {
    color: #363636;
  }
  @-webkit-keyframes spinAround {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @keyframes spinAround {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  .button {
    background-color: #fff;
    border-color: #dbdbdb;
    border-width: 1px;
    color: #363636;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: calc(0.5em - 1px);
    -webkit-padding-start: 1em;
    padding-inline-start: 1em;
    -webkit-padding-end: 1em;
    padding-inline-end: 1em;
    padding-top: calc(0.5em - 1px);
    text-align: center;
    white-space: nowrap;
  }
  .button strong {
    color: inherit;
  }
  .button .icon,.button .icon.is-small,.button .icon.is-medium,.button .icon.is-large {
    height: 1.5em;
    width: 1.5em;
  }
  .button .icon:first-child:not(:last-child) {
    margin-right: calc(-0.5em - 1px);
    margin-left: .25em;
  }
  .button .icon:last-child:not(:first-child) {
    margin-right: .25em;
    margin-left: calc(-0.5em - 1px);
  }
  .button .icon:first-child:last-child {
    -webkit-margin-start: calc(-0.5em - 1px);
    margin-inline-start: calc(-0.5em - 1px);
    -webkit-margin-end: calc(-0.5em - 1px);
    margin-inline-end: calc(-0.5em - 1px);
  }
  .button:hover,.button.is-hovered {
    border-color: #b5b5b5;
    color: #363636;
  }
  .button:focus,.button.is-focused {
    border-color: #485fc7;
    color: #363636;
  }
  .button:focus:not(:active),.button.is-focused:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(0,35,255,.25);
    box-shadow: 0 0 0 .125em rgba(0,35,255,.25);
  }
  .button:active,.button.is-active {
    border-color: #4a4a4a;
    color: #363636;
  }
  .button.is-text {
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
    color: #4a4a4a;
    text-decoration: underline;
  }
  .button.is-text:hover,.button.is-text.is-hovered,.button.is-text:focus,.button.is-text.is-focused {
    background-color: #f5f5f5;
    color: #363636;
  }
  .button.is-text:active,.button.is-text.is-active {
    background-color: #e8e8e8;
    color: #363636;
  }
  .button.is-text[disabled],fieldset[disabled] .button.is-text {
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .button.is-ghost {
    background: none;
    border-color: rgba(0,0,0,0);
    color: #0023ff;
    text-decoration: none;
  }
  .button.is-ghost:hover,.button.is-ghost.is-hovered {
    color: #0023ff;
    text-decoration: underline;
  }
  .button.is-white {
    background-color: #fff;
    border-color: rgba(0,0,0,0);
    color: #0a0a0a;
  }
  .button.is-white:hover,.button.is-white.is-hovered {
    background-color: #f9f9f9;
    border-color: rgba(0,0,0,0);
    color: #0a0a0a;
  }
  .button.is-white:focus,.button.is-white.is-focused {
    border-color: rgba(0,0,0,0);
    color: #0a0a0a;
  }
  .button.is-white:focus:not(:active),.button.is-white.is-focused:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(255,255,255,.25);
    box-shadow: 0 0 0 .125em rgba(255,255,255,.25);
  }
  .button.is-white:active,.button.is-white.is-active {
    background-color: #f2f2f2;
    border-color: rgba(0,0,0,0);
    color: #0a0a0a;
  }
  .button.is-white[disabled],fieldset[disabled] .button.is-white {
    background-color: #fff;
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .button.is-white.is-inverted {
    background-color: #0a0a0a;
    color: #fff;
  }
  .button.is-white.is-inverted:hover,.button.is-white.is-inverted.is-hovered {
    background-color: #000;
  }
  .button.is-white.is-inverted[disabled],fieldset[disabled] .button.is-white.is-inverted {
    background-color: #0a0a0a;
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
  }
  .button.is-white.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #0a0a0a #0a0a0a !important;
  }
  .button.is-white.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    color: #fff;
  }
  .button.is-white.is-outlined:hover,.button.is-white.is-outlined.is-hovered,.button.is-white.is-outlined:focus,.button.is-white.is-outlined.is-focused {
    background-color: #fff;
    border-color: #fff;
    color: #0a0a0a;
  }
  .button.is-white.is-outlined.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-white.is-outlined.is-loading:hover::after,.button.is-white.is-outlined.is-loading.is-hovered::after,.button.is-white.is-outlined.is-loading:focus::after,.button.is-white.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #0a0a0a #0a0a0a !important;
  }
  .button.is-white.is-outlined[disabled],fieldset[disabled] .button.is-white.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
  }
  .button.is-white.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #0a0a0a;
    color: #0a0a0a;
  }
  .button.is-white.is-inverted.is-outlined:hover,.button.is-white.is-inverted.is-outlined.is-hovered,.button.is-white.is-inverted.is-outlined:focus,.button.is-white.is-inverted.is-outlined.is-focused {
    background-color: #0a0a0a;
    color: #fff;
  }
  .button.is-white.is-inverted.is-outlined.is-loading:hover::after,.button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-white.is-inverted.is-outlined.is-loading:focus::after,.button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-white.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-white.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #0a0a0a;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0a0a0a;
  }
  .button.is-black {
    background-color: #0a0a0a;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-black:hover,.button.is-black.is-hovered {
    background-color: #040404;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-black:focus,.button.is-black.is-focused {
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-black:focus:not(:active),.button.is-black.is-focused:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(10,10,10,.25);
    box-shadow: 0 0 0 .125em rgba(10,10,10,.25);
  }
  .button.is-black:active,.button.is-black.is-active {
    background-color: #000;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-black[disabled],fieldset[disabled] .button.is-black {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .button.is-black.is-inverted {
    background-color: #fff;
    color: #0a0a0a;
  }
  .button.is-black.is-inverted:hover,.button.is-black.is-inverted.is-hovered {
    background-color: #f2f2f2;
  }
  .button.is-black.is-inverted[disabled],fieldset[disabled] .button.is-black.is-inverted {
    background-color: #fff;
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0a0a0a;
  }
  .button.is-black.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-black.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #0a0a0a;
    color: #0a0a0a;
  }
  .button.is-black.is-outlined:hover,.button.is-black.is-outlined.is-hovered,.button.is-black.is-outlined:focus,.button.is-black.is-outlined.is-focused {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    color: #fff;
  }
  .button.is-black.is-outlined.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #0a0a0a #0a0a0a !important;
  }
  .button.is-black.is-outlined.is-loading:hover::after,.button.is-black.is-outlined.is-loading.is-hovered::after,.button.is-black.is-outlined.is-loading:focus::after,.button.is-black.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-black.is-outlined[disabled],fieldset[disabled] .button.is-black.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #0a0a0a;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0a0a0a;
  }
  .button.is-black.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    color: #fff;
  }
  .button.is-black.is-inverted.is-outlined:hover,.button.is-black.is-inverted.is-outlined.is-hovered,.button.is-black.is-inverted.is-outlined:focus,.button.is-black.is-inverted.is-outlined.is-focused {
    background-color: #fff;
    color: #0a0a0a;
  }
  .button.is-black.is-inverted.is-outlined.is-loading:hover::after,.button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-black.is-inverted.is-outlined.is-loading:focus::after,.button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #0a0a0a #0a0a0a !important;
  }
  .button.is-black.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-black.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
  }
  .button.is-light {
    background-color: #f5f5f5;
    border-color: rgba(0,0,0,0);
    color: rgba(0,0,0,.7);
  }
  .button.is-light:hover,.button.is-light.is-hovered {
    background-color: #eee;
    border-color: rgba(0,0,0,0);
    color: rgba(0,0,0,.7);
  }
  .button.is-light:focus,.button.is-light.is-focused {
    border-color: rgba(0,0,0,0);
    color: rgba(0,0,0,.7);
  }
  .button.is-light:focus:not(:active),.button.is-light.is-focused:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(245,245,245,.25);
    box-shadow: 0 0 0 .125em rgba(245,245,245,.25);
  }
  .button.is-light:active,.button.is-light.is-active {
    background-color: #e8e8e8;
    border-color: rgba(0,0,0,0);
    color: rgba(0,0,0,.7);
  }
  .button.is-light[disabled],fieldset[disabled] .button.is-light {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .button.is-light.is-inverted {
    background-color: rgba(0,0,0,.7);
    color: #f5f5f5;
  }
  .button.is-light.is-inverted:hover,.button.is-light.is-inverted.is-hovered {
    background-color: rgba(0,0,0,.7);
  }
  .button.is-light.is-inverted[disabled],fieldset[disabled] .button.is-light.is-inverted {
    background-color: rgba(0,0,0,.7);
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #f5f5f5;
  }
  .button.is-light.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,.7) rgba(0,0,0,.7) !important;
  }
  .button.is-light.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #f5f5f5;
    color: #f5f5f5;
  }
  .button.is-light.is-outlined:hover,.button.is-light.is-outlined.is-hovered,.button.is-light.is-outlined:focus,.button.is-light.is-outlined.is-focused {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: rgba(0,0,0,.7);
  }
  .button.is-light.is-outlined.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #f5f5f5 #f5f5f5 !important;
  }
  .button.is-light.is-outlined.is-loading:hover::after,.button.is-light.is-outlined.is-loading.is-hovered::after,.button.is-light.is-outlined.is-loading:focus::after,.button.is-light.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,.7) rgba(0,0,0,.7) !important;
  }
  .button.is-light.is-outlined[disabled],fieldset[disabled] .button.is-light.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #f5f5f5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #f5f5f5;
  }
  .button.is-light.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,.7);
    color: rgba(0,0,0,.7);
  }
  .button.is-light.is-inverted.is-outlined:hover,.button.is-light.is-inverted.is-outlined.is-hovered,.button.is-light.is-inverted.is-outlined:focus,.button.is-light.is-inverted.is-outlined.is-focused {
    background-color: rgba(0,0,0,.7);
    color: #f5f5f5;
  }
  .button.is-light.is-inverted.is-outlined.is-loading:hover::after,.button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-light.is-inverted.is-outlined.is-loading:focus::after,.button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #f5f5f5 #f5f5f5 !important;
  }
  .button.is-light.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-light.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,.7);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0,0,0,.7);
  }
  .button.is-dark {
    background-color: #363636;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-dark:hover,.button.is-dark.is-hovered {
    background-color: #2f2f2f;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-dark:focus,.button.is-dark.is-focused {
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-dark:focus:not(:active),.button.is-dark.is-focused:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(54,54,54,.25);
    box-shadow: 0 0 0 .125em rgba(54,54,54,.25);
  }
  .button.is-dark:active,.button.is-dark.is-active {
    background-color: #292929;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-dark[disabled],fieldset[disabled] .button.is-dark {
    background-color: #363636;
    border-color: #363636;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .button.is-dark.is-inverted {
    background-color: #fff;
    color: #363636;
  }
  .button.is-dark.is-inverted:hover,.button.is-dark.is-inverted.is-hovered {
    background-color: #f2f2f2;
  }
  .button.is-dark.is-inverted[disabled],fieldset[disabled] .button.is-dark.is-inverted {
    background-color: #fff;
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #363636;
  }
  .button.is-dark.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-dark.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #363636;
    color: #363636;
  }
  .button.is-dark.is-outlined:hover,.button.is-dark.is-outlined.is-hovered,.button.is-dark.is-outlined:focus,.button.is-dark.is-outlined.is-focused {
    background-color: #363636;
    border-color: #363636;
    color: #fff;
  }
  .button.is-dark.is-outlined.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #363636 #363636 !important;
  }
  .button.is-dark.is-outlined.is-loading:hover::after,.button.is-dark.is-outlined.is-loading.is-hovered::after,.button.is-dark.is-outlined.is-loading:focus::after,.button.is-dark.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-dark.is-outlined[disabled],fieldset[disabled] .button.is-dark.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #363636;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #363636;
  }
  .button.is-dark.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    color: #fff;
  }
  .button.is-dark.is-inverted.is-outlined:hover,.button.is-dark.is-inverted.is-outlined.is-hovered,.button.is-dark.is-inverted.is-outlined:focus,.button.is-dark.is-inverted.is-outlined.is-focused {
    background-color: #fff;
    color: #363636;
  }
  .button.is-dark.is-inverted.is-outlined.is-loading:hover::after,.button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-dark.is-inverted.is-outlined.is-loading:focus::after,.button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #363636 #363636 !important;
  }
  .button.is-dark.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
  }
  .button.is-primary {
    background-color: #0023ff;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-primary:hover,.button.is-primary.is-hovered {
    background-color: #0021f2;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-primary:focus,.button.is-primary.is-focused {
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-primary:focus:not(:active),.button.is-primary.is-focused:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(0,35,255,.25);
    box-shadow: 0 0 0 .125em rgba(0,35,255,.25);
  }
  .button.is-primary:active,.button.is-primary.is-active {
    background-color: #0020e6;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-primary[disabled],fieldset[disabled] .button.is-primary {
    background-color: #0023ff;
    border-color: #0023ff;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .button.is-primary.is-inverted {
    background-color: #fff;
    color: #0023ff;
  }
  .button.is-primary.is-inverted:hover,.button.is-primary.is-inverted.is-hovered {
    background-color: #f2f2f2;
  }
  .button.is-primary.is-inverted[disabled],fieldset[disabled] .button.is-primary.is-inverted {
    background-color: #fff;
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0023ff;
  }
  .button.is-primary.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-primary.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #0023ff;
    color: #0023ff;
  }
  .button.is-primary.is-outlined:hover,.button.is-primary.is-outlined.is-hovered,.button.is-primary.is-outlined:focus,.button.is-primary.is-outlined.is-focused {
    background-color: #0023ff;
    border-color: #0023ff;
    color: #fff;
  }
  .button.is-primary.is-outlined.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #0023ff #0023ff !important;
  }
  .button.is-primary.is-outlined.is-loading:hover::after,.button.is-primary.is-outlined.is-loading.is-hovered::after,.button.is-primary.is-outlined.is-loading:focus::after,.button.is-primary.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-primary.is-outlined[disabled],fieldset[disabled] .button.is-primary.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #0023ff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0023ff;
  }
  .button.is-primary.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    color: #fff;
  }
  .button.is-primary.is-inverted.is-outlined:hover,.button.is-primary.is-inverted.is-outlined.is-hovered,.button.is-primary.is-inverted.is-outlined:focus,.button.is-primary.is-inverted.is-outlined.is-focused {
    background-color: #fff;
    color: #0023ff;
  }
  .button.is-primary.is-inverted.is-outlined.is-loading:hover::after,.button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-primary.is-inverted.is-outlined.is-loading:focus::after,.button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #0023ff #0023ff !important;
  }
  .button.is-primary.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
  }
  .button.is-primary.is-light {
    background-color: #ebedff;
    color: #0a2cff;
  }
  .button.is-primary.is-light:hover,.button.is-primary.is-light.is-hovered {
    background-color: #dee2ff;
    border-color: rgba(0,0,0,0);
    color: #0a2cff;
  }
  .button.is-primary.is-light:active,.button.is-primary.is-light.is-active {
    background-color: #d1d7ff;
    border-color: rgba(0,0,0,0);
    color: #0a2cff;
  }
  .button.is-link {
    background-color: #0023ff;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-link:hover,.button.is-link.is-hovered {
    background-color: #0021f2;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-link:focus,.button.is-link.is-focused {
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-link:focus:not(:active),.button.is-link.is-focused:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(0,35,255,.25);
    box-shadow: 0 0 0 .125em rgba(0,35,255,.25);
  }
  .button.is-link:active,.button.is-link.is-active {
    background-color: #0020e6;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-link[disabled],fieldset[disabled] .button.is-link {
    background-color: #0023ff;
    border-color: #0023ff;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .button.is-link.is-inverted {
    background-color: #fff;
    color: #0023ff;
  }
  .button.is-link.is-inverted:hover,.button.is-link.is-inverted.is-hovered {
    background-color: #f2f2f2;
  }
  .button.is-link.is-inverted[disabled],fieldset[disabled] .button.is-link.is-inverted {
    background-color: #fff;
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0023ff;
  }
  .button.is-link.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-link.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #0023ff;
    color: #0023ff;
  }
  .button.is-link.is-outlined:hover,.button.is-link.is-outlined.is-hovered,.button.is-link.is-outlined:focus,.button.is-link.is-outlined.is-focused {
    background-color: #0023ff;
    border-color: #0023ff;
    color: #fff;
  }
  .button.is-link.is-outlined.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #0023ff #0023ff !important;
  }
  .button.is-link.is-outlined.is-loading:hover::after,.button.is-link.is-outlined.is-loading.is-hovered::after,.button.is-link.is-outlined.is-loading:focus::after,.button.is-link.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-link.is-outlined[disabled],fieldset[disabled] .button.is-link.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #0023ff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0023ff;
  }
  .button.is-link.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    color: #fff;
  }
  .button.is-link.is-inverted.is-outlined:hover,.button.is-link.is-inverted.is-outlined.is-hovered,.button.is-link.is-inverted.is-outlined:focus,.button.is-link.is-inverted.is-outlined.is-focused {
    background-color: #fff;
    color: #0023ff;
  }
  .button.is-link.is-inverted.is-outlined.is-loading:hover::after,.button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-link.is-inverted.is-outlined.is-loading:focus::after,.button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #0023ff #0023ff !important;
  }
  .button.is-link.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-link.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
  }
  .button.is-link.is-light {
    background-color: #ebedff;
    color: #0a2cff;
  }
  .button.is-link.is-light:hover,.button.is-link.is-light.is-hovered {
    background-color: #dee2ff;
    border-color: rgba(0,0,0,0);
    color: #0a2cff;
  }
  .button.is-link.is-light:active,.button.is-link.is-light.is-active {
    background-color: #d1d7ff;
    border-color: rgba(0,0,0,0);
    color: #0a2cff;
  }
  .button.is-info {
    background-color: #039be5;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-info:hover,.button.is-info.is-hovered {
    background-color: #0392d8;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-info:focus,.button.is-info.is-focused {
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-info:focus:not(:active),.button.is-info.is-focused:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(3,155,229,.25);
    box-shadow: 0 0 0 .125em rgba(3,155,229,.25);
  }
  .button.is-info:active,.button.is-info.is-active {
    background-color: #038acc;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-info[disabled],fieldset[disabled] .button.is-info {
    background-color: #039be5;
    border-color: #039be5;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .button.is-info.is-inverted {
    background-color: #fff;
    color: #039be5;
  }
  .button.is-info.is-inverted:hover,.button.is-info.is-inverted.is-hovered {
    background-color: #f2f2f2;
  }
  .button.is-info.is-inverted[disabled],fieldset[disabled] .button.is-info.is-inverted {
    background-color: #fff;
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #039be5;
  }
  .button.is-info.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-info.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #039be5;
    color: #039be5;
  }
  .button.is-info.is-outlined:hover,.button.is-info.is-outlined.is-hovered,.button.is-info.is-outlined:focus,.button.is-info.is-outlined.is-focused {
    background-color: #039be5;
    border-color: #039be5;
    color: #fff;
  }
  .button.is-info.is-outlined.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #039be5 #039be5 !important;
  }
  .button.is-info.is-outlined.is-loading:hover::after,.button.is-info.is-outlined.is-loading.is-hovered::after,.button.is-info.is-outlined.is-loading:focus::after,.button.is-info.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-info.is-outlined[disabled],fieldset[disabled] .button.is-info.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #039be5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #039be5;
  }
  .button.is-info.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    color: #fff;
  }
  .button.is-info.is-inverted.is-outlined:hover,.button.is-info.is-inverted.is-outlined.is-hovered,.button.is-info.is-inverted.is-outlined:focus,.button.is-info.is-inverted.is-outlined.is-focused {
    background-color: #fff;
    color: #039be5;
  }
  .button.is-info.is-inverted.is-outlined.is-loading:hover::after,.button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-info.is-inverted.is-outlined.is-loading:focus::after,.button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #039be5 #039be5 !important;
  }
  .button.is-info.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-info.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
  }
  .button.is-info.is-light {
    background-color: #ebf8ff;
    color: #0385c4;
  }
  .button.is-info.is-light:hover,.button.is-info.is-light.is-hovered {
    background-color: #def4ff;
    border-color: rgba(0,0,0,0);
    color: #0385c4;
  }
  .button.is-info.is-light:active,.button.is-info.is-light.is-active {
    background-color: #d2f0fe;
    border-color: rgba(0,0,0,0);
    color: #0385c4;
  }
  .button.is-success {
    background-color: #00b289;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-success:hover,.button.is-success.is-hovered {
    background-color: #00a57f;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-success:focus,.button.is-success.is-focused {
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-success:focus:not(:active),.button.is-success.is-focused:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(0,178,137,.25);
    box-shadow: 0 0 0 .125em rgba(0,178,137,.25);
  }
  .button.is-success:active,.button.is-success.is-active {
    background-color: #009975;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-success[disabled],fieldset[disabled] .button.is-success {
    background-color: #00b289;
    border-color: #00b289;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .button.is-success.is-inverted {
    background-color: #fff;
    color: #00b289;
  }
  .button.is-success.is-inverted:hover,.button.is-success.is-inverted.is-hovered {
    background-color: #f2f2f2;
  }
  .button.is-success.is-inverted[disabled],fieldset[disabled] .button.is-success.is-inverted {
    background-color: #fff;
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #00b289;
  }
  .button.is-success.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-success.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #00b289;
    color: #00b289;
  }
  .button.is-success.is-outlined:hover,.button.is-success.is-outlined.is-hovered,.button.is-success.is-outlined:focus,.button.is-success.is-outlined.is-focused {
    background-color: #00b289;
    border-color: #00b289;
    color: #fff;
  }
  .button.is-success.is-outlined.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #00b289 #00b289 !important;
  }
  .button.is-success.is-outlined.is-loading:hover::after,.button.is-success.is-outlined.is-loading.is-hovered::after,.button.is-success.is-outlined.is-loading:focus::after,.button.is-success.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-success.is-outlined[disabled],fieldset[disabled] .button.is-success.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #00b289;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #00b289;
  }
  .button.is-success.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    color: #fff;
  }
  .button.is-success.is-inverted.is-outlined:hover,.button.is-success.is-inverted.is-outlined.is-hovered,.button.is-success.is-inverted.is-outlined:focus,.button.is-success.is-inverted.is-outlined.is-focused {
    background-color: #fff;
    color: #00b289;
  }
  .button.is-success.is-inverted.is-outlined.is-loading:hover::after,.button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-success.is-inverted.is-outlined.is-loading:focus::after,.button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #00b289 #00b289 !important;
  }
  .button.is-success.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-success.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
  }
  .button.is-success.is-light {
    background-color: #ebfffa;
    color: #00bd91;
  }
  .button.is-success.is-light:hover,.button.is-success.is-light.is-hovered {
    background-color: #defff7;
    border-color: rgba(0,0,0,0);
    color: #00bd91;
  }
  .button.is-success.is-light:active,.button.is-success.is-light.is-active {
    background-color: #d1fff4;
    border-color: rgba(0,0,0,0);
    color: #00bd91;
  }
  .button.is-warning {
    background-color: #eda514;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-warning:hover,.button.is-warning.is-hovered {
    background-color: #e39d11;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-warning:focus,.button.is-warning.is-focused {
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-warning:focus:not(:active),.button.is-warning.is-focused:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(237,165,20,.25);
    box-shadow: 0 0 0 .125em rgba(237,165,20,.25);
  }
  .button.is-warning:active,.button.is-warning.is-active {
    background-color: #d79510;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-warning[disabled],fieldset[disabled] .button.is-warning {
    background-color: #eda514;
    border-color: #eda514;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .button.is-warning.is-inverted {
    background-color: #fff;
    color: #eda514;
  }
  .button.is-warning.is-inverted:hover,.button.is-warning.is-inverted.is-hovered {
    background-color: #f2f2f2;
  }
  .button.is-warning.is-inverted[disabled],fieldset[disabled] .button.is-warning.is-inverted {
    background-color: #fff;
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #eda514;
  }
  .button.is-warning.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-warning.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #eda514;
    color: #eda514;
  }
  .button.is-warning.is-outlined:hover,.button.is-warning.is-outlined.is-hovered,.button.is-warning.is-outlined:focus,.button.is-warning.is-outlined.is-focused {
    background-color: #eda514;
    border-color: #eda514;
    color: #fff;
  }
  .button.is-warning.is-outlined.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #eda514 #eda514 !important;
  }
  .button.is-warning.is-outlined.is-loading:hover::after,.button.is-warning.is-outlined.is-loading.is-hovered::after,.button.is-warning.is-outlined.is-loading:focus::after,.button.is-warning.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-warning.is-outlined[disabled],fieldset[disabled] .button.is-warning.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #eda514;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #eda514;
  }
  .button.is-warning.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    color: #fff;
  }
  .button.is-warning.is-inverted.is-outlined:hover,.button.is-warning.is-inverted.is-outlined.is-hovered,.button.is-warning.is-inverted.is-outlined:focus,.button.is-warning.is-inverted.is-outlined.is-focused {
    background-color: #fff;
    color: #eda514;
  }
  .button.is-warning.is-inverted.is-outlined.is-loading:hover::after,.button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-warning.is-inverted.is-outlined.is-loading:focus::after,.button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #eda514 #eda514 !important;
  }
  .button.is-warning.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
  }
  .button.is-warning.is-light {
    background-color: #fef8ec;
    color: #8e630b;
  }
  .button.is-warning.is-light:hover,.button.is-warning.is-light.is-hovered {
    background-color: #fdf3e0;
    border-color: rgba(0,0,0,0);
    color: #8e630b;
  }
  .button.is-warning.is-light:active,.button.is-warning.is-light.is-active {
    background-color: #fcefd4;
    border-color: rgba(0,0,0,0);
    color: #8e630b;
  }
  .button.is-danger {
    background-color: #ff3b3c;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-danger:hover,.button.is-danger.is-hovered {
    background-color: #ff2e2f;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-danger:focus,.button.is-danger.is-focused {
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-danger:focus:not(:active),.button.is-danger.is-focused:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(255,59,60,.25);
    box-shadow: 0 0 0 .125em rgba(255,59,60,.25);
  }
  .button.is-danger:active,.button.is-danger.is-active {
    background-color: #ff2223;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .button.is-danger[disabled],fieldset[disabled] .button.is-danger {
    background-color: #ff3b3c;
    border-color: #ff3b3c;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .button.is-danger.is-inverted {
    background-color: #fff;
    color: #ff3b3c;
  }
  .button.is-danger.is-inverted:hover,.button.is-danger.is-inverted.is-hovered {
    background-color: #f2f2f2;
  }
  .button.is-danger.is-inverted[disabled],fieldset[disabled] .button.is-danger.is-inverted {
    background-color: #fff;
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ff3b3c;
  }
  .button.is-danger.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-danger.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #ff3b3c;
    color: #ff3b3c;
  }
  .button.is-danger.is-outlined:hover,.button.is-danger.is-outlined.is-hovered,.button.is-danger.is-outlined:focus,.button.is-danger.is-outlined.is-focused {
    background-color: #ff3b3c;
    border-color: #ff3b3c;
    color: #fff;
  }
  .button.is-danger.is-outlined.is-loading::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #ff3b3c #ff3b3c !important;
  }
  .button.is-danger.is-outlined.is-loading:hover::after,.button.is-danger.is-outlined.is-loading.is-hovered::after,.button.is-danger.is-outlined.is-loading:focus::after,.button.is-danger.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff !important;
  }
  .button.is-danger.is-outlined[disabled],fieldset[disabled] .button.is-danger.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #ff3b3c;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ff3b3c;
  }
  .button.is-danger.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    color: #fff;
  }
  .button.is-danger.is-inverted.is-outlined:hover,.button.is-danger.is-inverted.is-outlined.is-hovered,.button.is-danger.is-inverted.is-outlined:focus,.button.is-danger.is-inverted.is-outlined.is-focused {
    background-color: #fff;
    color: #ff3b3c;
  }
  .button.is-danger.is-inverted.is-outlined.is-loading:hover::after,.button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-danger.is-inverted.is-outlined.is-loading:focus::after,.button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #ff3b3c #ff3b3c !important;
  }
  .button.is-danger.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
  }
  .button.is-danger.is-light {
    background-color: #ffebeb;
    color: #db0001;
  }
  .button.is-danger.is-light:hover,.button.is-danger.is-light.is-hovered {
    background-color: #ffdede;
    border-color: rgba(0,0,0,0);
    color: #db0001;
  }
  .button.is-danger.is-light:active,.button.is-danger.is-light.is-active {
    background-color: #ffd1d1;
    border-color: rgba(0,0,0,0);
    color: #db0001;
  }
  .button.is-small {
    font-size: .75rem;
  }
  .button.is-small:not(.is-rounded) {
    border-radius: 2px;
  }
  .button.is-normal {
    font-size: 1rem;
  }
  .button.is-medium {
    font-size: 1.25rem;
  }
  .button.is-large {
    font-size: 1.5rem;
  }
  .button[disabled],fieldset[disabled] .button {
    background-color: #fff;
    border-color: #dbdbdb;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .5;
  }
  .button.is-fullwidth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .button.is-loading {
    color: rgba(0,0,0,0) !important;
    pointer-events: none;
  }
  .button.is-loading::after {
    position: absolute;
    inset-inline-start: calc(50% - (1em * 0.5));
    top: calc(50% - (1em * 0.5));
    position: absolute !important;
  }
  .button.is-static {
    background-color: #f5f5f5;
    border-color: #dbdbdb;
    color: #7a7a7a;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
  }
  .button.is-rounded {
    border-radius: 9999px;
    -webkit-padding-start: calc(1em + 0.25em);
    padding-inline-start: calc(1em + 0.25em);
    -webkit-padding-end: calc(1em + 0.25em);
    padding-inline-end: calc(1em + 0.25em);
  }
  .buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .buttons .button {
    margin-bottom: .5rem;
  }
  .buttons .button:not(:last-child):not(.is-fullwidth) {
    margin-left: .5rem;
  }
  .buttons:last-child {
    margin-bottom: -0.5rem;
  }
  .buttons:not(:last-child) {
    margin-bottom: 1rem;
  }
  .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
    font-size: .75rem;
  }
  .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
    border-radius: 2px;
  }
  .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
    font-size: 1.25rem;
  }
  .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
    font-size: 1.5rem;
  }
  .buttons.has-addons .button:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .buttons.has-addons .button:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-left: -1px;
  }
  .buttons.has-addons .button:last-child {
    margin-left: 0;
  }
  .buttons.has-addons .button:hover,.buttons.has-addons .button.is-hovered {
    z-index: 2;
  }
  .buttons.has-addons .button:focus,.buttons.has-addons .button.is-focused,.buttons.has-addons .button:active,.buttons.has-addons .button.is-active,.buttons.has-addons .button.is-selected {
    z-index: 3;
  }
  .buttons.has-addons .button:focus:hover,.buttons.has-addons .button.is-focused:hover,.buttons.has-addons .button:active:hover,.buttons.has-addons .button.is-active:hover,.buttons.has-addons .button.is-selected:hover {
    z-index: 4;
  }
  .buttons.has-addons .button.is-expanded {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }
  .buttons.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem;
    -webkit-margin-end: .25rem;
    margin-inline-end: .25rem;
  }
  .buttons.is-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem;
    -webkit-margin-end: .25rem;
    margin-inline-end: .25rem;
  }
  @media screen and (max-width: 768px) {
    .button.is-responsive.is-small {
      font-size: .5625rem;
    }
    .button.is-responsive,.button.is-responsive.is-normal {
      font-size: .65625rem;
    }
    .button.is-responsive.is-medium {
      font-size: .75rem;
    }
    .button.is-responsive.is-large {
      font-size: 1rem;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .button.is-responsive.is-small {
      font-size: .65625rem;
    }
    .button.is-responsive,.button.is-responsive.is-normal {
      font-size: .75rem;
    }
    .button.is-responsive.is-medium {
      font-size: 1rem;
    }
    .button.is-responsive.is-large {
      font-size: 1.25rem;
    }
  }
  .container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto;
  }
  .container.is-fluid {
    max-width: none !important;
    -webkit-padding-start: 32px;
    padding-inline-start: 32px;
    -webkit-padding-end: 32px;
    padding-inline-end: 32px;
    width: 100%;
  }
  @media screen and (min-width: 1024px) {
    .container {
      max-width: 960px;
    }
  }
  @media screen and (max-width: 1215px) {
    .container.is-widescreen:not(.is-max-desktop) {
      max-width: 1152px;
    }
  }
  @media screen and (max-width: 1407px) {
    .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
      max-width: 1344px;
    }
  }
  @media screen and (min-width: 1216px) {
    .container:not(.is-max-desktop) {
      max-width: 1152px;
    }
  }
  @media screen and (min-width: 1408px) {
    .container:not(.is-max-desktop):not(.is-max-widescreen) {
      max-width: 1344px;
    }
  }
  .title,.subtitle {
    word-break: break-word;
  }
  .title em,.title span,.subtitle em,.subtitle span {
    font-weight: inherit;
  }
  .title sub,.subtitle sub {
    font-size: .75em;
  }
  .title sup,.subtitle sup {
    font-size: .75em;
  }
  .title .tag,.subtitle .tag {
    vertical-align: middle;
  }
  .title {
    color: #363636;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.125;
  }
  .title strong {
    color: inherit;
    font-weight: inherit;
  }
  .title:not(.is-spaced)+.subtitle {
    margin-top: -1.25rem;
  }
  .title.is-1 {
    font-size: 3rem;
  }
  .title.is-2 {
    font-size: 2.5rem;
  }
  .title.is-3 {
    font-size: 2rem;
  }
  .title.is-4 {
    font-size: 1.5rem;
  }
  .title.is-5 {
    font-size: 1.25rem;
  }
  .title.is-6 {
    font-size: 1rem;
  }
  .title.is-7 {
    font-size: .75rem;
  }
  .subtitle {
    color: #4a4a4a;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.25;
  }
  .subtitle strong {
    color: #363636;
    font-weight: 600;
  }
  .subtitle:not(.is-spaced)+.title {
    margin-top: -1.25rem;
  }
  .subtitle.is-1 {
    font-size: 3rem;
  }
  .subtitle.is-2 {
    font-size: 2.5rem;
  }
  .subtitle.is-3 {
    font-size: 2rem;
  }
  .subtitle.is-4 {
    font-size: 1.5rem;
  }
  .subtitle.is-5 {
    font-size: 1.25rem;
  }
  .subtitle.is-6 {
    font-size: 1rem;
  }
  .subtitle.is-7 {
    font-size: .75rem;
  }
  .box {
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0px 0 1px rgba(10,10,10,.02);
    box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0px 0 1px rgba(10,10,10,.02);
    color: #4a4a4a;
    display: block;
    padding: 1.25rem;
  }
  a.box:hover,a.box:focus {
    -webkit-box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0 0 1px #0023ff;
    box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0 0 1px #0023ff;
  }
  a.box:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(10,10,10,.2),0 0 0 1px #0023ff;
    box-shadow: inset 0 1px 2px rgba(10,10,10,.2),0 0 0 1px #0023ff;
  }
  .content li+li {
    margin-top: .25em;
  }
  .content p:not(:last-child),.content dl:not(:last-child),.content ol:not(:last-child),.content ul:not(:last-child),.content blockquote:not(:last-child),.content pre:not(:last-child),.content table:not(:last-child) {
    margin-bottom: 1em;
  }
  .content h1,.content h2,.content h3,.content h4,.content h5,.content h6 {
    color: #363636;
    font-weight: 600;
    line-height: 1.125;
  }
  .content h1 {
    font-size: 2em;
    margin-bottom: .5em;
  }
  .content h1:not(:first-child) {
    margin-top: 1em;
  }
  .content h2 {
    font-size: 1.75em;
    margin-bottom: .5714em;
  }
  .content h2:not(:first-child) {
    margin-top: 1.1428em;
  }
  .content h3 {
    font-size: 1.5em;
    margin-bottom: .6666em;
  }
  .content h3:not(:first-child) {
    margin-top: 1.3333em;
  }
  .content h4 {
    font-size: 1.25em;
    margin-bottom: .8em;
  }
  .content h5 {
    font-size: 1.125em;
    margin-bottom: .8888em;
  }
  .content h6 {
    font-size: 1em;
    margin-bottom: 1em;
  }
  .content blockquote {
    background-color: #f5f5f5;
    border-right: 5px solid #dbdbdb;
    padding: 1.25em 1.5em;
  }
  .content ol {
    list-style-position: outside;
    margin-right: 2em;
    margin-top: 1em;
  }
  .content ol:not([type]) {
    list-style-type: decimal;
  }
  .content ol:not([type]).is-lower-alpha {
    list-style-type: lower-alpha;
  }
  .content ol:not([type]).is-lower-roman {
    list-style-type: lower-roman;
  }
  .content ol:not([type]).is-upper-alpha {
    list-style-type: upper-alpha;
  }
  .content ol:not([type]).is-upper-roman {
    list-style-type: upper-roman;
  }
  .content ul {
    list-style: disc outside;
    margin-right: 2em;
    margin-top: 1em;
  }
  .content ul ul {
    list-style-type: circle;
    margin-top: .5em;
  }
  .content ul ul ul {
    list-style-type: square;
  }
  .content dd {
    margin-right: 2em;
  }
  .content figure {
    -webkit-margin-start: 2em;
    margin-inline-start: 2em;
    -webkit-margin-end: 2em;
    margin-inline-end: 2em;
    text-align: center;
  }
  .content figure:not(:first-child) {
    margin-top: 2em;
  }
  .content figure:not(:last-child) {
    margin-bottom: 2em;
  }
  .content figure img {
    display: inline-block;
  }
  .content figure figcaption {
    font-style: italic;
  }
  .content pre {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    padding: 1.25em 1.5em;
    white-space: pre;
    word-wrap: normal;
  }
  .content sup,.content sub {
    font-size: 75%;
  }
  .content table {
    width: 100%;
  }
  .content table td,.content table th {
    border: 1px solid #dbdbdb;
    border-width: 0 0 1px;
    padding: .5em .75em;
    vertical-align: top;
  }
  .content table th {
    color: #363636;
  }
  .content table th:not([align]) {
    text-align: inherit;
  }
  .content table thead td,.content table thead th {
    border-width: 0 0 2px;
    color: #363636;
  }
  .content table tfoot td,.content table tfoot th {
    border-width: 2px 0 0;
    color: #363636;
  }
  .content table tbody tr:last-child td,.content table tbody tr:last-child th {
    border-bottom-width: 0;
  }
  .content .tabs li+li {
    margin-top: 0;
  }
  .content.is-small {
    font-size: .75rem;
  }
  .content.is-normal {
    font-size: 1rem;
  }
  .content.is-medium {
    font-size: 1.25rem;
  }
  .content.is-large {
    font-size: 1.5rem;
  }
  .icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem;
  }
  .icon.is-small {
    height: 1rem;
    width: 1rem;
  }
  .icon.is-medium {
    height: 2rem;
    width: 2rem;
  }
  .icon.is-large {
    height: 3rem;
    width: 3rem;
  }
  .icon-text {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: inherit;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.5rem;
    vertical-align: top;
  }
  .icon-text .icon {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .icon-text .icon:not(:last-child) {
    -webkit-margin-start: .25em;
    margin-inline-start: .25em;
  }
  .icon-text .icon:not(:first-child) {
    -webkit-margin-end: .25em;
    margin-inline-end: .25em;
  }
  div.icon-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .image {
    display: block;
    position: relative;
  }
  .image img {
    display: block;
    height: auto;
    width: 100%;
  }
  .image img.is-rounded {
    border-radius: 9999px;
  }
  .image.is-fullwidth {
    width: 100%;
  }
  .image.is-square img,.image.is-square .has-ratio,.image.is-1by1 img,.image.is-1by1 .has-ratio,.image.is-5by4 img,.image.is-5by4 .has-ratio,.image.is-4by3 img,.image.is-4by3 .has-ratio,.image.is-3by2 img,.image.is-3by2 .has-ratio,.image.is-5by3 img,.image.is-5by3 .has-ratio,.image.is-16by9 img,.image.is-16by9 .has-ratio,.image.is-2by1 img,.image.is-2by1 .has-ratio,.image.is-3by1 img,.image.is-3by1 .has-ratio,.image.is-4by5 img,.image.is-4by5 .has-ratio,.image.is-3by4 img,.image.is-3by4 .has-ratio,.image.is-2by3 img,.image.is-2by3 .has-ratio,.image.is-3by5 img,.image.is-3by5 .has-ratio,.image.is-9by16 img,.image.is-9by16 .has-ratio,.image.is-1by2 img,.image.is-1by2 .has-ratio,.image.is-1by3 img,.image.is-1by3 .has-ratio {
    height: 100%;
    width: 100%;
  }
  .image.is-square,.image.is-1by1 {
    padding-top: 100%;
  }
  .image.is-5by4 {
    padding-top: 80%;
  }
  .image.is-4by3 {
    padding-top: 75%;
  }
  .image.is-3by2 {
    padding-top: 66.6666%;
  }
  .image.is-5by3 {
    padding-top: 60%;
  }
  .image.is-16by9 {
    padding-top: 56.25%;
  }
  .image.is-2by1 {
    padding-top: 50%;
  }
  .image.is-3by1 {
    padding-top: 33.3333%;
  }
  .image.is-4by5 {
    padding-top: 125%;
  }
  .image.is-3by4 {
    padding-top: 133.3333%;
  }
  .image.is-2by3 {
    padding-top: 150%;
  }
  .image.is-3by5 {
    padding-top: 166.6666%;
  }
  .image.is-9by16 {
    padding-top: 177.7777%;
  }
  .image.is-1by2 {
    padding-top: 200%;
  }
  .image.is-1by3 {
    padding-top: 300%;
  }
  .image.is-16x16 {
    height: 16px;
    width: 16px;
  }
  .image.is-24x24 {
    height: 24px;
    width: 24px;
  }
  .image.is-32x32 {
    height: 32px;
    width: 32px;
  }
  .image.is-48x48 {
    height: 48px;
    width: 48px;
  }
  .image.is-64x64 {
    height: 64px;
    width: 64px;
  }
  .image.is-96x96 {
    height: 96px;
    width: 96px;
  }
  .image.is-128x128 {
    height: 128px;
    width: 128px;
  }
  .notification {
    background-color: #f5f5f5;
    border-radius: 4px;
    position: relative;
    padding: 1.25rem 1.5rem 1.25rem 2.5rem;
  }
  .notification a:not(.button):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline;
  }
  .notification strong {
    color: currentColor;
  }
  .notification code,.notification pre {
    background: #fff;
  }
  .notification pre code {
    background: rgba(0,0,0,0);
  }
  .notification>.delete {
    left: .5rem;
    position: absolute;
    top: .5rem;
  }
  .notification .title,.notification .subtitle,.notification .content {
    color: currentColor;
  }
  .notification.is-white {
    background-color: #fff;
    color: #0a0a0a;
  }
  .notification.is-black {
    background-color: #0a0a0a;
    color: #fff;
  }
  .notification.is-light {
    background-color: #f5f5f5;
    color: rgba(0,0,0,.7);
  }
  .notification.is-dark {
    background-color: #363636;
    color: #fff;
  }
  .notification.is-primary {
    background-color: #0023ff;
    color: #fff;
  }
  .notification.is-primary.is-light {
    background-color: #ebedff;
    color: #0a2cff;
  }
  .notification.is-link {
    background-color: #0023ff;
    color: #fff;
  }
  .notification.is-link.is-light {
    background-color: #ebedff;
    color: #0a2cff;
  }
  .notification.is-info {
    background-color: #039be5;
    color: #fff;
  }
  .notification.is-info.is-light {
    background-color: #ebf8ff;
    color: #0385c4;
  }
  .notification.is-success {
    background-color: #00b289;
    color: #fff;
  }
  .notification.is-success.is-light {
    background-color: #ebfffa;
    color: #00bd91;
  }
  .notification.is-warning {
    background-color: #eda514;
    color: #fff;
  }
  .notification.is-warning.is-light {
    background-color: #fef8ec;
    color: #8e630b;
  }
  .notification.is-danger {
    background-color: #ff3b3c;
    color: #fff;
  }
  .notification.is-danger.is-light {
    background-color: #ffebeb;
    color: #db0001;
  }
  .progress {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 9999px;
    display: block;
    height: 1rem;
    overflow: hidden;
    padding: 0;
    width: 100%;
  }
  .progress::-webkit-progress-bar {
    background-color: #ededed;
  }
  .progress::-webkit-progress-value {
    background-color: #4a4a4a;
  }
  .progress::-moz-progress-bar {
    background-color: #4a4a4a;
  }
  .progress::-ms-fill {
    background-color: #4a4a4a;
    border: none;
  }
  .progress.is-white::-webkit-progress-value {
    background-color: #fff;
  }
  .progress.is-white::-moz-progress-bar {
    background-color: #fff;
  }
  .progress.is-white::-ms-fill {
    background-color: #fff;
  }
  .progress.is-white:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, hsl(0, 0%, 100%)), color-stop(30%, hsl(0, 0%, 93%)));
    background-image: linear-gradient(to right, hsl(0, 0%, 100%) 30%, hsl(0, 0%, 93%) 30%);
  }
  .progress.is-black::-webkit-progress-value {
    background-color: #0a0a0a;
  }
  .progress.is-black::-moz-progress-bar {
    background-color: #0a0a0a;
  }
  .progress.is-black::-ms-fill {
    background-color: #0a0a0a;
  }
  .progress.is-black:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, hsl(0, 0%, 4%)), color-stop(30%, hsl(0, 0%, 93%)));
    background-image: linear-gradient(to right, hsl(0, 0%, 4%) 30%, hsl(0, 0%, 93%) 30%);
  }
  .progress.is-light::-webkit-progress-value {
    background-color: #f5f5f5;
  }
  .progress.is-light::-moz-progress-bar {
    background-color: #f5f5f5;
  }
  .progress.is-light::-ms-fill {
    background-color: #f5f5f5;
  }
  .progress.is-light:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, hsl(0, 0%, 96%)), color-stop(30%, hsl(0, 0%, 93%)));
    background-image: linear-gradient(to right, hsl(0, 0%, 96%) 30%, hsl(0, 0%, 93%) 30%);
  }
  .progress.is-dark::-webkit-progress-value {
    background-color: #363636;
  }
  .progress.is-dark::-moz-progress-bar {
    background-color: #363636;
  }
  .progress.is-dark::-ms-fill {
    background-color: #363636;
  }
  .progress.is-dark:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, hsl(0, 0%, 21%)), color-stop(30%, hsl(0, 0%, 93%)));
    background-image: linear-gradient(to right, hsl(0, 0%, 21%) 30%, hsl(0, 0%, 93%) 30%);
  }
  .progress.is-primary::-webkit-progress-value {
    background-color: #0023ff;
  }
  .progress.is-primary::-moz-progress-bar {
    background-color: #0023ff;
  }
  .progress.is-primary::-ms-fill {
    background-color: #0023ff;
  }
  .progress.is-primary:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #0023ff), color-stop(30%, hsl(0, 0%, 93%)));
    background-image: linear-gradient(to right, #0023ff 30%, hsl(0, 0%, 93%) 30%);
  }
  .progress.is-link::-webkit-progress-value {
    background-color: #0023ff;
  }
  .progress.is-link::-moz-progress-bar {
    background-color: #0023ff;
  }
  .progress.is-link::-ms-fill {
    background-color: #0023ff;
  }
  .progress.is-link:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #0023ff), color-stop(30%, hsl(0, 0%, 93%)));
    background-image: linear-gradient(to right, #0023ff 30%, hsl(0, 0%, 93%) 30%);
  }
  .progress.is-info::-webkit-progress-value {
    background-color: #039be5;
  }
  .progress.is-info::-moz-progress-bar {
    background-color: #039be5;
  }
  .progress.is-info::-ms-fill {
    background-color: #039be5;
  }
  .progress.is-info:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #039be5), color-stop(30%, hsl(0, 0%, 93%)));
    background-image: linear-gradient(to right, #039be5 30%, hsl(0, 0%, 93%) 30%);
  }
  .progress.is-success::-webkit-progress-value {
    background-color: #00b289;
  }
  .progress.is-success::-moz-progress-bar {
    background-color: #00b289;
  }
  .progress.is-success::-ms-fill {
    background-color: #00b289;
  }
  .progress.is-success:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #00b289), color-stop(30%, hsl(0, 0%, 93%)));
    background-image: linear-gradient(to right, #00b289 30%, hsl(0, 0%, 93%) 30%);
  }
  .progress.is-warning::-webkit-progress-value {
    background-color: #eda514;
  }
  .progress.is-warning::-moz-progress-bar {
    background-color: #eda514;
  }
  .progress.is-warning::-ms-fill {
    background-color: #eda514;
  }
  .progress.is-warning:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #eda514), color-stop(30%, hsl(0, 0%, 93%)));
    background-image: linear-gradient(to right, #eda514 30%, hsl(0, 0%, 93%) 30%);
  }
  .progress.is-danger::-webkit-progress-value {
    background-color: #ff3b3c;
  }
  .progress.is-danger::-moz-progress-bar {
    background-color: #ff3b3c;
  }
  .progress.is-danger::-ms-fill {
    background-color: #ff3b3c;
  }
  .progress.is-danger:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #ff3b3c), color-stop(30%, hsl(0, 0%, 93%)));
    background-image: linear-gradient(to right, #ff3b3c 30%, hsl(0, 0%, 93%) 30%);
  }
  .progress:indeterminate {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: moveIndeterminate;
    animation-name: moveIndeterminate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background-color: #ededed;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, hsl(0, 0%, 29%)), color-stop(30%, hsl(0, 0%, 93%)));
    background-image: linear-gradient(to right, hsl(0, 0%, 29%) 30%, hsl(0, 0%, 93%) 30%);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 150% 150%;
  }
  .progress:indeterminate::-webkit-progress-bar {
    background-color: rgba(0,0,0,0);
  }
  .progress:indeterminate::-moz-progress-bar {
    background-color: rgba(0,0,0,0);
  }
  .progress:indeterminate::-ms-fill {
    animation-name: none;
  }
  .progress.is-small {
    height: .75rem;
  }
  .progress.is-medium {
    height: 1.25rem;
  }
  .progress.is-large {
    height: 1.5rem;
  }
  @-webkit-keyframes moveIndeterminate {
    from {
      background-position: 200% 0;
    }
    to {
      background-position: -200% 0;
    }
  }
  @keyframes moveIndeterminate {
    from {
      background-position: 200% 0;
    }
    to {
      background-position: -200% 0;
    }
  }
  .table {
    background-color: #fff;
    color: #363636;
  }
  .table td,.table th {
    border: 1px solid #dbdbdb;
    border-width: 0 0 1px;
    padding: .5em .75em;
    vertical-align: top;
  }
  .table td.is-white,.table th.is-white {
    background-color: #fff;
    border-color: #fff;
    color: #0a0a0a;
  }
  .table td.is-black,.table th.is-black {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    color: #fff;
  }
  .table td.is-light,.table th.is-light {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: rgba(0,0,0,.7);
  }
  .table td.is-dark,.table th.is-dark {
    background-color: #363636;
    border-color: #363636;
    color: #fff;
  }
  .table td.is-primary,.table th.is-primary {
    background-color: #0023ff;
    border-color: #0023ff;
    color: #fff;
  }
  .table td.is-link,.table th.is-link {
    background-color: #0023ff;
    border-color: #0023ff;
    color: #fff;
  }
  .table td.is-info,.table th.is-info {
    background-color: #039be5;
    border-color: #039be5;
    color: #fff;
  }
  .table td.is-success,.table th.is-success {
    background-color: #00b289;
    border-color: #00b289;
    color: #fff;
  }
  .table td.is-warning,.table th.is-warning {
    background-color: #eda514;
    border-color: #eda514;
    color: #fff;
  }
  .table td.is-danger,.table th.is-danger {
    background-color: #ff3b3c;
    border-color: #ff3b3c;
    color: #fff;
  }
  .table td.is-narrow,.table th.is-narrow {
    white-space: nowrap;
    width: 1%;
  }
  .table td.is-selected,.table th.is-selected {
    background-color: #0023ff;
    color: #fff;
  }
  .table td.is-selected a,.table td.is-selected strong,.table th.is-selected a,.table th.is-selected strong {
    color: currentColor;
  }
  .table td.is-vcentered,.table th.is-vcentered {
    vertical-align: middle;
  }
  .table th {
    color: #363636;
  }
  .table th:not([align]) {
    text-align: start;
  }
  .table tr.is-selected {
    background-color: #0023ff;
    color: #fff;
  }
  .table tr.is-selected a,.table tr.is-selected strong {
    color: currentColor;
  }
  .table tr.is-selected td,.table tr.is-selected th {
    border-color: #fff;
    color: currentColor;
  }
  .table thead {
    background-color: rgba(0,0,0,0);
  }
  .table thead td,.table thead th {
    border-width: 0 0 2px;
    color: #363636;
  }
  .table tfoot {
    background-color: rgba(0,0,0,0);
  }
  .table tfoot td,.table tfoot th {
    border-width: 2px 0 0;
    color: #363636;
  }
  .table tbody {
    background-color: rgba(0,0,0,0);
  }
  .table tbody tr:last-child td,.table tbody tr:last-child th {
    border-bottom-width: 0;
  }
  .table.is-bordered td,.table.is-bordered th {
    border-width: 1px;
  }
  .table.is-bordered tr:last-child td,.table.is-bordered tr:last-child th {
    border-bottom-width: 1px;
  }
  .table.is-fullwidth {
    width: 100%;
  }
  .table.is-hoverable tbody tr:not(.is-selected):hover {
    background-color: #fafafa;
  }
  .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
    background-color: #fafafa;
  }
  .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
    background-color: #f5f5f5;
  }
  .table.is-narrow td,.table.is-narrow th {
    padding: .25em .5em;
  }
  .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
    background-color: #fafafa;
  }
  .table-container {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%;
  }
  .tags {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .tags .tag {
    margin-bottom: .5rem;
  }
  .tags .tag:not(:last-child) {
    margin-left: .5rem;
  }
  .tags:last-child {
    margin-bottom: -0.5rem;
  }
  .tags:not(:last-child) {
    margin-bottom: 1rem;
  }
  .tags.are-medium .tag:not(.is-normal):not(.is-large) {
    font-size: 1rem;
  }
  .tags.are-large .tag:not(.is-normal):not(.is-medium) {
    font-size: 1.25rem;
  }
  .tags.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .tags.is-centered .tag {
    -webkit-margin-end: .25rem;
    margin-inline-end: .25rem;
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem;
  }
  .tags.is-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .tags.is-right .tag:not(:first-child) {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem;
  }
  .tags.is-right .tag:not(:last-child) {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
  }
  .tags.has-addons .tag {
    margin-left: 0;
  }
  .tags.has-addons .tag:not(:first-child) {
    margin-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .tags.has-addons .tag:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .tag:not(body) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #4a4a4a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .75rem;
    height: 2em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5;
    -webkit-padding-start: .75em;
    padding-inline-start: .75em;
    -webkit-padding-end: .75em;
    padding-inline-end: .75em;
    white-space: nowrap;
  }
  .tag:not(body) .delete {
    margin-right: .25rem;
    margin-left: -0.375rem;
  }
  .tag:not(body).is-white {
    background-color: #fff;
    color: #0a0a0a;
  }
  .tag:not(body).is-black {
    background-color: #0a0a0a;
    color: #fff;
  }
  .tag:not(body).is-light {
    background-color: #f5f5f5;
    color: rgba(0,0,0,.7);
  }
  .tag:not(body).is-dark {
    background-color: #363636;
    color: #fff;
  }
  .tag:not(body).is-primary {
    background-color: #0023ff;
    color: #fff;
  }
  .tag:not(body).is-primary.is-light {
    background-color: #ebedff;
    color: #0a2cff;
  }
  .tag:not(body).is-link {
    background-color: #0023ff;
    color: #fff;
  }
  .tag:not(body).is-link.is-light {
    background-color: #ebedff;
    color: #0a2cff;
  }
  .tag:not(body).is-info {
    background-color: #039be5;
    color: #fff;
  }
  .tag:not(body).is-info.is-light {
    background-color: #ebf8ff;
    color: #0385c4;
  }
  .tag:not(body).is-success {
    background-color: #00b289;
    color: #fff;
  }
  .tag:not(body).is-success.is-light {
    background-color: #ebfffa;
    color: #00bd91;
  }
  .tag:not(body).is-warning {
    background-color: #eda514;
    color: #fff;
  }
  .tag:not(body).is-warning.is-light {
    background-color: #fef8ec;
    color: #8e630b;
  }
  .tag:not(body).is-danger {
    background-color: #ff3b3c;
    color: #fff;
  }
  .tag:not(body).is-danger.is-light {
    background-color: #ffebeb;
    color: #db0001;
  }
  .tag:not(body).is-normal {
    font-size: .75rem;
  }
  .tag:not(body).is-medium {
    font-size: 1rem;
  }
  .tag:not(body).is-large {
    font-size: 1.25rem;
  }
  .tag:not(body) .icon:first-child:not(:last-child) {
    margin-right: -0.375em;
    margin-left: .1875em;
  }
  .tag:not(body) .icon:last-child:not(:first-child) {
    margin-right: .1875em;
    margin-left: -0.375em;
  }
  .tag:not(body) .icon:first-child:last-child {
    margin-right: -0.375em;
    margin-left: -0.375em;
  }
  .tag:not(body).is-delete {
    margin-right: 1px;
    padding: 0;
    position: relative;
    width: 2em;
  }
  .tag:not(body).is-delete::before,.tag:not(body).is-delete::after {
    background-color: currentColor;
    content: "";
    display: block;
    inset-inline-start: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  .tag:not(body).is-delete::before {
    height: 1px;
    width: 50%;
  }
  .tag:not(body).is-delete::after {
    height: 50%;
    width: 1px;
  }
  .tag:not(body).is-delete:hover,.tag:not(body).is-delete:focus {
    background-color: #e8e8e8;
  }
  .tag:not(body).is-delete:active {
    background-color: #dbdbdb;
  }
  .tag:not(body).is-rounded {
    border-radius: 9999px;
  }
  a.tag:hover {
    text-decoration: underline;
  }
  .heading {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase;
  }
  .number {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 9999px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.25rem;
    height: 2em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-margin-end: 1.5rem;
    margin-inline-end: 1.5rem;
    min-width: 2.5em;
    padding: .25rem .5rem;
    text-align: center;
    vertical-align: top;
  }
  .select select,.textarea,.input {
    background-color: #fff;
    border-color: #dbdbdb;
    border-radius: 4px;
    color: #363636;
  }
  .select select::-moz-placeholder,.textarea::-moz-placeholder,.input::-moz-placeholder {
    color: rgba(54,54,54,.3);
  }
  .select select::-webkit-input-placeholder,.textarea::-webkit-input-placeholder,.input::-webkit-input-placeholder {
    color: rgba(54,54,54,.3);
  }
  .select select:-moz-placeholder,.textarea:-moz-placeholder,.input:-moz-placeholder {
    color: rgba(54,54,54,.3);
  }
  .select select:-ms-input-placeholder,.textarea:-ms-input-placeholder,.input:-ms-input-placeholder {
    color: rgba(54,54,54,.3);
  }
  .select select:hover,.textarea:hover,.input:hover,.select select.is-hovered,.is-hovered.textarea,.is-hovered.input {
    border-color: #b5b5b5;
  }
  .select select:focus,.textarea:focus,.input:focus,.select select.is-focused,.is-focused.textarea,.is-focused.input,.select select:active,.textarea:active,.input:active,.select select.is-active,.is-active.textarea,.is-active.input {
    border-color: #0023ff;
    -webkit-box-shadow: 0 0 0 .125em rgba(0,35,255,.25);
    box-shadow: 0 0 0 .125em rgba(0,35,255,.25);
  }
  .select select[disabled],[disabled].textarea,[disabled].input,fieldset[disabled] .select select,.select fieldset[disabled] select,fieldset[disabled] .textarea,fieldset[disabled] .input {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #7a7a7a;
  }
  .select select[disabled]::-moz-placeholder,[disabled].textarea::-moz-placeholder,[disabled].input::-moz-placeholder,fieldset[disabled] .select select::-moz-placeholder,.select fieldset[disabled] select::-moz-placeholder,fieldset[disabled] .textarea::-moz-placeholder,fieldset[disabled] .input::-moz-placeholder {
    color: rgba(122,122,122,.3);
  }
  .select select[disabled]::-webkit-input-placeholder,[disabled].textarea::-webkit-input-placeholder,[disabled].input::-webkit-input-placeholder,fieldset[disabled] .select select::-webkit-input-placeholder,.select fieldset[disabled] select::-webkit-input-placeholder,fieldset[disabled] .textarea::-webkit-input-placeholder,fieldset[disabled] .input::-webkit-input-placeholder {
    color: rgba(122,122,122,.3);
  }
  .select select[disabled]:-moz-placeholder,[disabled].textarea:-moz-placeholder,[disabled].input:-moz-placeholder,fieldset[disabled] .select select:-moz-placeholder,.select fieldset[disabled] select:-moz-placeholder,fieldset[disabled] .textarea:-moz-placeholder,fieldset[disabled] .input:-moz-placeholder {
    color: rgba(122,122,122,.3);
  }
  .select select[disabled]:-ms-input-placeholder,[disabled].textarea:-ms-input-placeholder,[disabled].input:-ms-input-placeholder,fieldset[disabled] .select select:-ms-input-placeholder,.select fieldset[disabled] select:-ms-input-placeholder,fieldset[disabled] .textarea:-ms-input-placeholder,fieldset[disabled] .input:-ms-input-placeholder {
    color: rgba(122,122,122,.3);
  }
  .textarea,.input {
    -webkit-box-shadow: inset 0 .0625em .125em rgba(10,10,10,.05);
    box-shadow: inset 0 .0625em .125em rgba(10,10,10,.05);
    max-width: 100%;
    width: 100%;
  }
  [readonly].textarea,[readonly].input {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .is-white.textarea,.is-white.input {
    border-color: #fff;
  }
  .is-white.textarea:focus,.is-white.input:focus,.is-white.is-focused.textarea,.is-white.is-focused.input,.is-white.textarea:active,.is-white.input:active,.is-white.is-active.textarea,.is-white.is-active.input {
    -webkit-box-shadow: 0 0 0 .125em rgba(255,255,255,.25);
    box-shadow: 0 0 0 .125em rgba(255,255,255,.25);
  }
  .is-black.textarea,.is-black.input {
    border-color: #0a0a0a;
  }
  .is-black.textarea:focus,.is-black.input:focus,.is-black.is-focused.textarea,.is-black.is-focused.input,.is-black.textarea:active,.is-black.input:active,.is-black.is-active.textarea,.is-black.is-active.input {
    -webkit-box-shadow: 0 0 0 .125em rgba(10,10,10,.25);
    box-shadow: 0 0 0 .125em rgba(10,10,10,.25);
  }
  .is-light.textarea,.is-light.input {
    border-color: #f5f5f5;
  }
  .is-light.textarea:focus,.is-light.input:focus,.is-light.is-focused.textarea,.is-light.is-focused.input,.is-light.textarea:active,.is-light.input:active,.is-light.is-active.textarea,.is-light.is-active.input {
    -webkit-box-shadow: 0 0 0 .125em rgba(245,245,245,.25);
    box-shadow: 0 0 0 .125em rgba(245,245,245,.25);
  }
  .is-dark.textarea,.is-dark.input {
    border-color: #363636;
  }
  .is-dark.textarea:focus,.is-dark.input:focus,.is-dark.is-focused.textarea,.is-dark.is-focused.input,.is-dark.textarea:active,.is-dark.input:active,.is-dark.is-active.textarea,.is-dark.is-active.input {
    -webkit-box-shadow: 0 0 0 .125em rgba(54,54,54,.25);
    box-shadow: 0 0 0 .125em rgba(54,54,54,.25);
  }
  .is-primary.textarea,.is-primary.input {
    border-color: #0023ff;
  }
  .is-primary.textarea:focus,.is-primary.input:focus,.is-primary.is-focused.textarea,.is-primary.is-focused.input,.is-primary.textarea:active,.is-primary.input:active,.is-primary.is-active.textarea,.is-primary.is-active.input {
    -webkit-box-shadow: 0 0 0 .125em rgba(0,35,255,.25);
    box-shadow: 0 0 0 .125em rgba(0,35,255,.25);
  }
  .is-link.textarea,.is-link.input {
    border-color: #0023ff;
  }
  .is-link.textarea:focus,.is-link.input:focus,.is-link.is-focused.textarea,.is-link.is-focused.input,.is-link.textarea:active,.is-link.input:active,.is-link.is-active.textarea,.is-link.is-active.input {
    -webkit-box-shadow: 0 0 0 .125em rgba(0,35,255,.25);
    box-shadow: 0 0 0 .125em rgba(0,35,255,.25);
  }
  .is-info.textarea,.is-info.input {
    border-color: #039be5;
  }
  .is-info.textarea:focus,.is-info.input:focus,.is-info.is-focused.textarea,.is-info.is-focused.input,.is-info.textarea:active,.is-info.input:active,.is-info.is-active.textarea,.is-info.is-active.input {
    -webkit-box-shadow: 0 0 0 .125em rgba(3,155,229,.25);
    box-shadow: 0 0 0 .125em rgba(3,155,229,.25);
  }
  .is-success.textarea,.is-success.input {
    border-color: #00b289;
  }
  .is-success.textarea:focus,.is-success.input:focus,.is-success.is-focused.textarea,.is-success.is-focused.input,.is-success.textarea:active,.is-success.input:active,.is-success.is-active.textarea,.is-success.is-active.input {
    -webkit-box-shadow: 0 0 0 .125em rgba(0,178,137,.25);
    box-shadow: 0 0 0 .125em rgba(0,178,137,.25);
  }
  .is-warning.textarea,.is-warning.input {
    border-color: #eda514;
  }
  .is-warning.textarea:focus,.is-warning.input:focus,.is-warning.is-focused.textarea,.is-warning.is-focused.input,.is-warning.textarea:active,.is-warning.input:active,.is-warning.is-active.textarea,.is-warning.is-active.input {
    -webkit-box-shadow: 0 0 0 .125em rgba(237,165,20,.25);
    box-shadow: 0 0 0 .125em rgba(237,165,20,.25);
  }
  .is-danger.textarea,.is-danger.input {
    border-color: #ff3b3c;
  }
  .is-danger.textarea:focus,.is-danger.input:focus,.is-danger.is-focused.textarea,.is-danger.is-focused.input,.is-danger.textarea:active,.is-danger.input:active,.is-danger.is-active.textarea,.is-danger.is-active.input {
    -webkit-box-shadow: 0 0 0 .125em rgba(255,59,60,.25);
    box-shadow: 0 0 0 .125em rgba(255,59,60,.25);
  }
  .is-small.textarea,.is-small.input {
    border-radius: 2px;
    font-size: .75rem;
  }
  .is-medium.textarea,.is-medium.input {
    font-size: 1.25rem;
  }
  .is-large.textarea,.is-large.input {
    font-size: 1.5rem;
  }
  .is-fullwidth.textarea,.is-fullwidth.input {
    display: block;
    width: 100%;
  }
  .is-inline.textarea,.is-inline.input {
    display: inline;
    width: auto;
  }
  .input.is-rounded {
    border-radius: 9999px;
    -webkit-padding-start: calc(calc(0.75em - 1px) + 0.375em);
    padding-inline-start: calc(calc(0.75em - 1px) + 0.375em);
    -webkit-padding-end: calc(calc(0.75em - 1px) + 0.375em);
    padding-inline-end: calc(calc(0.75em - 1px) + 0.375em);
  }
  .input.is-static {
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
  }
  .textarea {
    display: block;
    max-width: 100%;
    min-width: 100%;
    padding: calc(0.75em - 1px);
    resize: vertical;
  }
  .textarea:not([rows]) {
    max-height: 40em;
    min-height: 8em;
  }
  .textarea[rows] {
    height: initial;
  }
  .textarea.has-fixed-size {
    resize: none;
  }
  .radio,.checkbox {
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    position: relative;
  }
  .radio input,.checkbox input {
    cursor: pointer;
  }
  .radio:hover,.checkbox:hover {
    color: #363636;
  }
  [disabled].radio,[disabled].checkbox,fieldset[disabled] .radio,fieldset[disabled] .checkbox,.radio input[disabled],.checkbox input[disabled] {
    color: #7a7a7a;
    cursor: not-allowed;
  }
  .radio+.radio {
    margin-right: .5em;
  }
  .select {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top;
  }
  .select:not(.is-multiple) {
    height: 2.5em;
  }
  .select:not(.is-multiple):not(.is-loading)::after {
    border-color: #0023ff;
    left: 1.125em;
    z-index: 4;
  }
  .select.is-rounded select {
    border-radius: 9999px;
    padding-right: 1em;
  }
  .select select {
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: none;
  }
  .select select::-ms-expand {
    display: none;
  }
  .select select[disabled]:hover,fieldset[disabled] .select select:hover {
    border-color: #f5f5f5;
  }
  .select select:not([multiple]) {
    padding-left: 2.5em;
  }
  .select select[multiple] {
    height: auto;
    padding: 0;
  }
  .select select[multiple] option {
    padding: .5em 1em;
  }
  .select:not(.is-multiple):not(.is-loading):hover::after {
    border-color: #363636;
  }
  .select.is-white:not(:hover)::after {
    border-color: #fff;
  }
  .select.is-white select {
    border-color: #fff;
  }
  .select.is-white select:hover,.select.is-white select.is-hovered {
    border-color: #f2f2f2;
  }
  .select.is-white select:focus,.select.is-white select.is-focused,.select.is-white select:active,.select.is-white select.is-active {
    -webkit-box-shadow: 0 0 0 .125em rgba(255,255,255,.25);
    box-shadow: 0 0 0 .125em rgba(255,255,255,.25);
  }
  .select.is-black:not(:hover)::after {
    border-color: #0a0a0a;
  }
  .select.is-black select {
    border-color: #0a0a0a;
  }
  .select.is-black select:hover,.select.is-black select.is-hovered {
    border-color: #000;
  }
  .select.is-black select:focus,.select.is-black select.is-focused,.select.is-black select:active,.select.is-black select.is-active {
    -webkit-box-shadow: 0 0 0 .125em rgba(10,10,10,.25);
    box-shadow: 0 0 0 .125em rgba(10,10,10,.25);
  }
  .select.is-light:not(:hover)::after {
    border-color: #f5f5f5;
  }
  .select.is-light select {
    border-color: #f5f5f5;
  }
  .select.is-light select:hover,.select.is-light select.is-hovered {
    border-color: #e8e8e8;
  }
  .select.is-light select:focus,.select.is-light select.is-focused,.select.is-light select:active,.select.is-light select.is-active {
    -webkit-box-shadow: 0 0 0 .125em rgba(245,245,245,.25);
    box-shadow: 0 0 0 .125em rgba(245,245,245,.25);
  }
  .select.is-dark:not(:hover)::after {
    border-color: #363636;
  }
  .select.is-dark select {
    border-color: #363636;
  }
  .select.is-dark select:hover,.select.is-dark select.is-hovered {
    border-color: #292929;
  }
  .select.is-dark select:focus,.select.is-dark select.is-focused,.select.is-dark select:active,.select.is-dark select.is-active {
    -webkit-box-shadow: 0 0 0 .125em rgba(54,54,54,.25);
    box-shadow: 0 0 0 .125em rgba(54,54,54,.25);
  }
  .select.is-primary:not(:hover)::after {
    border-color: #0023ff;
  }
  .select.is-primary select {
    border-color: #0023ff;
  }
  .select.is-primary select:hover,.select.is-primary select.is-hovered {
    border-color: #0020e6;
  }
  .select.is-primary select:focus,.select.is-primary select.is-focused,.select.is-primary select:active,.select.is-primary select.is-active {
    -webkit-box-shadow: 0 0 0 .125em rgba(0,35,255,.25);
    box-shadow: 0 0 0 .125em rgba(0,35,255,.25);
  }
  .select.is-link:not(:hover)::after {
    border-color: #0023ff;
  }
  .select.is-link select {
    border-color: #0023ff;
  }
  .select.is-link select:hover,.select.is-link select.is-hovered {
    border-color: #0020e6;
  }
  .select.is-link select:focus,.select.is-link select.is-focused,.select.is-link select:active,.select.is-link select.is-active {
    -webkit-box-shadow: 0 0 0 .125em rgba(0,35,255,.25);
    box-shadow: 0 0 0 .125em rgba(0,35,255,.25);
  }
  .select.is-info:not(:hover)::after {
    border-color: #039be5;
  }
  .select.is-info select {
    border-color: #039be5;
  }
  .select.is-info select:hover,.select.is-info select.is-hovered {
    border-color: #038acc;
  }
  .select.is-info select:focus,.select.is-info select.is-focused,.select.is-info select:active,.select.is-info select.is-active {
    -webkit-box-shadow: 0 0 0 .125em rgba(3,155,229,.25);
    box-shadow: 0 0 0 .125em rgba(3,155,229,.25);
  }
  .select.is-success:not(:hover)::after {
    border-color: #00b289;
  }
  .select.is-success select {
    border-color: #00b289;
  }
  .select.is-success select:hover,.select.is-success select.is-hovered {
    border-color: #009975;
  }
  .select.is-success select:focus,.select.is-success select.is-focused,.select.is-success select:active,.select.is-success select.is-active {
    -webkit-box-shadow: 0 0 0 .125em rgba(0,178,137,.25);
    box-shadow: 0 0 0 .125em rgba(0,178,137,.25);
  }
  .select.is-warning:not(:hover)::after {
    border-color: #eda514;
  }
  .select.is-warning select {
    border-color: #eda514;
  }
  .select.is-warning select:hover,.select.is-warning select.is-hovered {
    border-color: #d79510;
  }
  .select.is-warning select:focus,.select.is-warning select.is-focused,.select.is-warning select:active,.select.is-warning select.is-active {
    -webkit-box-shadow: 0 0 0 .125em rgba(237,165,20,.25);
    box-shadow: 0 0 0 .125em rgba(237,165,20,.25);
  }
  .select.is-danger:not(:hover)::after {
    border-color: #ff3b3c;
  }
  .select.is-danger select {
    border-color: #ff3b3c;
  }
  .select.is-danger select:hover,.select.is-danger select.is-hovered {
    border-color: #ff2223;
  }
  .select.is-danger select:focus,.select.is-danger select.is-focused,.select.is-danger select:active,.select.is-danger select.is-active {
    -webkit-box-shadow: 0 0 0 .125em rgba(255,59,60,.25);
    box-shadow: 0 0 0 .125em rgba(255,59,60,.25);
  }
  .select.is-small {
    border-radius: 2px;
    font-size: .75rem;
  }
  .select.is-medium {
    font-size: 1.25rem;
  }
  .select.is-large {
    font-size: 1.5rem;
  }
  .select.is-disabled::after {
    border-color: #7a7a7a !important;
    opacity: .5;
  }
  .select.is-fullwidth {
    width: 100%;
  }
  .select.is-fullwidth select {
    width: 100%;
  }
  .select.is-loading::after {
    margin-top: 0;
    position: absolute;
    left: .625em;
    top: .625em;
    -webkit-transform: none;
    transform: none;
  }
  .select.is-loading.is-small:after {
    font-size: .75rem;
  }
  .select.is-loading.is-medium:after {
    font-size: 1.25rem;
  }
  .select.is-loading.is-large:after {
    font-size: 1.5rem;
  }
  .file {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
  }
  .file.is-white .file-cta {
    background-color: #fff;
    border-color: rgba(0,0,0,0);
    color: #0a0a0a;
  }
  .file.is-white:hover .file-cta,.file.is-white.is-hovered .file-cta {
    background-color: #f9f9f9;
    border-color: rgba(0,0,0,0);
    color: #0a0a0a;
  }
  .file.is-white:focus .file-cta,.file.is-white.is-focused .file-cta {
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 .5em rgba(255,255,255,.25);
    box-shadow: 0 0 .5em rgba(255,255,255,.25);
    color: #0a0a0a;
  }
  .file.is-white:active .file-cta,.file.is-white.is-active .file-cta {
    background-color: #f2f2f2;
    border-color: rgba(0,0,0,0);
    color: #0a0a0a;
  }
  .file.is-black .file-cta {
    background-color: #0a0a0a;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-black:hover .file-cta,.file.is-black.is-hovered .file-cta {
    background-color: #040404;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-black:focus .file-cta,.file.is-black.is-focused .file-cta {
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 .5em rgba(10,10,10,.25);
    box-shadow: 0 0 .5em rgba(10,10,10,.25);
    color: #fff;
  }
  .file.is-black:active .file-cta,.file.is-black.is-active .file-cta {
    background-color: #000;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-light .file-cta {
    background-color: #f5f5f5;
    border-color: rgba(0,0,0,0);
    color: rgba(0,0,0,.7);
  }
  .file.is-light:hover .file-cta,.file.is-light.is-hovered .file-cta {
    background-color: #eee;
    border-color: rgba(0,0,0,0);
    color: rgba(0,0,0,.7);
  }
  .file.is-light:focus .file-cta,.file.is-light.is-focused .file-cta {
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 .5em rgba(245,245,245,.25);
    box-shadow: 0 0 .5em rgba(245,245,245,.25);
    color: rgba(0,0,0,.7);
  }
  .file.is-light:active .file-cta,.file.is-light.is-active .file-cta {
    background-color: #e8e8e8;
    border-color: rgba(0,0,0,0);
    color: rgba(0,0,0,.7);
  }
  .file.is-dark .file-cta {
    background-color: #363636;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-dark:hover .file-cta,.file.is-dark.is-hovered .file-cta {
    background-color: #2f2f2f;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-dark:focus .file-cta,.file.is-dark.is-focused .file-cta {
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 .5em rgba(54,54,54,.25);
    box-shadow: 0 0 .5em rgba(54,54,54,.25);
    color: #fff;
  }
  .file.is-dark:active .file-cta,.file.is-dark.is-active .file-cta {
    background-color: #292929;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-primary .file-cta {
    background-color: #0023ff;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-primary:hover .file-cta,.file.is-primary.is-hovered .file-cta {
    background-color: #0021f2;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-primary:focus .file-cta,.file.is-primary.is-focused .file-cta {
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 .5em rgba(0,35,255,.25);
    box-shadow: 0 0 .5em rgba(0,35,255,.25);
    color: #fff;
  }
  .file.is-primary:active .file-cta,.file.is-primary.is-active .file-cta {
    background-color: #0020e6;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-link .file-cta {
    background-color: #0023ff;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-link:hover .file-cta,.file.is-link.is-hovered .file-cta {
    background-color: #0021f2;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-link:focus .file-cta,.file.is-link.is-focused .file-cta {
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 .5em rgba(0,35,255,.25);
    box-shadow: 0 0 .5em rgba(0,35,255,.25);
    color: #fff;
  }
  .file.is-link:active .file-cta,.file.is-link.is-active .file-cta {
    background-color: #0020e6;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-info .file-cta {
    background-color: #039be5;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-info:hover .file-cta,.file.is-info.is-hovered .file-cta {
    background-color: #0392d8;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-info:focus .file-cta,.file.is-info.is-focused .file-cta {
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 .5em rgba(3,155,229,.25);
    box-shadow: 0 0 .5em rgba(3,155,229,.25);
    color: #fff;
  }
  .file.is-info:active .file-cta,.file.is-info.is-active .file-cta {
    background-color: #038acc;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-success .file-cta {
    background-color: #00b289;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-success:hover .file-cta,.file.is-success.is-hovered .file-cta {
    background-color: #00a57f;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-success:focus .file-cta,.file.is-success.is-focused .file-cta {
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 .5em rgba(0,178,137,.25);
    box-shadow: 0 0 .5em rgba(0,178,137,.25);
    color: #fff;
  }
  .file.is-success:active .file-cta,.file.is-success.is-active .file-cta {
    background-color: #009975;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-warning .file-cta {
    background-color: #eda514;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-warning:hover .file-cta,.file.is-warning.is-hovered .file-cta {
    background-color: #e39d11;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-warning:focus .file-cta,.file.is-warning.is-focused .file-cta {
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 .5em rgba(237,165,20,.25);
    box-shadow: 0 0 .5em rgba(237,165,20,.25);
    color: #fff;
  }
  .file.is-warning:active .file-cta,.file.is-warning.is-active .file-cta {
    background-color: #d79510;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-danger .file-cta {
    background-color: #ff3b3c;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-danger:hover .file-cta,.file.is-danger.is-hovered .file-cta {
    background-color: #ff2e2f;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-danger:focus .file-cta,.file.is-danger.is-focused .file-cta {
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 .5em rgba(255,59,60,.25);
    box-shadow: 0 0 .5em rgba(255,59,60,.25);
    color: #fff;
  }
  .file.is-danger:active .file-cta,.file.is-danger.is-active .file-cta {
    background-color: #ff2223;
    border-color: rgba(0,0,0,0);
    color: #fff;
  }
  .file.is-small {
    font-size: .75rem;
  }
  .file.is-normal {
    font-size: 1rem;
  }
  .file.is-medium {
    font-size: 1.25rem;
  }
  .file.is-medium .file-icon .fa {
    font-size: 21px;
  }
  .file.is-large {
    font-size: 1.5rem;
  }
  .file.is-large .file-icon .fa {
    font-size: 28px;
  }
  .file.has-name .file-cta {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .file.has-name .file-name {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .file.has-name.is-empty .file-cta {
    border-radius: 4px;
  }
  .file.has-name.is-empty .file-name {
    display: none;
  }
  .file.is-boxed .file-label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .file.is-boxed .file-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    padding: 1em 3em;
  }
  .file.is-boxed .file-name {
    border-width: 0 1px 1px;
  }
  .file.is-boxed .file-icon {
    height: 1.5em;
    width: 1.5em;
  }
  .file.is-boxed .file-icon .fa {
    font-size: 21px;
  }
  .file.is-boxed.is-small .file-icon .fa {
    font-size: 14px;
  }
  .file.is-boxed.is-medium .file-icon .fa {
    font-size: 28px;
  }
  .file.is-boxed.is-large .file-icon .fa {
    font-size: 35px;
  }
  .file.is-boxed.has-name .file-cta {
    border-radius: 4px 4px 0 0;
  }
  .file.is-boxed.has-name .file-name {
    border-radius: 0 0 4px 4px;
    border-width: 0 1px 1px;
  }
  .file.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .file.is-fullwidth .file-label {
    width: 100%;
  }
  .file.is-fullwidth .file-name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: none;
  }
  .file.is-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .file.is-right .file-cta {
    border-radius: 0 4px 4px 0;
  }
  .file.is-right .file-name {
    border-radius: 4px 0 0 4px;
    border-width: 1px 0 1px 1px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .file-label {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
  }
  .file-label:hover .file-cta {
    background-color: #eee;
    color: #363636;
  }
  .file-label:hover .file-name {
    border-color: #d5d5d5;
  }
  .file-label:active .file-cta {
    background-color: #e8e8e8;
    color: #363636;
  }
  .file-label:active .file-name {
    border-color: #cfcfcf;
  }
  .file-input {
    height: 100%;
    inset-inline-start: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .file-cta,.file-name {
    border-color: #dbdbdb;
    border-radius: 4px;
    font-size: 1em;
    -webkit-padding-start: 1em;
    padding-inline-start: 1em;
    -webkit-padding-end: 1em;
    padding-inline-end: 1em;
    white-space: nowrap;
  }
  .file-cta {
    background-color: #f5f5f5;
    color: #4a4a4a;
  }
  .file-name {
    border-color: #dbdbdb;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    display: block;
    max-width: 16em;
    overflow: hidden;
    text-align: inherit;
    text-overflow: ellipsis;
  }
  .file-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: .5em;
    width: 1em;
  }
  .file-icon .fa {
    font-size: 14px;
  }
  .label {
    color: #363636;
    display: block;
    font-size: 1rem;
    font-weight: 700;
  }
  .label:not(:last-child) {
    margin-bottom: .5em;
  }
  .label.is-small {
    font-size: .75rem;
  }
  .label.is-medium {
    font-size: 1.25rem;
  }
  .label.is-large {
    font-size: 1.5rem;
  }
  .help {
    display: block;
    font-size: .75rem;
    margin-top: .25rem;
  }
  .help.is-white {
    color: #fff;
  }
  .help.is-black {
    color: #0a0a0a;
  }
  .help.is-light {
    color: #f5f5f5;
  }
  .help.is-dark {
    color: #363636;
  }
  .help.is-primary {
    color: #0023ff;
  }
  .help.is-link {
    color: #0023ff;
  }
  .help.is-info {
    color: #039be5;
  }
  .help.is-success {
    color: #00b289;
  }
  .help.is-warning {
    color: #eda514;
  }
  .help.is-danger {
    color: #ff3b3c;
  }
  .field:not(:last-child) {
    margin-bottom: .75rem;
  }
  .field.has-addons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .field.has-addons .control:not(:last-child) {
    margin-left: -1px;
  }
  .field.has-addons .control:not(:first-child):not(:last-child) .button,.field.has-addons .control:not(:first-child):not(:last-child) .input,.field.has-addons .control:not(:first-child):not(:last-child) .select select {
    border-radius: 0;
  }
  .field.has-addons .control:first-child:not(:only-child) .button,.field.has-addons .control:first-child:not(:only-child) .input,.field.has-addons .control:first-child:not(:only-child) .select select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .field.has-addons .control:last-child:not(:only-child) .button,.field.has-addons .control:last-child:not(:only-child) .input,.field.has-addons .control:last-child:not(:only-child) .select select {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .field.has-addons .control .button:not([disabled]):hover,.field.has-addons .control .button:not([disabled]).is-hovered,.field.has-addons .control .input:not([disabled]):hover,.field.has-addons .control .input:not([disabled]).is-hovered,.field.has-addons .control .select select:not([disabled]):hover,.field.has-addons .control .select select:not([disabled]).is-hovered {
    z-index: 2;
  }
  .field.has-addons .control .button:not([disabled]):focus,.field.has-addons .control .button:not([disabled]).is-focused,.field.has-addons .control .button:not([disabled]):active,.field.has-addons .control .button:not([disabled]).is-active,.field.has-addons .control .input:not([disabled]):focus,.field.has-addons .control .input:not([disabled]).is-focused,.field.has-addons .control .input:not([disabled]):active,.field.has-addons .control .input:not([disabled]).is-active,.field.has-addons .control .select select:not([disabled]):focus,.field.has-addons .control .select select:not([disabled]).is-focused,.field.has-addons .control .select select:not([disabled]):active,.field.has-addons .control .select select:not([disabled]).is-active {
    z-index: 3;
  }
  .field.has-addons .control .button:not([disabled]):focus:hover,.field.has-addons .control .button:not([disabled]).is-focused:hover,.field.has-addons .control .button:not([disabled]):active:hover,.field.has-addons .control .button:not([disabled]).is-active:hover,.field.has-addons .control .input:not([disabled]):focus:hover,.field.has-addons .control .input:not([disabled]).is-focused:hover,.field.has-addons .control .input:not([disabled]):active:hover,.field.has-addons .control .input:not([disabled]).is-active:hover,.field.has-addons .control .select select:not([disabled]):focus:hover,.field.has-addons .control .select select:not([disabled]).is-focused:hover,.field.has-addons .control .select select:not([disabled]):active:hover,.field.has-addons .control .select select:not([disabled]).is-active:hover {
    z-index: 4;
  }
  .field.has-addons .control.is-expanded {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }
  .field.has-addons.has-addons-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .field.has-addons.has-addons-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .field.has-addons.has-addons-fullwidth .control {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .field.is-grouped {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .field.is-grouped>.control {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .field.is-grouped>.control:not(:last-child) {
    margin-bottom: 0;
    margin-left: .75rem;
  }
  .field.is-grouped>.control.is-expanded {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }
  .field.is-grouped.is-grouped-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .field.is-grouped.is-grouped-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .field.is-grouped.is-grouped-multiline {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .field.is-grouped.is-grouped-multiline>.control:last-child,.field.is-grouped.is-grouped-multiline>.control:not(:last-child) {
    margin-bottom: .75rem;
  }
  .field.is-grouped.is-grouped-multiline:last-child {
    margin-bottom: -0.75rem;
  }
  .field.is-grouped.is-grouped-multiline:not(:last-child) {
    margin-bottom: 0;
  }
  @media screen and (min-width: 769px),print {
    .field.is-horizontal {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
  .field-label .label {
    font-size: inherit;
  }
  @media screen and (max-width: 768px) {
    .field-label {
      margin-bottom: .5rem;
    }
  }
  @media screen and (min-width: 769px),print {
    .field-label {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-left: 1.5rem;
      text-align: end;
    }
    .field-label.is-small {
      font-size: .75rem;
      padding-top: .375em;
    }
    .field-label.is-normal {
      padding-top: .375em;
    }
    .field-label.is-medium {
      font-size: 1.25rem;
      padding-top: .375em;
    }
    .field-label.is-large {
      font-size: 1.5rem;
      padding-top: .375em;
    }
  }
  .field-body .field .field {
    margin-bottom: 0;
  }
  @media screen and (min-width: 769px),print {
    .field-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 5;
      -ms-flex-positive: 5;
      flex-grow: 5;
      -ms-flex-negative: 1;
      flex-shrink: 1;
    }
    .field-body .field {
      margin-bottom: 0;
    }
    .field-body>.field {
      -ms-flex-negative: 1;
      flex-shrink: 1;
    }
    .field-body>.field:not(.is-narrow) {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
    }
    .field-body>.field:not(:last-child) {
      margin-left: .75rem;
    }
  }
  .control {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: inherit;
  }
  .control.has-icons-left .input:focus~.icon,.control.has-icons-left .select:focus~.icon,.control.has-icons-right .input:focus~.icon,.control.has-icons-right .select:focus~.icon {
    color: #4a4a4a;
  }
  .control.has-icons-left .input.is-small~.icon,.control.has-icons-left .select.is-small~.icon,.control.has-icons-right .input.is-small~.icon,.control.has-icons-right .select.is-small~.icon {
    font-size: .75rem;
  }
  .control.has-icons-left .input.is-medium~.icon,.control.has-icons-left .select.is-medium~.icon,.control.has-icons-right .input.is-medium~.icon,.control.has-icons-right .select.is-medium~.icon {
    font-size: 1.25rem;
  }
  .control.has-icons-left .input.is-large~.icon,.control.has-icons-left .select.is-large~.icon,.control.has-icons-right .input.is-large~.icon,.control.has-icons-right .select.is-large~.icon {
    font-size: 1.5rem;
  }
  .control.has-icons-left .icon,.control.has-icons-right .icon {
    color: #dbdbdb;
    height: 2.5em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.5em;
    z-index: 4;
  }
  .control.has-icons-left .input,.control.has-icons-left .select select {
    -webkit-padding-start: 2.5em;
    padding-inline-start: 2.5em;
  }
  .control.has-icons-left .icon.is-left {
    inset-inline-start: 0;
  }
  .control.has-icons-right .input,.control.has-icons-right .select select {
    -webkit-padding-end: 2.5em;
    padding-inline-end: 2.5em;
  }
  .control.has-icons-right .icon.is-right {
    inset-inline-end: 0;
  }
  .control.is-loading::after {
    position: absolute !important;
    left: .625em;
    top: .625em;
    z-index: 4;
  }
  .control.is-loading.is-small:after {
    font-size: .75rem;
  }
  .control.is-loading.is-medium:after {
    font-size: 1.25rem;
  }
  .control.is-loading.is-large:after {
    font-size: 1.5rem;
  }
  .navbar {
    background-color: #fff;
    min-height: 3.25rem;
    position: relative;
    z-index: 30;
  }
  .navbar.is-white {
    background-color: #fff;
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-brand>.navbar-item,.navbar.is-white .navbar-brand .navbar-link {
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-brand>a.navbar-item:focus,.navbar.is-white .navbar-brand>a.navbar-item:hover,.navbar.is-white .navbar-brand>a.navbar-item.is-active,.navbar.is-white .navbar-brand .navbar-link:focus,.navbar.is-white .navbar-brand .navbar-link:hover,.navbar.is-white .navbar-brand .navbar-link.is-active {
    background-color: #f2f2f2;
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-brand .navbar-link::after {
    border-color: #0a0a0a;
  }
  .navbar.is-white .navbar-burger {
    color: #0a0a0a;
  }
  @media screen and (min-width: 1024px) {
    .navbar.is-white .navbar-start>.navbar-item,.navbar.is-white .navbar-start .navbar-link,.navbar.is-white .navbar-end>.navbar-item,.navbar.is-white .navbar-end .navbar-link {
      color: #0a0a0a;
    }
    .navbar.is-white .navbar-start>a.navbar-item:focus,.navbar.is-white .navbar-start>a.navbar-item:hover,.navbar.is-white .navbar-start>a.navbar-item.is-active,.navbar.is-white .navbar-start .navbar-link:focus,.navbar.is-white .navbar-start .navbar-link:hover,.navbar.is-white .navbar-start .navbar-link.is-active,.navbar.is-white .navbar-end>a.navbar-item:focus,.navbar.is-white .navbar-end>a.navbar-item:hover,.navbar.is-white .navbar-end>a.navbar-item.is-active,.navbar.is-white .navbar-end .navbar-link:focus,.navbar.is-white .navbar-end .navbar-link:hover,.navbar.is-white .navbar-end .navbar-link.is-active {
      background-color: #f2f2f2;
      color: #0a0a0a;
    }
    .navbar.is-white .navbar-start .navbar-link::after,.navbar.is-white .navbar-end .navbar-link::after {
      border-color: #0a0a0a;
    }
    .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
      background-color: #f2f2f2;
      color: #0a0a0a;
    }
    .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
      background-color: #fff;
      color: #0a0a0a;
    }
  }
  .navbar.is-black {
    background-color: #0a0a0a;
    color: #fff;
  }
  .navbar.is-black .navbar-brand>.navbar-item,.navbar.is-black .navbar-brand .navbar-link {
    color: #fff;
  }
  .navbar.is-black .navbar-brand>a.navbar-item:focus,.navbar.is-black .navbar-brand>a.navbar-item:hover,.navbar.is-black .navbar-brand>a.navbar-item.is-active,.navbar.is-black .navbar-brand .navbar-link:focus,.navbar.is-black .navbar-brand .navbar-link:hover,.navbar.is-black .navbar-brand .navbar-link.is-active {
    background-color: #000;
    color: #fff;
  }
  .navbar.is-black .navbar-brand .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-black .navbar-burger {
    color: #fff;
  }
  @media screen and (min-width: 1024px) {
    .navbar.is-black .navbar-start>.navbar-item,.navbar.is-black .navbar-start .navbar-link,.navbar.is-black .navbar-end>.navbar-item,.navbar.is-black .navbar-end .navbar-link {
      color: #fff;
    }
    .navbar.is-black .navbar-start>a.navbar-item:focus,.navbar.is-black .navbar-start>a.navbar-item:hover,.navbar.is-black .navbar-start>a.navbar-item.is-active,.navbar.is-black .navbar-start .navbar-link:focus,.navbar.is-black .navbar-start .navbar-link:hover,.navbar.is-black .navbar-start .navbar-link.is-active,.navbar.is-black .navbar-end>a.navbar-item:focus,.navbar.is-black .navbar-end>a.navbar-item:hover,.navbar.is-black .navbar-end>a.navbar-item.is-active,.navbar.is-black .navbar-end .navbar-link:focus,.navbar.is-black .navbar-end .navbar-link:hover,.navbar.is-black .navbar-end .navbar-link.is-active {
      background-color: #000;
      color: #fff;
    }
    .navbar.is-black .navbar-start .navbar-link::after,.navbar.is-black .navbar-end .navbar-link::after {
      border-color: #fff;
    }
    .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
      background-color: #000;
      color: #fff;
    }
    .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
      background-color: #0a0a0a;
      color: #fff;
    }
  }
  .navbar.is-light {
    background-color: #f5f5f5;
    color: rgba(0,0,0,.7);
  }
  .navbar.is-light .navbar-brand>.navbar-item,.navbar.is-light .navbar-brand .navbar-link {
    color: rgba(0,0,0,.7);
  }
  .navbar.is-light .navbar-brand>a.navbar-item:focus,.navbar.is-light .navbar-brand>a.navbar-item:hover,.navbar.is-light .navbar-brand>a.navbar-item.is-active,.navbar.is-light .navbar-brand .navbar-link:focus,.navbar.is-light .navbar-brand .navbar-link:hover,.navbar.is-light .navbar-brand .navbar-link.is-active {
    background-color: #e8e8e8;
    color: rgba(0,0,0,.7);
  }
  .navbar.is-light .navbar-brand .navbar-link::after {
    border-color: rgba(0,0,0,.7);
  }
  .navbar.is-light .navbar-burger {
    color: rgba(0,0,0,.7);
  }
  @media screen and (min-width: 1024px) {
    .navbar.is-light .navbar-start>.navbar-item,.navbar.is-light .navbar-start .navbar-link,.navbar.is-light .navbar-end>.navbar-item,.navbar.is-light .navbar-end .navbar-link {
      color: rgba(0,0,0,.7);
    }
    .navbar.is-light .navbar-start>a.navbar-item:focus,.navbar.is-light .navbar-start>a.navbar-item:hover,.navbar.is-light .navbar-start>a.navbar-item.is-active,.navbar.is-light .navbar-start .navbar-link:focus,.navbar.is-light .navbar-start .navbar-link:hover,.navbar.is-light .navbar-start .navbar-link.is-active,.navbar.is-light .navbar-end>a.navbar-item:focus,.navbar.is-light .navbar-end>a.navbar-item:hover,.navbar.is-light .navbar-end>a.navbar-item.is-active,.navbar.is-light .navbar-end .navbar-link:focus,.navbar.is-light .navbar-end .navbar-link:hover,.navbar.is-light .navbar-end .navbar-link.is-active {
      background-color: #e8e8e8;
      color: rgba(0,0,0,.7);
    }
    .navbar.is-light .navbar-start .navbar-link::after,.navbar.is-light .navbar-end .navbar-link::after {
      border-color: rgba(0,0,0,.7);
    }
    .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
      background-color: #e8e8e8;
      color: rgba(0,0,0,.7);
    }
    .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
      background-color: #f5f5f5;
      color: rgba(0,0,0,.7);
    }
  }
  .navbar.is-dark {
    background-color: #363636;
    color: #fff;
  }
  .navbar.is-dark .navbar-brand>.navbar-item,.navbar.is-dark .navbar-brand .navbar-link {
    color: #fff;
  }
  .navbar.is-dark .navbar-brand>a.navbar-item:focus,.navbar.is-dark .navbar-brand>a.navbar-item:hover,.navbar.is-dark .navbar-brand>a.navbar-item.is-active,.navbar.is-dark .navbar-brand .navbar-link:focus,.navbar.is-dark .navbar-brand .navbar-link:hover,.navbar.is-dark .navbar-brand .navbar-link.is-active {
    background-color: #292929;
    color: #fff;
  }
  .navbar.is-dark .navbar-brand .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-dark .navbar-burger {
    color: #fff;
  }
  @media screen and (min-width: 1024px) {
    .navbar.is-dark .navbar-start>.navbar-item,.navbar.is-dark .navbar-start .navbar-link,.navbar.is-dark .navbar-end>.navbar-item,.navbar.is-dark .navbar-end .navbar-link {
      color: #fff;
    }
    .navbar.is-dark .navbar-start>a.navbar-item:focus,.navbar.is-dark .navbar-start>a.navbar-item:hover,.navbar.is-dark .navbar-start>a.navbar-item.is-active,.navbar.is-dark .navbar-start .navbar-link:focus,.navbar.is-dark .navbar-start .navbar-link:hover,.navbar.is-dark .navbar-start .navbar-link.is-active,.navbar.is-dark .navbar-end>a.navbar-item:focus,.navbar.is-dark .navbar-end>a.navbar-item:hover,.navbar.is-dark .navbar-end>a.navbar-item.is-active,.navbar.is-dark .navbar-end .navbar-link:focus,.navbar.is-dark .navbar-end .navbar-link:hover,.navbar.is-dark .navbar-end .navbar-link.is-active {
      background-color: #292929;
      color: #fff;
    }
    .navbar.is-dark .navbar-start .navbar-link::after,.navbar.is-dark .navbar-end .navbar-link::after {
      border-color: #fff;
    }
    .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
      background-color: #292929;
      color: #fff;
    }
    .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
      background-color: #363636;
      color: #fff;
    }
  }
  .navbar.is-primary {
    background-color: #0023ff;
    color: #fff;
  }
  .navbar.is-primary .navbar-brand>.navbar-item,.navbar.is-primary .navbar-brand .navbar-link {
    color: #fff;
  }
  .navbar.is-primary .navbar-brand>a.navbar-item:focus,.navbar.is-primary .navbar-brand>a.navbar-item:hover,.navbar.is-primary .navbar-brand>a.navbar-item.is-active,.navbar.is-primary .navbar-brand .navbar-link:focus,.navbar.is-primary .navbar-brand .navbar-link:hover,.navbar.is-primary .navbar-brand .navbar-link.is-active {
    background-color: #0020e6;
    color: #fff;
  }
  .navbar.is-primary .navbar-brand .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-primary .navbar-burger {
    color: #fff;
  }
  @media screen and (min-width: 1024px) {
    .navbar.is-primary .navbar-start>.navbar-item,.navbar.is-primary .navbar-start .navbar-link,.navbar.is-primary .navbar-end>.navbar-item,.navbar.is-primary .navbar-end .navbar-link {
      color: #fff;
    }
    .navbar.is-primary .navbar-start>a.navbar-item:focus,.navbar.is-primary .navbar-start>a.navbar-item:hover,.navbar.is-primary .navbar-start>a.navbar-item.is-active,.navbar.is-primary .navbar-start .navbar-link:focus,.navbar.is-primary .navbar-start .navbar-link:hover,.navbar.is-primary .navbar-start .navbar-link.is-active,.navbar.is-primary .navbar-end>a.navbar-item:focus,.navbar.is-primary .navbar-end>a.navbar-item:hover,.navbar.is-primary .navbar-end>a.navbar-item.is-active,.navbar.is-primary .navbar-end .navbar-link:focus,.navbar.is-primary .navbar-end .navbar-link:hover,.navbar.is-primary .navbar-end .navbar-link.is-active {
      background-color: #0020e6;
      color: #fff;
    }
    .navbar.is-primary .navbar-start .navbar-link::after,.navbar.is-primary .navbar-end .navbar-link::after {
      border-color: #fff;
    }
    .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
      background-color: #0020e6;
      color: #fff;
    }
    .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
      background-color: #0023ff;
      color: #fff;
    }
  }
  .navbar.is-link {
    background-color: #0023ff;
    color: #fff;
  }
  .navbar.is-link .navbar-brand>.navbar-item,.navbar.is-link .navbar-brand .navbar-link {
    color: #fff;
  }
  .navbar.is-link .navbar-brand>a.navbar-item:focus,.navbar.is-link .navbar-brand>a.navbar-item:hover,.navbar.is-link .navbar-brand>a.navbar-item.is-active,.navbar.is-link .navbar-brand .navbar-link:focus,.navbar.is-link .navbar-brand .navbar-link:hover,.navbar.is-link .navbar-brand .navbar-link.is-active {
    background-color: #0020e6;
    color: #fff;
  }
  .navbar.is-link .navbar-brand .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-link .navbar-burger {
    color: #fff;
  }
  @media screen and (min-width: 1024px) {
    .navbar.is-link .navbar-start>.navbar-item,.navbar.is-link .navbar-start .navbar-link,.navbar.is-link .navbar-end>.navbar-item,.navbar.is-link .navbar-end .navbar-link {
      color: #fff;
    }
    .navbar.is-link .navbar-start>a.navbar-item:focus,.navbar.is-link .navbar-start>a.navbar-item:hover,.navbar.is-link .navbar-start>a.navbar-item.is-active,.navbar.is-link .navbar-start .navbar-link:focus,.navbar.is-link .navbar-start .navbar-link:hover,.navbar.is-link .navbar-start .navbar-link.is-active,.navbar.is-link .navbar-end>a.navbar-item:focus,.navbar.is-link .navbar-end>a.navbar-item:hover,.navbar.is-link .navbar-end>a.navbar-item.is-active,.navbar.is-link .navbar-end .navbar-link:focus,.navbar.is-link .navbar-end .navbar-link:hover,.navbar.is-link .navbar-end .navbar-link.is-active {
      background-color: #0020e6;
      color: #fff;
    }
    .navbar.is-link .navbar-start .navbar-link::after,.navbar.is-link .navbar-end .navbar-link::after {
      border-color: #fff;
    }
    .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
      background-color: #0020e6;
      color: #fff;
    }
    .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
      background-color: #0023ff;
      color: #fff;
    }
  }
  .navbar.is-info {
    background-color: #039be5;
    color: #fff;
  }
  .navbar.is-info .navbar-brand>.navbar-item,.navbar.is-info .navbar-brand .navbar-link {
    color: #fff;
  }
  .navbar.is-info .navbar-brand>a.navbar-item:focus,.navbar.is-info .navbar-brand>a.navbar-item:hover,.navbar.is-info .navbar-brand>a.navbar-item.is-active,.navbar.is-info .navbar-brand .navbar-link:focus,.navbar.is-info .navbar-brand .navbar-link:hover,.navbar.is-info .navbar-brand .navbar-link.is-active {
    background-color: #038acc;
    color: #fff;
  }
  .navbar.is-info .navbar-brand .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-info .navbar-burger {
    color: #fff;
  }
  @media screen and (min-width: 1024px) {
    .navbar.is-info .navbar-start>.navbar-item,.navbar.is-info .navbar-start .navbar-link,.navbar.is-info .navbar-end>.navbar-item,.navbar.is-info .navbar-end .navbar-link {
      color: #fff;
    }
    .navbar.is-info .navbar-start>a.navbar-item:focus,.navbar.is-info .navbar-start>a.navbar-item:hover,.navbar.is-info .navbar-start>a.navbar-item.is-active,.navbar.is-info .navbar-start .navbar-link:focus,.navbar.is-info .navbar-start .navbar-link:hover,.navbar.is-info .navbar-start .navbar-link.is-active,.navbar.is-info .navbar-end>a.navbar-item:focus,.navbar.is-info .navbar-end>a.navbar-item:hover,.navbar.is-info .navbar-end>a.navbar-item.is-active,.navbar.is-info .navbar-end .navbar-link:focus,.navbar.is-info .navbar-end .navbar-link:hover,.navbar.is-info .navbar-end .navbar-link.is-active {
      background-color: #038acc;
      color: #fff;
    }
    .navbar.is-info .navbar-start .navbar-link::after,.navbar.is-info .navbar-end .navbar-link::after {
      border-color: #fff;
    }
    .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
      background-color: #038acc;
      color: #fff;
    }
    .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
      background-color: #039be5;
      color: #fff;
    }
  }
  .navbar.is-success {
    background-color: #00b289;
    color: #fff;
  }
  .navbar.is-success .navbar-brand>.navbar-item,.navbar.is-success .navbar-brand .navbar-link {
    color: #fff;
  }
  .navbar.is-success .navbar-brand>a.navbar-item:focus,.navbar.is-success .navbar-brand>a.navbar-item:hover,.navbar.is-success .navbar-brand>a.navbar-item.is-active,.navbar.is-success .navbar-brand .navbar-link:focus,.navbar.is-success .navbar-brand .navbar-link:hover,.navbar.is-success .navbar-brand .navbar-link.is-active {
    background-color: #009975;
    color: #fff;
  }
  .navbar.is-success .navbar-brand .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-success .navbar-burger {
    color: #fff;
  }
  @media screen and (min-width: 1024px) {
    .navbar.is-success .navbar-start>.navbar-item,.navbar.is-success .navbar-start .navbar-link,.navbar.is-success .navbar-end>.navbar-item,.navbar.is-success .navbar-end .navbar-link {
      color: #fff;
    }
    .navbar.is-success .navbar-start>a.navbar-item:focus,.navbar.is-success .navbar-start>a.navbar-item:hover,.navbar.is-success .navbar-start>a.navbar-item.is-active,.navbar.is-success .navbar-start .navbar-link:focus,.navbar.is-success .navbar-start .navbar-link:hover,.navbar.is-success .navbar-start .navbar-link.is-active,.navbar.is-success .navbar-end>a.navbar-item:focus,.navbar.is-success .navbar-end>a.navbar-item:hover,.navbar.is-success .navbar-end>a.navbar-item.is-active,.navbar.is-success .navbar-end .navbar-link:focus,.navbar.is-success .navbar-end .navbar-link:hover,.navbar.is-success .navbar-end .navbar-link.is-active {
      background-color: #009975;
      color: #fff;
    }
    .navbar.is-success .navbar-start .navbar-link::after,.navbar.is-success .navbar-end .navbar-link::after {
      border-color: #fff;
    }
    .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
      background-color: #009975;
      color: #fff;
    }
    .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
      background-color: #00b289;
      color: #fff;
    }
  }
  .navbar.is-warning {
    background-color: #eda514;
    color: #fff;
  }
  .navbar.is-warning .navbar-brand>.navbar-item,.navbar.is-warning .navbar-brand .navbar-link {
    color: #fff;
  }
  .navbar.is-warning .navbar-brand>a.navbar-item:focus,.navbar.is-warning .navbar-brand>a.navbar-item:hover,.navbar.is-warning .navbar-brand>a.navbar-item.is-active,.navbar.is-warning .navbar-brand .navbar-link:focus,.navbar.is-warning .navbar-brand .navbar-link:hover,.navbar.is-warning .navbar-brand .navbar-link.is-active {
    background-color: #d79510;
    color: #fff;
  }
  .navbar.is-warning .navbar-brand .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-warning .navbar-burger {
    color: #fff;
  }
  @media screen and (min-width: 1024px) {
    .navbar.is-warning .navbar-start>.navbar-item,.navbar.is-warning .navbar-start .navbar-link,.navbar.is-warning .navbar-end>.navbar-item,.navbar.is-warning .navbar-end .navbar-link {
      color: #fff;
    }
    .navbar.is-warning .navbar-start>a.navbar-item:focus,.navbar.is-warning .navbar-start>a.navbar-item:hover,.navbar.is-warning .navbar-start>a.navbar-item.is-active,.navbar.is-warning .navbar-start .navbar-link:focus,.navbar.is-warning .navbar-start .navbar-link:hover,.navbar.is-warning .navbar-start .navbar-link.is-active,.navbar.is-warning .navbar-end>a.navbar-item:focus,.navbar.is-warning .navbar-end>a.navbar-item:hover,.navbar.is-warning .navbar-end>a.navbar-item.is-active,.navbar.is-warning .navbar-end .navbar-link:focus,.navbar.is-warning .navbar-end .navbar-link:hover,.navbar.is-warning .navbar-end .navbar-link.is-active {
      background-color: #d79510;
      color: #fff;
    }
    .navbar.is-warning .navbar-start .navbar-link::after,.navbar.is-warning .navbar-end .navbar-link::after {
      border-color: #fff;
    }
    .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
      background-color: #d79510;
      color: #fff;
    }
    .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
      background-color: #eda514;
      color: #fff;
    }
  }
  .navbar.is-danger {
    background-color: #ff3b3c;
    color: #fff;
  }
  .navbar.is-danger .navbar-brand>.navbar-item,.navbar.is-danger .navbar-brand .navbar-link {
    color: #fff;
  }
  .navbar.is-danger .navbar-brand>a.navbar-item:focus,.navbar.is-danger .navbar-brand>a.navbar-item:hover,.navbar.is-danger .navbar-brand>a.navbar-item.is-active,.navbar.is-danger .navbar-brand .navbar-link:focus,.navbar.is-danger .navbar-brand .navbar-link:hover,.navbar.is-danger .navbar-brand .navbar-link.is-active {
    background-color: #ff2223;
    color: #fff;
  }
  .navbar.is-danger .navbar-brand .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-danger .navbar-burger {
    color: #fff;
  }
  @media screen and (min-width: 1024px) {
    .navbar.is-danger .navbar-start>.navbar-item,.navbar.is-danger .navbar-start .navbar-link,.navbar.is-danger .navbar-end>.navbar-item,.navbar.is-danger .navbar-end .navbar-link {
      color: #fff;
    }
    .navbar.is-danger .navbar-start>a.navbar-item:focus,.navbar.is-danger .navbar-start>a.navbar-item:hover,.navbar.is-danger .navbar-start>a.navbar-item.is-active,.navbar.is-danger .navbar-start .navbar-link:focus,.navbar.is-danger .navbar-start .navbar-link:hover,.navbar.is-danger .navbar-start .navbar-link.is-active,.navbar.is-danger .navbar-end>a.navbar-item:focus,.navbar.is-danger .navbar-end>a.navbar-item:hover,.navbar.is-danger .navbar-end>a.navbar-item.is-active,.navbar.is-danger .navbar-end .navbar-link:focus,.navbar.is-danger .navbar-end .navbar-link:hover,.navbar.is-danger .navbar-end .navbar-link.is-active {
      background-color: #ff2223;
      color: #fff;
    }
    .navbar.is-danger .navbar-start .navbar-link::after,.navbar.is-danger .navbar-end .navbar-link::after {
      border-color: #fff;
    }
    .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
      background-color: #ff2223;
      color: #fff;
    }
    .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
      background-color: #ff3b3c;
      color: #fff;
    }
  }
  .navbar>.container {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.25rem;
    width: 100%;
  }
  .navbar.has-shadow {
    -webkit-box-shadow: 0 2px 0 0 #f5f5f5;
    box-shadow: 0 2px 0 0 #f5f5f5;
  }
  .navbar.is-fixed-bottom,.navbar.is-fixed-top {
    inset-inline-start: 0;
    position: fixed;
    inset-inline-end: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom {
    bottom: 0;
  }
  .navbar.is-fixed-bottom.has-shadow {
    -webkit-box-shadow: 0 -2px 0 0 #f5f5f5;
    box-shadow: 0 -2px 0 0 #f5f5f5;
  }
  .navbar.is-fixed-top {
    top: 0;
  }
  html.has-navbar-fixed-top,body.has-navbar-fixed-top {
    padding-top: 3.25rem;
  }
  html.has-navbar-fixed-bottom,body.has-navbar-fixed-bottom {
    padding-bottom: 3.25rem;
  }
  .navbar-brand,.navbar-tabs {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 3.25rem;
  }
  .navbar-brand a.navbar-item:focus,.navbar-brand a.navbar-item:hover {
    background-color: rgba(0,0,0,0);
  }
  .navbar-tabs {
    -webkit-overflow-scrolling: touch;
    max-width: 100vw;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .navbar-burger {
    color: #4a4a4a;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    height: 3.25rem;
    position: relative;
    width: 3.25rem;
    margin-right: auto;
  }
  .navbar-burger span {
    background-color: currentColor;
    display: block;
    height: 1px;
    inset-inline-start: calc(50% - 8px);
    position: absolute;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition-duration: 86ms;
    transition-duration: 86ms;
    -webkit-transition-property: background-color,opacity,-webkit-transform;
    transition-property: background-color,opacity,-webkit-transform;
    transition-property: background-color,opacity,transform;
    transition-property: background-color,opacity,transform,-webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    width: 16px;
  }
  .navbar-burger span:nth-child(1) {
    top: calc(50% - 6px);
  }
  .navbar-burger span:nth-child(2) {
    top: calc(50% - 1px);
  }
  .navbar-burger span:nth-child(3) {
    top: calc(50% + 4px);
  }
  .navbar-burger:hover {
    background-color: rgba(0,0,0,.05);
  }
  .navbar-burger.is-active span:nth-child(1) {
    -webkit-transform: translateY(5px) rotate(45deg);
    transform: translateY(5px) rotate(45deg);
  }
  .navbar-burger.is-active span:nth-child(2) {
    opacity: 0;
  }
  .navbar-burger.is-active span:nth-child(3) {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotate(-45deg);
  }
  .navbar-menu {
    display: none;
  }
  .navbar-item,.navbar-link {
    color: #4a4a4a;
    display: block;
    line-height: 1.5;
    padding: .5rem .75rem;
    position: relative;
  }
  .navbar-item .icon:only-child,.navbar-link .icon:only-child {
    -webkit-margin-start: -0.25rem;
    margin-inline-start: -0.25rem;
    -webkit-margin-end: -0.25rem;
    margin-inline-end: -0.25rem;
  }
  a.navbar-item,.navbar-link {
    cursor: pointer;
  }
  a.navbar-item:focus,a.navbar-item:focus-within,a.navbar-item:hover,a.navbar-item.is-active,.navbar-link:focus,.navbar-link:focus-within,.navbar-link:hover,.navbar-link.is-active {
    background-color: #fafafa;
    color: #0023ff;
  }
  .navbar-item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .navbar-item img {
    max-height: 1.75rem;
  }
  .navbar-item.has-dropdown {
    padding: 0;
  }
  .navbar-item.is-expanded {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }
  .navbar-item.is-tab {
    border-bottom: 1px solid rgba(0,0,0,0);
    min-height: 3.25rem;
    padding-bottom: calc(.5rem - 1px);
  }
  .navbar-item.is-tab:focus,.navbar-item.is-tab:hover {
    background-color: rgba(0,0,0,0);
    border-bottom-color: #0023ff;
  }
  .navbar-item.is-tab.is-active {
    background-color: rgba(0,0,0,0);
    border-bottom-color: #0023ff;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    color: #0023ff;
    padding-bottom: calc(0.5rem - 3px);
  }
  .navbar-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }
  .navbar-link:not(.is-arrowless) {
    padding-left: 2.5em;
  }
  .navbar-link:not(.is-arrowless)::after {
    border-color: #0023ff;
    margin-top: -0.375em;
    left: 1.125em;
  }
  .navbar-dropdown {
    font-size: .875rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
  }
  .navbar-dropdown .navbar-item {
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    -webkit-padding-end: 1.5rem;
    padding-inline-end: 1.5rem;
  }
  .navbar-divider {
    background-color: #f5f5f5;
    border: none;
    display: none;
    height: 2px;
    margin: .5rem 0;
  }
  @media screen and (max-width: 1023px) {
    .navbar>.container {
      display: block;
    }
    .navbar-brand .navbar-item,.navbar-tabs .navbar-item {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .navbar-link::after {
      display: none;
    }
    .navbar-menu {
      background-color: #fff;
      -webkit-box-shadow: 0 8px 16px rgba(10,10,10,.1);
      box-shadow: 0 8px 16px rgba(10,10,10,.1);
      padding: .5rem 0;
    }
    .navbar-menu.is-active {
      display: block;
    }
    .navbar.is-fixed-bottom-touch,.navbar.is-fixed-top-touch {
      inset-inline-start: 0;
      position: fixed;
      inset-inline-end: 0;
      z-index: 30;
    }
    .navbar.is-fixed-bottom-touch {
      bottom: 0;
    }
    .navbar.is-fixed-bottom-touch.has-shadow {
      -webkit-box-shadow: 0 -2px 3px rgba(10,10,10,.1);
      box-shadow: 0 -2px 3px rgba(10,10,10,.1);
    }
    .navbar.is-fixed-top-touch {
      top: 0;
    }
    .navbar.is-fixed-top .navbar-menu,.navbar.is-fixed-top-touch .navbar-menu {
      -webkit-overflow-scrolling: touch;
      max-height: calc(100vh - 3.25rem);
      overflow: auto;
    }
    html.has-navbar-fixed-top-touch,body.has-navbar-fixed-top-touch {
      padding-top: 3.25rem;
    }
    html.has-navbar-fixed-bottom-touch,body.has-navbar-fixed-bottom-touch {
      padding-bottom: 3.25rem;
    }
  }
  @media screen and (min-width: 1024px) {
    .navbar,.navbar-menu,.navbar-start,.navbar-end {
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .navbar {
      min-height: 3.25rem;
    }
    .navbar.is-spaced {
      padding: 1rem 2rem;
    }
    .navbar.is-spaced .navbar-start,.navbar.is-spaced .navbar-end {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    .navbar.is-spaced a.navbar-item,.navbar.is-spaced .navbar-link {
      border-radius: 4px;
    }
    .navbar.is-transparent a.navbar-item:focus,.navbar.is-transparent a.navbar-item:hover,.navbar.is-transparent a.navbar-item.is-active,.navbar.is-transparent .navbar-link:focus,.navbar.is-transparent .navbar-link:hover,.navbar.is-transparent .navbar-link.is-active {
      background-color: rgba(0,0,0,0) !important;
    }
    .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link,.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link,.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
      background-color: rgba(0,0,0,0) !important;
    }
    .navbar.is-transparent .navbar-dropdown a.navbar-item:focus,.navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
      background-color: #f5f5f5;
      color: #0a0a0a;
    }
    .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
      background-color: #f5f5f5;
      color: #0023ff;
    }
    .navbar-burger {
      display: none;
    }
    .navbar-item,.navbar-link {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .navbar-item.has-dropdown {
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
    }
    .navbar-item.has-dropdown-up .navbar-link::after {
      -webkit-transform: rotate(135deg) translate(0.25em, -0.25em);
      transform: rotate(135deg) translate(0.25em, -0.25em);
    }
    .navbar-item.has-dropdown-up .navbar-dropdown {
      border-bottom: 2px solid #dbdbdb;
      border-radius: 6px 6px 0 0;
      border-top: none;
      bottom: 100%;
      -webkit-box-shadow: 0 -8px 8px rgba(10,10,10,.1);
      box-shadow: 0 -8px 8px rgba(10,10,10,.1);
      top: auto;
    }
    .navbar-item.is-active .navbar-dropdown,.navbar-item.is-hoverable:focus .navbar-dropdown,.navbar-item.is-hoverable:focus-within .navbar-dropdown,.navbar-item.is-hoverable:hover .navbar-dropdown {
      display: block;
    }
    .navbar.is-spaced .navbar-item.is-active .navbar-dropdown,.navbar-item.is-active .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,.navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,.navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown,.navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
      opacity: 1;
      pointer-events: auto;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    .navbar-menu {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-negative: 0;
      flex-shrink: 0;
    }
    .navbar-start {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin-left: auto;
    }
    .navbar-end {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      margin-right: auto;
    }
    .navbar-dropdown {
      background-color: #fff;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      border-top: 2px solid #dbdbdb;
      -webkit-box-shadow: 0 8px 8px rgba(10,10,10,.1);
      box-shadow: 0 8px 8px rgba(10,10,10,.1);
      display: none;
      font-size: .875rem;
      right: 0;
      min-width: 100%;
      position: absolute;
      top: 100%;
      z-index: 20;
    }
    .navbar-dropdown .navbar-item {
      padding: .375rem 1rem;
      white-space: nowrap;
    }
    .navbar-dropdown a.navbar-item {
      padding-left: 3rem;
    }
    .navbar-dropdown a.navbar-item:focus,.navbar-dropdown a.navbar-item:hover {
      background-color: #f5f5f5;
      color: #0a0a0a;
    }
    .navbar-dropdown a.navbar-item.is-active {
      background-color: #f5f5f5;
      color: #0023ff;
    }
    .navbar.is-spaced .navbar-dropdown,.navbar-dropdown.is-boxed {
      border-radius: 6px;
      border-top: none;
      -webkit-box-shadow: 0 8px 8px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
      box-shadow: 0 8px 8px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
      display: block;
      opacity: 0;
      pointer-events: none;
      top: calc(100% + (-4px));
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px);
      -webkit-transition-duration: 86ms;
      transition-duration: 86ms;
      -webkit-transition-property: opacity,-webkit-transform;
      transition-property: opacity,-webkit-transform;
      transition-property: opacity,transform;
      transition-property: opacity,transform,-webkit-transform;
    }
    .navbar-dropdown.is-right {
      inset-inline-start: auto;
      inset-inline-end: 0;
    }
    .navbar-divider {
      display: block;
    }
    .navbar>.container .navbar-brand,.container>.navbar .navbar-brand {
      margin-right: -0.75rem;
    }
    .navbar>.container .navbar-menu,.container>.navbar .navbar-menu {
      margin-left: -0.75rem;
    }
    .navbar.is-fixed-bottom-desktop,.navbar.is-fixed-top-desktop {
      inset-inline-start: 0;
      position: fixed;
      inset-inline-end: 0;
      z-index: 30;
    }
    .navbar.is-fixed-bottom-desktop {
      bottom: 0;
    }
    .navbar.is-fixed-bottom-desktop.has-shadow {
      -webkit-box-shadow: 0 -2px 3px rgba(10,10,10,.1);
      box-shadow: 0 -2px 3px rgba(10,10,10,.1);
    }
    .navbar.is-fixed-top-desktop {
      top: 0;
    }
    html.has-navbar-fixed-top-desktop,body.has-navbar-fixed-top-desktop {
      padding-top: 3.25rem;
    }
    html.has-navbar-fixed-bottom-desktop,body.has-navbar-fixed-bottom-desktop {
      padding-bottom: 3.25rem;
    }
    html.has-spaced-navbar-fixed-top,body.has-spaced-navbar-fixed-top {
      padding-top: 5.25rem;
    }
    html.has-spaced-navbar-fixed-bottom,body.has-spaced-navbar-fixed-bottom {
      padding-bottom: 5.25rem;
    }
    a.navbar-item.is-active,.navbar-link.is-active {
      color: #0a0a0a;
    }
    a.navbar-item.is-active:not(:focus):not(:hover),.navbar-link.is-active:not(:focus):not(:hover) {
      background-color: rgba(0,0,0,0);
    }
    .navbar-item.has-dropdown:focus .navbar-link,.navbar-item.has-dropdown:hover .navbar-link,.navbar-item.has-dropdown.is-active .navbar-link {
      background-color: #fafafa;
    }
  }
  .hero.is-fullheight-with-navbar {
    min-height: calc(100vh - 3.25rem);
  }
  .level {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .level code {
    border-radius: 4px;
  }
  .level img {
    display: inline-block;
    vertical-align: top;
  }
  .level.is-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .level.is-mobile .level-left,.level.is-mobile .level-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .level.is-mobile .level-left+.level-right {
    margin-top: 0;
  }
  .level.is-mobile .level-item:not(:last-child) {
    margin-bottom: 0;
    margin-left: .75rem;
  }
  .level.is-mobile .level-item:not(.is-narrow) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  @media screen and (min-width: 769px),print {
    .level {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .level>.level-item:not(.is-narrow) {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
    }
  }
  .level-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .level-item .title,.level-item .subtitle {
    margin-bottom: 0;
  }
  @media screen and (max-width: 768px) {
    .level-item:not(:last-child) {
      margin-bottom: .75rem;
    }
  }
  .level-left,.level-right {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .level-left .level-item.is-flexible,.level-right .level-item.is-flexible {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  @media screen and (min-width: 769px),print {
    .level-left .level-item:not(:last-child),.level-right .level-item:not(:last-child) {
      margin-left: .75rem;
    }
  }
  .level-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  @media screen and (max-width: 768px) {
    .level-left+.level-right {
      margin-top: 1.5rem;
    }
  }
  @media screen and (min-width: 769px),print {
    .level-left {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
  .level-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  @media screen and (min-width: 769px),print {
    .level-right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
  .media {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: inherit;
  }
  .media .content:not(:last-child) {
    margin-bottom: .75rem;
  }
  .media .media {
    border-top: 1px solid rgba(219,219,219,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: .75rem;
  }
  .media .media .content:not(:last-child),.media .media .control:not(:last-child) {
    margin-bottom: .5rem;
  }
  .media .media .media {
    padding-top: .5rem;
  }
  .media .media .media+.media {
    margin-top: .5rem;
  }
  .media+.media {
    border-top: 1px solid rgba(219,219,219,.5);
    margin-top: 1rem;
    padding-top: 1rem;
  }
  .media.is-large+.media {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
  }
  .media-left,.media-right {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .media-left {
    margin-left: 1rem;
  }
  .media-right {
    margin-right: 1rem;
  }
  .media-content {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    text-align: inherit;
  }
  @media screen and (max-width: 768px) {
    .media-content {
      overflow-x: auto;
    }
  }
  .message {
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 1rem;
  }
  .message strong {
    color: currentColor;
  }
  .message a:not(.button):not(.tag):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline;
  }
  .message.is-small {
    font-size: .75rem;
  }
  .message.is-medium {
    font-size: 1.25rem;
  }
  .message.is-large {
    font-size: 1.5rem;
  }
  .message.is-white {
    background-color: #fff;
  }
  .message.is-white .message-header {
    background-color: #fff;
    color: #0a0a0a;
  }
  .message.is-white .message-body {
    border-color: #fff;
  }
  .message.is-black {
    background-color: #fafafa;
  }
  .message.is-black .message-header {
    background-color: #0a0a0a;
    color: #fff;
  }
  .message.is-black .message-body {
    border-color: #0a0a0a;
  }
  .message.is-light {
    background-color: #fafafa;
  }
  .message.is-light .message-header {
    background-color: #f5f5f5;
    color: rgba(0,0,0,.7);
  }
  .message.is-light .message-body {
    border-color: #f5f5f5;
  }
  .message.is-dark {
    background-color: #fafafa;
  }
  .message.is-dark .message-header {
    background-color: #363636;
    color: #fff;
  }
  .message.is-dark .message-body {
    border-color: #363636;
  }
  .message.is-primary {
    background-color: #ebedff;
  }
  .message.is-primary .message-header {
    background-color: #0023ff;
    color: #fff;
  }
  .message.is-primary .message-body {
    border-color: #0023ff;
    color: #0a2cff;
  }
  .message.is-link {
    background-color: #ebedff;
  }
  .message.is-link .message-header {
    background-color: #0023ff;
    color: #fff;
  }
  .message.is-link .message-body {
    border-color: #0023ff;
    color: #0a2cff;
  }
  .message.is-info {
    background-color: #ebf8ff;
  }
  .message.is-info .message-header {
    background-color: #039be5;
    color: #fff;
  }
  .message.is-info .message-body {
    border-color: #039be5;
    color: #0385c4;
  }
  .message.is-success {
    background-color: #ebfffa;
  }
  .message.is-success .message-header {
    background-color: #00b289;
    color: #fff;
  }
  .message.is-success .message-body {
    border-color: #00b289;
    color: #00bd91;
  }
  .message.is-warning {
    background-color: #fef8ec;
  }
  .message.is-warning .message-header {
    background-color: #eda514;
    color: #fff;
  }
  .message.is-warning .message-body {
    border-color: #eda514;
    color: #8e630b;
  }
  .message.is-danger {
    background-color: #ffebeb;
  }
  .message.is-danger .message-header {
    background-color: #ff3b3c;
    color: #fff;
  }
  .message.is-danger .message-body {
    border-color: #ff3b3c;
    color: #db0001;
  }
  .message-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4a4a4a;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.25;
    padding: .75em 1em;
    position: relative;
  }
  .message-header .delete {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .75em;
  }
  .message-header+.message-body {
    border-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .message-body {
    border-color: #dbdbdb;
    border-radius: 4px;
    border-style: solid;
    border-width: 0 0 0 4px;
    color: #4a4a4a;
    padding: 1.25em 1.5em;
  }
  .message-body code,.message-body pre {
    background-color: #fff;
  }
  .message-body pre code {
    background-color: rgba(0,0,0,0);
  }
  .pagination {
    font-size: 1rem;
    margin: -0.25rem;
  }
  .pagination.is-small {
    font-size: .75rem;
  }
  .pagination.is-medium {
    font-size: 1.25rem;
  }
  .pagination.is-large {
    font-size: 1.5rem;
  }
  .pagination.is-rounded .pagination-previous,.pagination.is-rounded .pagination-next {
    -webkit-padding-start: 1em;
    padding-inline-start: 1em;
    -webkit-padding-end: 1em;
    padding-inline-end: 1em;
    border-radius: 9999px;
  }
  .pagination.is-rounded .pagination-link {
    border-radius: 9999px;
  }
  .pagination,.pagination-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis {
    font-size: 1em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .25rem;
    -webkit-padding-start: .5em;
    padding-inline-start: .5em;
    -webkit-padding-end: .5em;
    padding-inline-end: .5em;
    text-align: center;
  }
  .pagination-previous,.pagination-next,.pagination-link {
    border-color: #dbdbdb;
    color: #363636;
    min-width: 2.5em;
  }
  .pagination-previous:hover,.pagination-next:hover,.pagination-link:hover {
    border-color: #b5b5b5;
    color: #363636;
  }
  .pagination-previous:focus,.pagination-next:focus,.pagination-link:focus {
    border-color: #485fc7;
  }
  .pagination-previous:active,.pagination-next:active,.pagination-link:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(10,10,10,.2);
    box-shadow: inset 0 1px 2px rgba(10,10,10,.2);
  }
  .pagination-previous[disabled],.pagination-previous.is-disabled,.pagination-next[disabled],.pagination-next.is-disabled,.pagination-link[disabled],.pagination-link.is-disabled {
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #7a7a7a;
    opacity: .5;
  }
  .pagination-previous,.pagination-next {
    -webkit-padding-start: .75em;
    padding-inline-start: .75em;
    -webkit-padding-end: .75em;
    padding-inline-end: .75em;
    white-space: nowrap;
  }
  .pagination-link.is-current {
    background-color: #0023ff;
    border-color: #0023ff;
    color: #fff;
  }
  .pagination-ellipsis {
    color: #b5b5b5;
    pointer-events: none;
  }
  .pagination-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .pagination-list li {
    list-style: none;
  }
  @media screen and (max-width: 768px) {
    .pagination {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    .pagination-previous,.pagination-next {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-negative: 1;
      flex-shrink: 1;
    }
    .pagination-list li {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-negative: 1;
      flex-shrink: 1;
    }
  }
  @media screen and (min-width: 769px),print {
    .pagination-list {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-negative: 1;
      flex-shrink: 1;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
    .pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis {
      margin-bottom: 0;
      margin-top: 0;
    }
    .pagination-previous {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
    }
    .pagination-next {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
    }
    .pagination {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 0;
      margin-top: 0;
    }
    .pagination.is-centered .pagination-previous {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
    .pagination.is-centered .pagination-list {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
    }
    .pagination.is-centered .pagination-next {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
    }
    .pagination.is-right .pagination-previous {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
    .pagination.is-right .pagination-next {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
    }
    .pagination.is-right .pagination-list {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
    }
  }
  .tabs {
    -webkit-overflow-scrolling: touch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
  }
  .tabs a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-color: #dbdbdb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #4a4a4a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -1px;
    padding: .5em 1em;
    vertical-align: top;
  }
  .tabs a:hover {
    border-bottom-color: #363636;
    color: #363636;
  }
  .tabs li {
    display: block;
  }
  .tabs li.is-active a {
    border-bottom-color: #0023ff;
    color: #0023ff;
  }
  .tabs ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-color: #dbdbdb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .tabs ul.is-left {
    -webkit-padding-end: .75em;
    padding-inline-end: .75em;
  }
  .tabs ul.is-center {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-padding-start: .75em;
    padding-inline-start: .75em;
    -webkit-padding-end: .75em;
    padding-inline-end: .75em;
  }
  .tabs ul.is-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-padding-start: .75em;
    padding-inline-start: .75em;
  }
  .tabs .icon:first-child {
    margin-left: .5em;
  }
  .tabs .icon:last-child {
    margin-right: .5em;
  }
  .tabs.is-centered ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .tabs.is-right ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .tabs.is-boxed a {
    border: 1px solid rgba(0,0,0,0);
    border-radius: 0 0 4px 4px;
  }
  .tabs.is-boxed a:hover {
    background-color: #f5f5f5;
    border-bottom-color: #dbdbdb;
  }
  .tabs.is-boxed li.is-active a {
    background-color: #fff;
    border-color: #dbdbdb;
    border-bottom-color: rgba(0,0,0,0) !important;
  }
  .tabs.is-fullwidth li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .tabs.is-toggle a {
    border-color: #dbdbdb;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 0;
    position: relative;
  }
  .tabs.is-toggle a:hover {
    background-color: #f5f5f5;
    border-color: #b5b5b5;
    z-index: 2;
  }
  .tabs.is-toggle li+li {
    margin-right: -1px;
  }
  .tabs.is-toggle li:first-child a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .tabs.is-toggle li:last-child a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .tabs.is-toggle li.is-active a {
    background-color: #0023ff;
    border-color: #0023ff;
    color: #fff;
    z-index: 1;
  }
  .tabs.is-toggle ul {
    border-bottom: none;
  }
  .tabs.is-toggle.is-toggle-rounded li:first-child a {
    border-bottom-right-radius: 9999px;
    border-top-right-radius: 9999px;
    -webkit-padding-end: 1.25em;
    padding-inline-end: 1.25em;
  }
  .tabs.is-toggle.is-toggle-rounded li:last-child a {
    border-bottom-left-radius: 9999px;
    border-top-left-radius: 9999px;
    -webkit-padding-start: 1.25em;
    padding-inline-start: 1.25em;
  }
  .tabs.is-small {
    font-size: .75rem;
  }
  .tabs.is-medium {
    font-size: 1.25rem;
  }
  .tabs.is-large {
    font-size: 1.5rem;
  }
  .breadcrumb {
    font-size: 1rem;
    white-space: nowrap;
  }
  .breadcrumb a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0023ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .75em;
  }
  .breadcrumb a:hover {
    color: #363636;
  }
  .breadcrumb li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .breadcrumb li:first-child a {
    padding-right: 0;
  }
  .breadcrumb li.is-active a {
    color: #363636;
    cursor: default;
    pointer-events: none;
  }
  .breadcrumb li+li::before {
    color: #b5b5b5;
    content: "/";
  }
  .breadcrumb ul,.breadcrumb ol {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .breadcrumb .icon:first-child {
    margin-left: .5em;
  }
  .breadcrumb .icon:last-child {
    margin-right: .5em;
  }
  .breadcrumb.is-centered ol,.breadcrumb.is-centered ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .breadcrumb.is-right ol,.breadcrumb.is-right ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .breadcrumb.is-small {
    font-size: .75rem;
  }
  .breadcrumb.is-medium {
    font-size: 1.25rem;
  }
  .breadcrumb.is-large {
    font-size: 1.5rem;
  }
  .breadcrumb.has-arrow-separator li+li::before {
    content: "→";
  }
  .breadcrumb.has-bullet-separator li+li::before {
    content: "•";
  }
  .breadcrumb.has-dot-separator li+li::before {
    content: "·";
  }
  .breadcrumb.has-succeeds-separator li+li::before {
    content: "≻";
  }
  .card {
    background-color: #fff;
    border-radius: .25rem;
    -webkit-box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0px 0 1px rgba(10,10,10,.02);
    box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0px 0 1px rgba(10,10,10,.02);
    color: #4a4a4a;
    max-width: 100%;
    position: relative;
  }
  .card-footer:first-child,.card-content:first-child,.card-header:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }
  .card-footer:last-child,.card-content:last-child,.card-header:last-child {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }
  .card-header {
    background-color: rgba(0,0,0,0);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-shadow: 0 .125em .25em rgba(10,10,10,.1);
    box-shadow: 0 .125em .25em rgba(10,10,10,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .card-header-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #363636;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 700;
    padding: .75rem 1rem;
  }
  .card-header-title.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .card-header-icon {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .75rem 1rem;
  }
  .card-image {
    display: block;
    position: relative;
  }
  .card-image:first-child img {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }
  .card-image:last-child img {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }
  .card-content {
    background-color: rgba(0,0,0,0);
    padding: 1.5rem;
  }
  .card-footer {
    background-color: rgba(0,0,0,0);
    border-top: 1px solid #ededed;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .card-footer-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .75rem;
  }
  .card-footer-item:not(:last-child) {
    border-left: 1px solid #ededed;
  }
  .card .media:not(:last-child) {
    margin-bottom: 1.5rem;
  }
  .dropdown {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    vertical-align: top;
  }
  .dropdown.is-active .dropdown-menu,.dropdown.is-hoverable:hover .dropdown-menu {
    display: block;
  }
  .dropdown.is-right .dropdown-menu {
    inset-inline-start: auto;
    inset-inline-end: 0;
  }
  .dropdown.is-up .dropdown-menu {
    bottom: 100%;
    padding-bottom: 4px;
    padding-top: initial;
    top: auto;
  }
  .dropdown-menu {
    display: none;
    right: 0;
    min-width: 12rem;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    z-index: 20;
  }
  .dropdown-content {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0px 0 1px rgba(10,10,10,.02);
    box-shadow: 0 .5em 1em -0.125em rgba(10,10,10,.1),0 0px 0 1px rgba(10,10,10,.02);
    padding-bottom: .5rem;
    padding-top: .5rem;
  }
  .dropdown-item {
    color: #4a4a4a;
    display: block;
    font-size: .875rem;
    line-height: 1.5;
    padding: .375rem 1rem;
    position: relative;
  }
  a.dropdown-item,button.dropdown-item {
    padding-left: 3rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%;
  }
  a.dropdown-item:hover,button.dropdown-item:hover {
    background-color: #f5f5f5;
    color: #0a0a0a;
  }
  a.dropdown-item.is-active,button.dropdown-item.is-active {
    background-color: #0023ff;
    color: #fff;
  }
  .dropdown-divider {
    background-color: #ededed;
    border: none;
    display: block;
    height: 1px;
    margin: .5rem 0;
  }
  .hero {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .hero .navbar {
    background: none;
  }
  .hero .tabs ul {
    border-bottom: none;
  }
  .hero.is-white {
    background-color: #fff;
    color: #0a0a0a;
  }
  .hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-white strong {
    color: inherit;
  }
  .hero.is-white .title {
    color: #0a0a0a;
  }
  .hero.is-white .subtitle {
    color: rgba(10,10,10,.9);
  }
  .hero.is-white .subtitle a:not(.button),.hero.is-white .subtitle strong {
    color: #0a0a0a;
  }
  @media screen and (max-width: 1023px) {
    .hero.is-white .navbar-menu {
      background-color: #fff;
    }
  }
  .hero.is-white .navbar-item,.hero.is-white .navbar-link {
    color: rgba(10,10,10,.7);
  }
  .hero.is-white a.navbar-item:hover,.hero.is-white a.navbar-item.is-active,.hero.is-white .navbar-link:hover,.hero.is-white .navbar-link.is-active {
    background-color: #f2f2f2;
    color: #0a0a0a;
  }
  .hero.is-white .tabs a {
    color: #0a0a0a;
    opacity: .9;
  }
  .hero.is-white .tabs a:hover {
    opacity: 1;
  }
  .hero.is-white .tabs li.is-active a {
    color: #fff !important;
    opacity: 1;
  }
  .hero.is-white .tabs.is-boxed a,.hero.is-white .tabs.is-toggle a {
    color: #0a0a0a;
  }
  .hero.is-white .tabs.is-boxed a:hover,.hero.is-white .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,.1);
  }
  .hero.is-white .tabs.is-boxed li.is-active a,.hero.is-white .tabs.is-boxed li.is-active a:hover,.hero.is-white .tabs.is-toggle li.is-active a,.hero.is-white .tabs.is-toggle li.is-active a:hover {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    color: #fff;
  }
  .hero.is-white.is-bold {
    background-image: linear-gradient(141deg, #e8e3e4 0%, hsl(0, 0%, 100%) 71%, white 100%);
  }
  @media screen and (max-width: 768px) {
    .hero.is-white.is-bold .navbar-menu {
      background-image: linear-gradient(141deg, #e8e3e4 0%, hsl(0, 0%, 100%) 71%, white 100%);
    }
  }
  .hero.is-black {
    background-color: #0a0a0a;
    color: #fff;
  }
  .hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-black strong {
    color: inherit;
  }
  .hero.is-black .title {
    color: #fff;
  }
  .hero.is-black .subtitle {
    color: rgba(255,255,255,.9);
  }
  .hero.is-black .subtitle a:not(.button),.hero.is-black .subtitle strong {
    color: #fff;
  }
  @media screen and (max-width: 1023px) {
    .hero.is-black .navbar-menu {
      background-color: #0a0a0a;
    }
  }
  .hero.is-black .navbar-item,.hero.is-black .navbar-link {
    color: rgba(255,255,255,.7);
  }
  .hero.is-black a.navbar-item:hover,.hero.is-black a.navbar-item.is-active,.hero.is-black .navbar-link:hover,.hero.is-black .navbar-link.is-active {
    background-color: #000;
    color: #fff;
  }
  .hero.is-black .tabs a {
    color: #fff;
    opacity: .9;
  }
  .hero.is-black .tabs a:hover {
    opacity: 1;
  }
  .hero.is-black .tabs li.is-active a {
    color: #0a0a0a !important;
    opacity: 1;
  }
  .hero.is-black .tabs.is-boxed a,.hero.is-black .tabs.is-toggle a {
    color: #fff;
  }
  .hero.is-black .tabs.is-boxed a:hover,.hero.is-black .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,.1);
  }
  .hero.is-black .tabs.is-boxed li.is-active a,.hero.is-black .tabs.is-boxed li.is-active a:hover,.hero.is-black .tabs.is-toggle li.is-active a,.hero.is-black .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0a0a0a;
  }
  .hero.is-black.is-bold {
    background-image: linear-gradient(141deg, black 0%, hsl(0, 0%, 4%) 71%, #181616 100%);
  }
  @media screen and (max-width: 768px) {
    .hero.is-black.is-bold .navbar-menu {
      background-image: linear-gradient(141deg, black 0%, hsl(0, 0%, 4%) 71%, #181616 100%);
    }
  }
  .hero.is-light {
    background-color: #f5f5f5;
    color: rgba(0,0,0,.7);
  }
  .hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-light strong {
    color: inherit;
  }
  .hero.is-light .title {
    color: rgba(0,0,0,.7);
  }
  .hero.is-light .subtitle {
    color: rgba(0,0,0,.9);
  }
  .hero.is-light .subtitle a:not(.button),.hero.is-light .subtitle strong {
    color: rgba(0,0,0,.7);
  }
  @media screen and (max-width: 1023px) {
    .hero.is-light .navbar-menu {
      background-color: #f5f5f5;
    }
  }
  .hero.is-light .navbar-item,.hero.is-light .navbar-link {
    color: rgba(0,0,0,.7);
  }
  .hero.is-light a.navbar-item:hover,.hero.is-light a.navbar-item.is-active,.hero.is-light .navbar-link:hover,.hero.is-light .navbar-link.is-active {
    background-color: #e8e8e8;
    color: rgba(0,0,0,.7);
  }
  .hero.is-light .tabs a {
    color: rgba(0,0,0,.7);
    opacity: .9;
  }
  .hero.is-light .tabs a:hover {
    opacity: 1;
  }
  .hero.is-light .tabs li.is-active a {
    color: #f5f5f5 !important;
    opacity: 1;
  }
  .hero.is-light .tabs.is-boxed a,.hero.is-light .tabs.is-toggle a {
    color: rgba(0,0,0,.7);
  }
  .hero.is-light .tabs.is-boxed a:hover,.hero.is-light .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,.1);
  }
  .hero.is-light .tabs.is-boxed li.is-active a,.hero.is-light .tabs.is-boxed li.is-active a:hover,.hero.is-light .tabs.is-toggle li.is-active a,.hero.is-light .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0,0,0,.7);
    border-color: rgba(0,0,0,.7);
    color: #f5f5f5;
  }
  .hero.is-light.is-bold {
    background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0, 0%, 96%) 71%, white 100%);
  }
  @media screen and (max-width: 768px) {
    .hero.is-light.is-bold .navbar-menu {
      background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0, 0%, 96%) 71%, white 100%);
    }
  }
  .hero.is-dark {
    background-color: #363636;
    color: #fff;
  }
  .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-dark strong {
    color: inherit;
  }
  .hero.is-dark .title {
    color: #fff;
  }
  .hero.is-dark .subtitle {
    color: rgba(255,255,255,.9);
  }
  .hero.is-dark .subtitle a:not(.button),.hero.is-dark .subtitle strong {
    color: #fff;
  }
  @media screen and (max-width: 1023px) {
    .hero.is-dark .navbar-menu {
      background-color: #363636;
    }
  }
  .hero.is-dark .navbar-item,.hero.is-dark .navbar-link {
    color: rgba(255,255,255,.7);
  }
  .hero.is-dark a.navbar-item:hover,.hero.is-dark a.navbar-item.is-active,.hero.is-dark .navbar-link:hover,.hero.is-dark .navbar-link.is-active {
    background-color: #292929;
    color: #fff;
  }
  .hero.is-dark .tabs a {
    color: #fff;
    opacity: .9;
  }
  .hero.is-dark .tabs a:hover {
    opacity: 1;
  }
  .hero.is-dark .tabs li.is-active a {
    color: #363636 !important;
    opacity: 1;
  }
  .hero.is-dark .tabs.is-boxed a,.hero.is-dark .tabs.is-toggle a {
    color: #fff;
  }
  .hero.is-dark .tabs.is-boxed a:hover,.hero.is-dark .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,.1);
  }
  .hero.is-dark .tabs.is-boxed li.is-active a,.hero.is-dark .tabs.is-boxed li.is-active a:hover,.hero.is-dark .tabs.is-toggle li.is-active a,.hero.is-dark .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #363636;
  }
  .hero.is-dark.is-bold {
    background-image: linear-gradient(141deg, #1f191a 0%, hsl(0, 0%, 21%) 71%, #46403f 100%);
  }
  @media screen and (max-width: 768px) {
    .hero.is-dark.is-bold .navbar-menu {
      background-image: linear-gradient(141deg, #1f191a 0%, hsl(0, 0%, 21%) 71%, #46403f 100%);
    }
  }
  .hero.is-primary {
    background-color: #0023ff;
    color: #fff;
  }
  .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-primary strong {
    color: inherit;
  }
  .hero.is-primary .title {
    color: #fff;
  }
  .hero.is-primary .subtitle {
    color: rgba(255,255,255,.9);
  }
  .hero.is-primary .subtitle a:not(.button),.hero.is-primary .subtitle strong {
    color: #fff;
  }
  @media screen and (max-width: 1023px) {
    .hero.is-primary .navbar-menu {
      background-color: #0023ff;
    }
  }
  .hero.is-primary .navbar-item,.hero.is-primary .navbar-link {
    color: rgba(255,255,255,.7);
  }
  .hero.is-primary a.navbar-item:hover,.hero.is-primary a.navbar-item.is-active,.hero.is-primary .navbar-link:hover,.hero.is-primary .navbar-link.is-active {
    background-color: #0020e6;
    color: #fff;
  }
  .hero.is-primary .tabs a {
    color: #fff;
    opacity: .9;
  }
  .hero.is-primary .tabs a:hover {
    opacity: 1;
  }
  .hero.is-primary .tabs li.is-active a {
    color: #0023ff !important;
    opacity: 1;
  }
  .hero.is-primary .tabs.is-boxed a,.hero.is-primary .tabs.is-toggle a {
    color: #fff;
  }
  .hero.is-primary .tabs.is-boxed a:hover,.hero.is-primary .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,.1);
  }
  .hero.is-primary .tabs.is-boxed li.is-active a,.hero.is-primary .tabs.is-boxed li.is-active a:hover,.hero.is-primary .tabs.is-toggle li.is-active a,.hero.is-primary .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0023ff;
  }
  .hero.is-primary.is-bold {
    background-image: linear-gradient(141deg, #003ecc 0%, #0023ff 71%, #201aff 100%);
  }
  @media screen and (max-width: 768px) {
    .hero.is-primary.is-bold .navbar-menu {
      background-image: linear-gradient(141deg, #003ecc 0%, #0023ff 71%, #201aff 100%);
    }
  }
  .hero.is-link {
    background-color: #0023ff;
    color: #fff;
  }
  .hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-link strong {
    color: inherit;
  }
  .hero.is-link .title {
    color: #fff;
  }
  .hero.is-link .subtitle {
    color: rgba(255,255,255,.9);
  }
  .hero.is-link .subtitle a:not(.button),.hero.is-link .subtitle strong {
    color: #fff;
  }
  @media screen and (max-width: 1023px) {
    .hero.is-link .navbar-menu {
      background-color: #0023ff;
    }
  }
  .hero.is-link .navbar-item,.hero.is-link .navbar-link {
    color: rgba(255,255,255,.7);
  }
  .hero.is-link a.navbar-item:hover,.hero.is-link a.navbar-item.is-active,.hero.is-link .navbar-link:hover,.hero.is-link .navbar-link.is-active {
    background-color: #0020e6;
    color: #fff;
  }
  .hero.is-link .tabs a {
    color: #fff;
    opacity: .9;
  }
  .hero.is-link .tabs a:hover {
    opacity: 1;
  }
  .hero.is-link .tabs li.is-active a {
    color: #0023ff !important;
    opacity: 1;
  }
  .hero.is-link .tabs.is-boxed a,.hero.is-link .tabs.is-toggle a {
    color: #fff;
  }
  .hero.is-link .tabs.is-boxed a:hover,.hero.is-link .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,.1);
  }
  .hero.is-link .tabs.is-boxed li.is-active a,.hero.is-link .tabs.is-boxed li.is-active a:hover,.hero.is-link .tabs.is-toggle li.is-active a,.hero.is-link .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0023ff;
  }
  .hero.is-link.is-bold {
    background-image: linear-gradient(141deg, #003ecc 0%, #0023ff 71%, #201aff 100%);
  }
  @media screen and (max-width: 768px) {
    .hero.is-link.is-bold .navbar-menu {
      background-image: linear-gradient(141deg, #003ecc 0%, #0023ff 71%, #201aff 100%);
    }
  }
  .hero.is-info {
    background-color: #039be5;
    color: #fff;
  }
  .hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-info strong {
    color: inherit;
  }
  .hero.is-info .title {
    color: #fff;
  }
  .hero.is-info .subtitle {
    color: rgba(255,255,255,.9);
  }
  .hero.is-info .subtitle a:not(.button),.hero.is-info .subtitle strong {
    color: #fff;
  }
  @media screen and (max-width: 1023px) {
    .hero.is-info .navbar-menu {
      background-color: #039be5;
    }
  }
  .hero.is-info .navbar-item,.hero.is-info .navbar-link {
    color: rgba(255,255,255,.7);
  }
  .hero.is-info a.navbar-item:hover,.hero.is-info a.navbar-item.is-active,.hero.is-info .navbar-link:hover,.hero.is-info .navbar-link.is-active {
    background-color: #038acc;
    color: #fff;
  }
  .hero.is-info .tabs a {
    color: #fff;
    opacity: .9;
  }
  .hero.is-info .tabs a:hover {
    opacity: 1;
  }
  .hero.is-info .tabs li.is-active a {
    color: #039be5 !important;
    opacity: 1;
  }
  .hero.is-info .tabs.is-boxed a,.hero.is-info .tabs.is-toggle a {
    color: #fff;
  }
  .hero.is-info .tabs.is-boxed a:hover,.hero.is-info .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,.1);
  }
  .hero.is-info .tabs.is-boxed li.is-active a,.hero.is-info .tabs.is-boxed li.is-active a:hover,.hero.is-info .tabs.is-toggle li.is-active a,.hero.is-info .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #039be5;
  }
  .hero.is-info.is-bold {
    background-image: linear-gradient(141deg, #0098b5 0%, #039be5 71%, #0382ff 100%);
  }
  @media screen and (max-width: 768px) {
    .hero.is-info.is-bold .navbar-menu {
      background-image: linear-gradient(141deg, #0098b5 0%, #039be5 71%, #0382ff 100%);
    }
  }
  .hero.is-success {
    background-color: #00b289;
    color: #fff;
  }
  .hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-success strong {
    color: inherit;
  }
  .hero.is-success .title {
    color: #fff;
  }
  .hero.is-success .subtitle {
    color: rgba(255,255,255,.9);
  }
  .hero.is-success .subtitle a:not(.button),.hero.is-success .subtitle strong {
    color: #fff;
  }
  @media screen and (max-width: 1023px) {
    .hero.is-success .navbar-menu {
      background-color: #00b289;
    }
  }
  .hero.is-success .navbar-item,.hero.is-success .navbar-link {
    color: rgba(255,255,255,.7);
  }
  .hero.is-success a.navbar-item:hover,.hero.is-success a.navbar-item.is-active,.hero.is-success .navbar-link:hover,.hero.is-success .navbar-link.is-active {
    background-color: #009975;
    color: #fff;
  }
  .hero.is-success .tabs a {
    color: #fff;
    opacity: .9;
  }
  .hero.is-success .tabs a:hover {
    opacity: 1;
  }
  .hero.is-success .tabs li.is-active a {
    color: #00b289 !important;
    opacity: 1;
  }
  .hero.is-success .tabs.is-boxed a,.hero.is-success .tabs.is-toggle a {
    color: #fff;
  }
  .hero.is-success .tabs.is-boxed a:hover,.hero.is-success .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,.1);
  }
  .hero.is-success .tabs.is-boxed li.is-active a,.hero.is-success .tabs.is-boxed li.is-active a:hover,.hero.is-success .tabs.is-toggle li.is-active a,.hero.is-success .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #00b289;
  }
  .hero.is-success.is-bold {
    background-image: linear-gradient(141deg, #007f4d 0%, #00b289 71%, #00ccbf 100%);
  }
  @media screen and (max-width: 768px) {
    .hero.is-success.is-bold .navbar-menu {
      background-image: linear-gradient(141deg, #007f4d 0%, #00b289 71%, #00ccbf 100%);
    }
  }
  .hero.is-warning {
    background-color: #eda514;
    color: #fff;
  }
  .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-warning strong {
    color: inherit;
  }
  .hero.is-warning .title {
    color: #fff;
  }
  .hero.is-warning .subtitle {
    color: rgba(255,255,255,.9);
  }
  .hero.is-warning .subtitle a:not(.button),.hero.is-warning .subtitle strong {
    color: #fff;
  }
  @media screen and (max-width: 1023px) {
    .hero.is-warning .navbar-menu {
      background-color: #eda514;
    }
  }
  .hero.is-warning .navbar-item,.hero.is-warning .navbar-link {
    color: rgba(255,255,255,.7);
  }
  .hero.is-warning a.navbar-item:hover,.hero.is-warning a.navbar-item.is-active,.hero.is-warning .navbar-link:hover,.hero.is-warning .navbar-link.is-active {
    background-color: #d79510;
    color: #fff;
  }
  .hero.is-warning .tabs a {
    color: #fff;
    opacity: .9;
  }
  .hero.is-warning .tabs a:hover {
    opacity: 1;
  }
  .hero.is-warning .tabs li.is-active a {
    color: #eda514 !important;
    opacity: 1;
  }
  .hero.is-warning .tabs.is-boxed a,.hero.is-warning .tabs.is-toggle a {
    color: #fff;
  }
  .hero.is-warning .tabs.is-boxed a:hover,.hero.is-warning .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,.1);
  }
  .hero.is-warning .tabs.is-boxed li.is-active a,.hero.is-warning .tabs.is-boxed li.is-active a:hover,.hero.is-warning .tabs.is-toggle li.is-active a,.hero.is-warning .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #eda514;
  }
  .hero.is-warning.is-bold {
    background-image: linear-gradient(141deg, #ca6704 0%, #eda514 71%, #f5d226 100%);
  }
  @media screen and (max-width: 768px) {
    .hero.is-warning.is-bold .navbar-menu {
      background-image: linear-gradient(141deg, #ca6704 0%, #eda514 71%, #f5d226 100%);
    }
  }
  .hero.is-danger {
    background-color: #ff3b3c;
    color: #fff;
  }
  .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-danger strong {
    color: inherit;
  }
  .hero.is-danger .title {
    color: #fff;
  }
  .hero.is-danger .subtitle {
    color: rgba(255,255,255,.9);
  }
  .hero.is-danger .subtitle a:not(.button),.hero.is-danger .subtitle strong {
    color: #fff;
  }
  @media screen and (max-width: 1023px) {
    .hero.is-danger .navbar-menu {
      background-color: #ff3b3c;
    }
  }
  .hero.is-danger .navbar-item,.hero.is-danger .navbar-link {
    color: rgba(255,255,255,.7);
  }
  .hero.is-danger a.navbar-item:hover,.hero.is-danger a.navbar-item.is-active,.hero.is-danger .navbar-link:hover,.hero.is-danger .navbar-link.is-active {
    background-color: #ff2223;
    color: #fff;
  }
  .hero.is-danger .tabs a {
    color: #fff;
    opacity: .9;
  }
  .hero.is-danger .tabs a:hover {
    opacity: 1;
  }
  .hero.is-danger .tabs li.is-active a {
    color: #ff3b3c !important;
    opacity: 1;
  }
  .hero.is-danger .tabs.is-boxed a,.hero.is-danger .tabs.is-toggle a {
    color: #fff;
  }
  .hero.is-danger .tabs.is-boxed a:hover,.hero.is-danger .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,.1);
  }
  .hero.is-danger .tabs.is-boxed li.is-active a,.hero.is-danger .tabs.is-boxed li.is-active a:hover,.hero.is-danger .tabs.is-toggle li.is-active a,.hero.is-danger .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #ff3b3c;
  }
  .hero.is-danger.is-bold {
    background-image: linear-gradient(141deg, #ff0832 0%, #ff3b3c 71%, #ff7055 100%);
  }
  @media screen and (max-width: 768px) {
    .hero.is-danger.is-bold .navbar-menu {
      background-image: linear-gradient(141deg, #ff0832 0%, #ff3b3c 71%, #ff7055 100%);
    }
  }
  .hero.is-small .hero-body {
    padding: 1.5rem;
  }
  @media screen and (min-width: 769px),print {
    .hero.is-medium .hero-body {
      padding: 9rem 4.5rem;
    }
    .hero.is-large .hero-body {
      padding: 18rem 6rem;
    }
  }
  .hero.is-halfheight .hero-body,.hero.is-fullheight .hero-body,.hero.is-fullheight-with-navbar .hero-body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .hero.is-halfheight .hero-body>.container,.hero.is-fullheight .hero-body>.container,.hero.is-fullheight-with-navbar .hero-body>.container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }
  .hero.is-halfheight {
    min-height: 50vh;
  }
  .hero.is-fullheight {
    min-height: 100vh;
  }
  .hero-video {
    overflow: hidden;
  }
  .hero-video video {
    inset-inline-start: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
  .hero-video.is-transparent {
    opacity: .3;
  }
  @media screen and (max-width: 768px) {
    .hero-video {
      display: none;
    }
  }
  .hero-buttons {
    margin-top: 1.5rem;
  }
  @media screen and (max-width: 768px) {
    .hero-buttons .button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .hero-buttons .button:not(:last-child) {
      margin-bottom: .75rem;
    }
  }
  @media screen and (min-width: 769px),print {
    .hero-buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    .hero-buttons .button:not(:last-child) {
      margin-left: 1.5rem;
    }
  }
  .hero-head,.hero-foot {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .hero-body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 3rem 1.5rem;
  }
  @media screen and (min-width: 769px),print {
    .hero-body {
      padding: 3rem 3rem;
    }
  }
  .column {
    display: block;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: .75rem;
  }
  .columns.is-mobile>.column.is-narrow {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: unset;
  }
  .columns.is-mobile>.column.is-full {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
  .columns.is-mobile>.column.is-three-quarters {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 75%;
  }
  .columns.is-mobile>.column.is-two-thirds {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 66.6666%;
  }
  .columns.is-mobile>.column.is-half {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%;
  }
  .columns.is-mobile>.column.is-one-third {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.3333%;
  }
  .columns.is-mobile>.column.is-one-quarter {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 25%;
  }
  .columns.is-mobile>.column.is-one-fifth {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20%;
  }
  .columns.is-mobile>.column.is-two-fifths {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 40%;
  }
  .columns.is-mobile>.column.is-three-fifths {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 60%;
  }
  .columns.is-mobile>.column.is-four-fifths {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 80%;
  }
  .columns.is-mobile>.column.is-offset-three-quarters {
    margin-right: 75%;
  }
  .columns.is-mobile>.column.is-offset-two-thirds {
    margin-right: 66.6666%;
  }
  .columns.is-mobile>.column.is-offset-half {
    margin-right: 50%;
  }
  .columns.is-mobile>.column.is-offset-one-third {
    margin-right: 33.3333%;
  }
  .columns.is-mobile>.column.is-offset-one-quarter {
    margin-right: 25%;
  }
  .columns.is-mobile>.column.is-offset-one-fifth {
    margin-right: 20%;
  }
  .columns.is-mobile>.column.is-offset-two-fifths {
    margin-right: 40%;
  }
  .columns.is-mobile>.column.is-offset-three-fifths {
    margin-right: 60%;
  }
  .columns.is-mobile>.column.is-offset-four-fifths {
    margin-right: 80%;
  }
  .columns.is-mobile>.column.is-0 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 0%;
  }
  .columns.is-mobile>.column.is-offset-0 {
    margin-right: 0%;
  }
  .columns.is-mobile>.column.is-1 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 8.33333337%;
  }
  .columns.is-mobile>.column.is-offset-1 {
    margin-right: 8.33333337%;
  }
  .columns.is-mobile>.column.is-2 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 16.66666674%;
  }
  .columns.is-mobile>.column.is-offset-2 {
    margin-right: 16.66666674%;
  }
  .columns.is-mobile>.column.is-3 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 25%;
  }
  .columns.is-mobile>.column.is-offset-3 {
    margin-right: 25%;
  }
  .columns.is-mobile>.column.is-4 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.33333337%;
  }
  .columns.is-mobile>.column.is-offset-4 {
    margin-right: 33.33333337%;
  }
  .columns.is-mobile>.column.is-5 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 41.66666674%;
  }
  .columns.is-mobile>.column.is-offset-5 {
    margin-right: 41.66666674%;
  }
  .columns.is-mobile>.column.is-6 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%;
  }
  .columns.is-mobile>.column.is-offset-6 {
    margin-right: 50%;
  }
  .columns.is-mobile>.column.is-7 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 58.33333337%;
  }
  .columns.is-mobile>.column.is-offset-7 {
    margin-right: 58.33333337%;
  }
  .columns.is-mobile>.column.is-8 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 66.66666674%;
  }
  .columns.is-mobile>.column.is-offset-8 {
    margin-right: 66.66666674%;
  }
  .columns.is-mobile>.column.is-9 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 75%;
  }
  .columns.is-mobile>.column.is-offset-9 {
    margin-right: 75%;
  }
  .columns.is-mobile>.column.is-10 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 83.33333337%;
  }
  .columns.is-mobile>.column.is-offset-10 {
    margin-right: 83.33333337%;
  }
  .columns.is-mobile>.column.is-11 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 91.66666674%;
  }
  .columns.is-mobile>.column.is-offset-11 {
    margin-right: 91.66666674%;
  }
  .columns.is-mobile>.column.is-12 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
  .columns.is-mobile>.column.is-offset-12 {
    margin-right: 100%;
  }
  @media screen and (max-width: 768px) {
    .column.is-narrow-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: unset;
    }
    .column.is-full-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 100%;
    }
    .column.is-three-quarters-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 75%;
    }
    .column.is-two-thirds-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 66.6666%;
    }
    .column.is-half-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 50%;
    }
    .column.is-one-third-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 33.3333%;
    }
    .column.is-one-quarter-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 25%;
    }
    .column.is-one-fifth-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 20%;
    }
    .column.is-two-fifths-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 40%;
    }
    .column.is-three-fifths-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 60%;
    }
    .column.is-four-fifths-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 80%;
    }
    .column.is-offset-three-quarters-mobile {
      margin-right: 75%;
    }
    .column.is-offset-two-thirds-mobile {
      margin-right: 66.6666%;
    }
    .column.is-offset-half-mobile {
      margin-right: 50%;
    }
    .column.is-offset-one-third-mobile {
      margin-right: 33.3333%;
    }
    .column.is-offset-one-quarter-mobile {
      margin-right: 25%;
    }
    .column.is-offset-one-fifth-mobile {
      margin-right: 20%;
    }
    .column.is-offset-two-fifths-mobile {
      margin-right: 40%;
    }
    .column.is-offset-three-fifths-mobile {
      margin-right: 60%;
    }
    .column.is-offset-four-fifths-mobile {
      margin-right: 80%;
    }
    .column.is-0-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 0%;
    }
    .column.is-offset-0-mobile {
      margin-right: 0%;
    }
    .column.is-1-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 8.33333337%;
    }
    .column.is-offset-1-mobile {
      margin-right: 8.33333337%;
    }
    .column.is-2-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 16.66666674%;
    }
    .column.is-offset-2-mobile {
      margin-right: 16.66666674%;
    }
    .column.is-3-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 25%;
    }
    .column.is-offset-3-mobile {
      margin-right: 25%;
    }
    .column.is-4-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 33.33333337%;
    }
    .column.is-offset-4-mobile {
      margin-right: 33.33333337%;
    }
    .column.is-5-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 41.66666674%;
    }
    .column.is-offset-5-mobile {
      margin-right: 41.66666674%;
    }
    .column.is-6-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 50%;
    }
    .column.is-offset-6-mobile {
      margin-right: 50%;
    }
    .column.is-7-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 58.33333337%;
    }
    .column.is-offset-7-mobile {
      margin-right: 58.33333337%;
    }
    .column.is-8-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 66.66666674%;
    }
    .column.is-offset-8-mobile {
      margin-right: 66.66666674%;
    }
    .column.is-9-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 75%;
    }
    .column.is-offset-9-mobile {
      margin-right: 75%;
    }
    .column.is-10-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 83.33333337%;
    }
    .column.is-offset-10-mobile {
      margin-right: 83.33333337%;
    }
    .column.is-11-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 91.66666674%;
    }
    .column.is-offset-11-mobile {
      margin-right: 91.66666674%;
    }
    .column.is-12-mobile {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 100%;
    }
    .column.is-offset-12-mobile {
      margin-right: 100%;
    }
  }
  @media screen and (min-width: 769px),print {
    .column.is-narrow,.column.is-narrow-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: unset;
    }
    .column.is-full,.column.is-full-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 100%;
    }
    .column.is-three-quarters,.column.is-three-quarters-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 75%;
    }
    .column.is-two-thirds,.column.is-two-thirds-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 66.6666%;
    }
    .column.is-half,.column.is-half-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 50%;
    }
    .column.is-one-third,.column.is-one-third-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 33.3333%;
    }
    .column.is-one-quarter,.column.is-one-quarter-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 25%;
    }
    .column.is-one-fifth,.column.is-one-fifth-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 20%;
    }
    .column.is-two-fifths,.column.is-two-fifths-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 40%;
    }
    .column.is-three-fifths,.column.is-three-fifths-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 60%;
    }
    .column.is-four-fifths,.column.is-four-fifths-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 80%;
    }
    .column.is-offset-three-quarters,.column.is-offset-three-quarters-tablet {
      margin-right: 75%;
    }
    .column.is-offset-two-thirds,.column.is-offset-two-thirds-tablet {
      margin-right: 66.6666%;
    }
    .column.is-offset-half,.column.is-offset-half-tablet {
      margin-right: 50%;
    }
    .column.is-offset-one-third,.column.is-offset-one-third-tablet {
      margin-right: 33.3333%;
    }
    .column.is-offset-one-quarter,.column.is-offset-one-quarter-tablet {
      margin-right: 25%;
    }
    .column.is-offset-one-fifth,.column.is-offset-one-fifth-tablet {
      margin-right: 20%;
    }
    .column.is-offset-two-fifths,.column.is-offset-two-fifths-tablet {
      margin-right: 40%;
    }
    .column.is-offset-three-fifths,.column.is-offset-three-fifths-tablet {
      margin-right: 60%;
    }
    .column.is-offset-four-fifths,.column.is-offset-four-fifths-tablet {
      margin-right: 80%;
    }
    .column.is-0,.column.is-0-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 0%;
    }
    .column.is-offset-0,.column.is-offset-0-tablet {
      margin-right: 0%;
    }
    .column.is-1,.column.is-1-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 8.33333337%;
    }
    .column.is-offset-1,.column.is-offset-1-tablet {
      margin-right: 8.33333337%;
    }
    .column.is-2,.column.is-2-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 16.66666674%;
    }
    .column.is-offset-2,.column.is-offset-2-tablet {
      margin-right: 16.66666674%;
    }
    .column.is-3,.column.is-3-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 25%;
    }
    .column.is-offset-3,.column.is-offset-3-tablet {
      margin-right: 25%;
    }
    .column.is-4,.column.is-4-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 33.33333337%;
    }
    .column.is-offset-4,.column.is-offset-4-tablet {
      margin-right: 33.33333337%;
    }
    .column.is-5,.column.is-5-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 41.66666674%;
    }
    .column.is-offset-5,.column.is-offset-5-tablet {
      margin-right: 41.66666674%;
    }
    .column.is-6,.column.is-6-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 50%;
    }
    .column.is-offset-6,.column.is-offset-6-tablet {
      margin-right: 50%;
    }
    .column.is-7,.column.is-7-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 58.33333337%;
    }
    .column.is-offset-7,.column.is-offset-7-tablet {
      margin-right: 58.33333337%;
    }
    .column.is-8,.column.is-8-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 66.66666674%;
    }
    .column.is-offset-8,.column.is-offset-8-tablet {
      margin-right: 66.66666674%;
    }
    .column.is-9,.column.is-9-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 75%;
    }
    .column.is-offset-9,.column.is-offset-9-tablet {
      margin-right: 75%;
    }
    .column.is-10,.column.is-10-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 83.33333337%;
    }
    .column.is-offset-10,.column.is-offset-10-tablet {
      margin-right: 83.33333337%;
    }
    .column.is-11,.column.is-11-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 91.66666674%;
    }
    .column.is-offset-11,.column.is-offset-11-tablet {
      margin-right: 91.66666674%;
    }
    .column.is-12,.column.is-12-tablet {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 100%;
    }
    .column.is-offset-12,.column.is-offset-12-tablet {
      margin-right: 100%;
    }
  }
  @media screen and (max-width: 1023px) {
    .column.is-narrow-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: unset;
    }
    .column.is-full-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 100%;
    }
    .column.is-three-quarters-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 75%;
    }
    .column.is-two-thirds-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 66.6666%;
    }
    .column.is-half-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 50%;
    }
    .column.is-one-third-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 33.3333%;
    }
    .column.is-one-quarter-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 25%;
    }
    .column.is-one-fifth-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 20%;
    }
    .column.is-two-fifths-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 40%;
    }
    .column.is-three-fifths-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 60%;
    }
    .column.is-four-fifths-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 80%;
    }
    .column.is-offset-three-quarters-touch {
      margin-right: 75%;
    }
    .column.is-offset-two-thirds-touch {
      margin-right: 66.6666%;
    }
    .column.is-offset-half-touch {
      margin-right: 50%;
    }
    .column.is-offset-one-third-touch {
      margin-right: 33.3333%;
    }
    .column.is-offset-one-quarter-touch {
      margin-right: 25%;
    }
    .column.is-offset-one-fifth-touch {
      margin-right: 20%;
    }
    .column.is-offset-two-fifths-touch {
      margin-right: 40%;
    }
    .column.is-offset-three-fifths-touch {
      margin-right: 60%;
    }
    .column.is-offset-four-fifths-touch {
      margin-right: 80%;
    }
    .column.is-0-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 0%;
    }
    .column.is-offset-0-touch {
      margin-right: 0%;
    }
    .column.is-1-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 8.33333337%;
    }
    .column.is-offset-1-touch {
      margin-right: 8.33333337%;
    }
    .column.is-2-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 16.66666674%;
    }
    .column.is-offset-2-touch {
      margin-right: 16.66666674%;
    }
    .column.is-3-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 25%;
    }
    .column.is-offset-3-touch {
      margin-right: 25%;
    }
    .column.is-4-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 33.33333337%;
    }
    .column.is-offset-4-touch {
      margin-right: 33.33333337%;
    }
    .column.is-5-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 41.66666674%;
    }
    .column.is-offset-5-touch {
      margin-right: 41.66666674%;
    }
    .column.is-6-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 50%;
    }
    .column.is-offset-6-touch {
      margin-right: 50%;
    }
    .column.is-7-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 58.33333337%;
    }
    .column.is-offset-7-touch {
      margin-right: 58.33333337%;
    }
    .column.is-8-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 66.66666674%;
    }
    .column.is-offset-8-touch {
      margin-right: 66.66666674%;
    }
    .column.is-9-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 75%;
    }
    .column.is-offset-9-touch {
      margin-right: 75%;
    }
    .column.is-10-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 83.33333337%;
    }
    .column.is-offset-10-touch {
      margin-right: 83.33333337%;
    }
    .column.is-11-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 91.66666674%;
    }
    .column.is-offset-11-touch {
      margin-right: 91.66666674%;
    }
    .column.is-12-touch {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 100%;
    }
    .column.is-offset-12-touch {
      margin-right: 100%;
    }
  }
  @media screen and (min-width: 1024px) {
    .column.is-narrow-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: unset;
    }
    .column.is-full-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 100%;
    }
    .column.is-three-quarters-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 75%;
    }
    .column.is-two-thirds-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 66.6666%;
    }
    .column.is-half-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 50%;
    }
    .column.is-one-third-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 33.3333%;
    }
    .column.is-one-quarter-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 25%;
    }
    .column.is-one-fifth-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 20%;
    }
    .column.is-two-fifths-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 40%;
    }
    .column.is-three-fifths-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 60%;
    }
    .column.is-four-fifths-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 80%;
    }
    .column.is-offset-three-quarters-desktop {
      margin-right: 75%;
    }
    .column.is-offset-two-thirds-desktop {
      margin-right: 66.6666%;
    }
    .column.is-offset-half-desktop {
      margin-right: 50%;
    }
    .column.is-offset-one-third-desktop {
      margin-right: 33.3333%;
    }
    .column.is-offset-one-quarter-desktop {
      margin-right: 25%;
    }
    .column.is-offset-one-fifth-desktop {
      margin-right: 20%;
    }
    .column.is-offset-two-fifths-desktop {
      margin-right: 40%;
    }
    .column.is-offset-three-fifths-desktop {
      margin-right: 60%;
    }
    .column.is-offset-four-fifths-desktop {
      margin-right: 80%;
    }
    .column.is-0-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 0%;
    }
    .column.is-offset-0-desktop {
      margin-right: 0%;
    }
    .column.is-1-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 8.33333337%;
    }
    .column.is-offset-1-desktop {
      margin-right: 8.33333337%;
    }
    .column.is-2-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 16.66666674%;
    }
    .column.is-offset-2-desktop {
      margin-right: 16.66666674%;
    }
    .column.is-3-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 25%;
    }
    .column.is-offset-3-desktop {
      margin-right: 25%;
    }
    .column.is-4-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 33.33333337%;
    }
    .column.is-offset-4-desktop {
      margin-right: 33.33333337%;
    }
    .column.is-5-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 41.66666674%;
    }
    .column.is-offset-5-desktop {
      margin-right: 41.66666674%;
    }
    .column.is-6-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 50%;
    }
    .column.is-offset-6-desktop {
      margin-right: 50%;
    }
    .column.is-7-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 58.33333337%;
    }
    .column.is-offset-7-desktop {
      margin-right: 58.33333337%;
    }
    .column.is-8-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 66.66666674%;
    }
    .column.is-offset-8-desktop {
      margin-right: 66.66666674%;
    }
    .column.is-9-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 75%;
    }
    .column.is-offset-9-desktop {
      margin-right: 75%;
    }
    .column.is-10-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 83.33333337%;
    }
    .column.is-offset-10-desktop {
      margin-right: 83.33333337%;
    }
    .column.is-11-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 91.66666674%;
    }
    .column.is-offset-11-desktop {
      margin-right: 91.66666674%;
    }
    .column.is-12-desktop {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 100%;
    }
    .column.is-offset-12-desktop {
      margin-right: 100%;
    }
  }
  @media screen and (min-width: 1216px) {
    .column.is-narrow-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: unset;
    }
    .column.is-full-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 100%;
    }
    .column.is-three-quarters-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 75%;
    }
    .column.is-two-thirds-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 66.6666%;
    }
    .column.is-half-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 50%;
    }
    .column.is-one-third-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 33.3333%;
    }
    .column.is-one-quarter-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 25%;
    }
    .column.is-one-fifth-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 20%;
    }
    .column.is-two-fifths-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 40%;
    }
    .column.is-three-fifths-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 60%;
    }
    .column.is-four-fifths-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 80%;
    }
    .column.is-offset-three-quarters-widescreen {
      margin-right: 75%;
    }
    .column.is-offset-two-thirds-widescreen {
      margin-right: 66.6666%;
    }
    .column.is-offset-half-widescreen {
      margin-right: 50%;
    }
    .column.is-offset-one-third-widescreen {
      margin-right: 33.3333%;
    }
    .column.is-offset-one-quarter-widescreen {
      margin-right: 25%;
    }
    .column.is-offset-one-fifth-widescreen {
      margin-right: 20%;
    }
    .column.is-offset-two-fifths-widescreen {
      margin-right: 40%;
    }
    .column.is-offset-three-fifths-widescreen {
      margin-right: 60%;
    }
    .column.is-offset-four-fifths-widescreen {
      margin-right: 80%;
    }
    .column.is-0-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 0%;
    }
    .column.is-offset-0-widescreen {
      margin-right: 0%;
    }
    .column.is-1-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 8.33333337%;
    }
    .column.is-offset-1-widescreen {
      margin-right: 8.33333337%;
    }
    .column.is-2-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 16.66666674%;
    }
    .column.is-offset-2-widescreen {
      margin-right: 16.66666674%;
    }
    .column.is-3-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 25%;
    }
    .column.is-offset-3-widescreen {
      margin-right: 25%;
    }
    .column.is-4-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 33.33333337%;
    }
    .column.is-offset-4-widescreen {
      margin-right: 33.33333337%;
    }
    .column.is-5-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 41.66666674%;
    }
    .column.is-offset-5-widescreen {
      margin-right: 41.66666674%;
    }
    .column.is-6-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 50%;
    }
    .column.is-offset-6-widescreen {
      margin-right: 50%;
    }
    .column.is-7-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 58.33333337%;
    }
    .column.is-offset-7-widescreen {
      margin-right: 58.33333337%;
    }
    .column.is-8-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 66.66666674%;
    }
    .column.is-offset-8-widescreen {
      margin-right: 66.66666674%;
    }
    .column.is-9-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 75%;
    }
    .column.is-offset-9-widescreen {
      margin-right: 75%;
    }
    .column.is-10-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 83.33333337%;
    }
    .column.is-offset-10-widescreen {
      margin-right: 83.33333337%;
    }
    .column.is-11-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 91.66666674%;
    }
    .column.is-offset-11-widescreen {
      margin-right: 91.66666674%;
    }
    .column.is-12-widescreen {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 100%;
    }
    .column.is-offset-12-widescreen {
      margin-right: 100%;
    }
  }
  @media screen and (min-width: 1408px) {
    .column.is-narrow-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: unset;
    }
    .column.is-full-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 100%;
    }
    .column.is-three-quarters-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 75%;
    }
    .column.is-two-thirds-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 66.6666%;
    }
    .column.is-half-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 50%;
    }
    .column.is-one-third-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 33.3333%;
    }
    .column.is-one-quarter-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 25%;
    }
    .column.is-one-fifth-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 20%;
    }
    .column.is-two-fifths-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 40%;
    }
    .column.is-three-fifths-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 60%;
    }
    .column.is-four-fifths-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 80%;
    }
    .column.is-offset-three-quarters-fullhd {
      margin-right: 75%;
    }
    .column.is-offset-two-thirds-fullhd {
      margin-right: 66.6666%;
    }
    .column.is-offset-half-fullhd {
      margin-right: 50%;
    }
    .column.is-offset-one-third-fullhd {
      margin-right: 33.3333%;
    }
    .column.is-offset-one-quarter-fullhd {
      margin-right: 25%;
    }
    .column.is-offset-one-fifth-fullhd {
      margin-right: 20%;
    }
    .column.is-offset-two-fifths-fullhd {
      margin-right: 40%;
    }
    .column.is-offset-three-fifths-fullhd {
      margin-right: 60%;
    }
    .column.is-offset-four-fifths-fullhd {
      margin-right: 80%;
    }
    .column.is-0-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 0%;
    }
    .column.is-offset-0-fullhd {
      margin-right: 0%;
    }
    .column.is-1-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 8.33333337%;
    }
    .column.is-offset-1-fullhd {
      margin-right: 8.33333337%;
    }
    .column.is-2-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 16.66666674%;
    }
    .column.is-offset-2-fullhd {
      margin-right: 16.66666674%;
    }
    .column.is-3-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 25%;
    }
    .column.is-offset-3-fullhd {
      margin-right: 25%;
    }
    .column.is-4-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 33.33333337%;
    }
    .column.is-offset-4-fullhd {
      margin-right: 33.33333337%;
    }
    .column.is-5-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 41.66666674%;
    }
    .column.is-offset-5-fullhd {
      margin-right: 41.66666674%;
    }
    .column.is-6-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 50%;
    }
    .column.is-offset-6-fullhd {
      margin-right: 50%;
    }
    .column.is-7-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 58.33333337%;
    }
    .column.is-offset-7-fullhd {
      margin-right: 58.33333337%;
    }
    .column.is-8-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 66.66666674%;
    }
    .column.is-offset-8-fullhd {
      margin-right: 66.66666674%;
    }
    .column.is-9-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 75%;
    }
    .column.is-offset-9-fullhd {
      margin-right: 75%;
    }
    .column.is-10-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 83.33333337%;
    }
    .column.is-offset-10-fullhd {
      margin-right: 83.33333337%;
    }
    .column.is-11-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 91.66666674%;
    }
    .column.is-offset-11-fullhd {
      margin-right: 91.66666674%;
    }
    .column.is-12-fullhd {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 100%;
    }
    .column.is-offset-12-fullhd {
      margin-right: 100%;
    }
  }
  .columns {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
    margin-top: -0.75rem;
  }
  .columns:last-child {
    margin-bottom: -0.75rem;
  }
  .columns:not(:last-child) {
    margin-bottom: calc(1.5rem - 0.75rem);
  }
  .columns.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .columns.is-gapless {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
  }
  .columns.is-gapless>.column {
    margin: 0;
    padding: 0 !important;
  }
  .columns.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem;
  }
  .columns.is-gapless:last-child {
    margin-bottom: 0;
  }
  .columns.is-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .columns.is-multiline {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .columns.is-vcentered {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  @media screen and (min-width: 769px),print {
    .columns:not(.is-desktop) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
  @media screen and (min-width: 1024px) {
    .columns.is-desktop {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
  .columns.is-variable {
    --columnGap: 0.75rem;
    margin-right: calc(-1*var(--columnGap));
    margin-left: calc(-1*var(--columnGap));
  }
  .columns.is-variable>.column {
    -webkit-padding-start: var(--columnGap);
    padding-inline-start: var(--columnGap);
    -webkit-padding-end: var(--columnGap);
    padding-inline-end: var(--columnGap);
  }
  .columns.is-variable.is-0 {
    --columnGap: 0rem;
  }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-0-mobile {
      --columnGap: 0rem;
    }
  }
  @media screen and (min-width: 769px),print {
    .columns.is-variable.is-0-tablet {
      --columnGap: 0rem;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-0-tablet-only {
      --columnGap: 0rem;
    }
  }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-0-touch {
      --columnGap: 0rem;
    }
  }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-0-desktop {
      --columnGap: 0rem;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-0-desktop-only {
      --columnGap: 0rem;
    }
  }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-0-widescreen {
      --columnGap: 0rem;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-0-widescreen-only {
      --columnGap: 0rem;
    }
  }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-0-fullhd {
      --columnGap: 0rem;
    }
  }
  .columns.is-variable.is-1 {
    --columnGap: 0.25rem;
  }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-1-mobile {
      --columnGap: 0.25rem;
    }
  }
  @media screen and (min-width: 769px),print {
    .columns.is-variable.is-1-tablet {
      --columnGap: 0.25rem;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-1-tablet-only {
      --columnGap: 0.25rem;
    }
  }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-1-touch {
      --columnGap: 0.25rem;
    }
  }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-1-desktop {
      --columnGap: 0.25rem;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-1-desktop-only {
      --columnGap: 0.25rem;
    }
  }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-1-widescreen {
      --columnGap: 0.25rem;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-1-widescreen-only {
      --columnGap: 0.25rem;
    }
  }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-1-fullhd {
      --columnGap: 0.25rem;
    }
  }
  .columns.is-variable.is-2 {
    --columnGap: 0.5rem;
  }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-2-mobile {
      --columnGap: 0.5rem;
    }
  }
  @media screen and (min-width: 769px),print {
    .columns.is-variable.is-2-tablet {
      --columnGap: 0.5rem;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-2-tablet-only {
      --columnGap: 0.5rem;
    }
  }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-2-touch {
      --columnGap: 0.5rem;
    }
  }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-2-desktop {
      --columnGap: 0.5rem;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-2-desktop-only {
      --columnGap: 0.5rem;
    }
  }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-2-widescreen {
      --columnGap: 0.5rem;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-2-widescreen-only {
      --columnGap: 0.5rem;
    }
  }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-2-fullhd {
      --columnGap: 0.5rem;
    }
  }
  .columns.is-variable.is-3 {
    --columnGap: 0.75rem;
  }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-3-mobile {
      --columnGap: 0.75rem;
    }
  }
  @media screen and (min-width: 769px),print {
    .columns.is-variable.is-3-tablet {
      --columnGap: 0.75rem;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-3-tablet-only {
      --columnGap: 0.75rem;
    }
  }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-3-touch {
      --columnGap: 0.75rem;
    }
  }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-3-desktop {
      --columnGap: 0.75rem;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-3-desktop-only {
      --columnGap: 0.75rem;
    }
  }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-3-widescreen {
      --columnGap: 0.75rem;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-3-widescreen-only {
      --columnGap: 0.75rem;
    }
  }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-3-fullhd {
      --columnGap: 0.75rem;
    }
  }
  .columns.is-variable.is-4 {
    --columnGap: 1rem;
  }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-4-mobile {
      --columnGap: 1rem;
    }
  }
  @media screen and (min-width: 769px),print {
    .columns.is-variable.is-4-tablet {
      --columnGap: 1rem;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-4-tablet-only {
      --columnGap: 1rem;
    }
  }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-4-touch {
      --columnGap: 1rem;
    }
  }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-4-desktop {
      --columnGap: 1rem;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-4-desktop-only {
      --columnGap: 1rem;
    }
  }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-4-widescreen {
      --columnGap: 1rem;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-4-widescreen-only {
      --columnGap: 1rem;
    }
  }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-4-fullhd {
      --columnGap: 1rem;
    }
  }
  .columns.is-variable.is-5 {
    --columnGap: 1.25rem;
  }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-5-mobile {
      --columnGap: 1.25rem;
    }
  }
  @media screen and (min-width: 769px),print {
    .columns.is-variable.is-5-tablet {
      --columnGap: 1.25rem;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-5-tablet-only {
      --columnGap: 1.25rem;
    }
  }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-5-touch {
      --columnGap: 1.25rem;
    }
  }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-5-desktop {
      --columnGap: 1.25rem;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-5-desktop-only {
      --columnGap: 1.25rem;
    }
  }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-5-widescreen {
      --columnGap: 1.25rem;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-5-widescreen-only {
      --columnGap: 1.25rem;
    }
  }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-5-fullhd {
      --columnGap: 1.25rem;
    }
  }
  .columns.is-variable.is-6 {
    --columnGap: 1.5rem;
  }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-6-mobile {
      --columnGap: 1.5rem;
    }
  }
  @media screen and (min-width: 769px),print {
    .columns.is-variable.is-6-tablet {
      --columnGap: 1.5rem;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-6-tablet-only {
      --columnGap: 1.5rem;
    }
  }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-6-touch {
      --columnGap: 1.5rem;
    }
  }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-6-desktop {
      --columnGap: 1.5rem;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-6-desktop-only {
      --columnGap: 1.5rem;
    }
  }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-6-widescreen {
      --columnGap: 1.5rem;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-6-widescreen-only {
      --columnGap: 1.5rem;
    }
  }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-6-fullhd {
      --columnGap: 1.5rem;
    }
  }
  .columns.is-variable.is-7 {
    --columnGap: 1.75rem;
  }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-7-mobile {
      --columnGap: 1.75rem;
    }
  }
  @media screen and (min-width: 769px),print {
    .columns.is-variable.is-7-tablet {
      --columnGap: 1.75rem;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-7-tablet-only {
      --columnGap: 1.75rem;
    }
  }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-7-touch {
      --columnGap: 1.75rem;
    }
  }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-7-desktop {
      --columnGap: 1.75rem;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-7-desktop-only {
      --columnGap: 1.75rem;
    }
  }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-7-widescreen {
      --columnGap: 1.75rem;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-7-widescreen-only {
      --columnGap: 1.75rem;
    }
  }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-7-fullhd {
      --columnGap: 1.75rem;
    }
  }
  .columns.is-variable.is-8 {
    --columnGap: 2rem;
  }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-8-mobile {
      --columnGap: 2rem;
    }
  }
  @media screen and (min-width: 769px),print {
    .columns.is-variable.is-8-tablet {
      --columnGap: 2rem;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-8-tablet-only {
      --columnGap: 2rem;
    }
  }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-8-touch {
      --columnGap: 2rem;
    }
  }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-8-desktop {
      --columnGap: 2rem;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-8-desktop-only {
      --columnGap: 2rem;
    }
  }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-8-widescreen {
      --columnGap: 2rem;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-8-widescreen-only {
      --columnGap: 2rem;
    }
  }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-8-fullhd {
      --columnGap: 2rem;
    }
  }
  .tile {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: block;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content;
  }
  .tile.is-ancestor {
    -webkit-margin-start: -0.75rem;
    margin-inline-start: -0.75rem;
    -webkit-margin-end: -0.75rem;
    margin-inline-end: -0.75rem;
    margin-top: -0.75rem;
  }
  .tile.is-ancestor:last-child {
    margin-bottom: -0.75rem;
  }
  .tile.is-ancestor:not(:last-child) {
    margin-bottom: .75rem;
  }
  .tile.is-child {
    margin: 0 !important;
  }
  .tile.is-parent {
    padding: .75rem;
  }
  .tile.is-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .tile.is-vertical>.tile.is-child:not(:last-child) {
    margin-bottom: 1.5rem !important;
  }
  @media screen and (min-width: 769px),print {
    .tile:not(.is-child) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .tile.is-1 {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 8.33333337%;
    }
    .tile.is-2 {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 16.66666674%;
    }
    .tile.is-3 {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 25%;
    }
    .tile.is-4 {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 33.33333337%;
    }
    .tile.is-5 {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 41.66666674%;
    }
    .tile.is-6 {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 50%;
    }
    .tile.is-7 {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 58.33333337%;
    }
    .tile.is-8 {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 66.66666674%;
    }
    .tile.is-9 {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 75%;
    }
    .tile.is-10 {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 83.33333337%;
    }
    .tile.is-11 {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 91.66666674%;
    }
    .tile.is-12 {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 100%;
    }
  }
  .section {
    padding: 3rem 1.5rem;
  }
  @media screen and (min-width: 1024px) {
    .section {
      padding: 3rem 3rem;
    }
    .section.is-medium {
      padding: 9rem 4.5rem;
    }
    .section.is-large {
      padding: 18rem 6rem;
    }
  }
  .is-flex-direction-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .is-flex-direction-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .is-flex-direction-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .is-flex-direction-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .is-flex-wrap-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .is-flex-wrap-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .is-flex-wrap-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .is-justify-content-flex-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .is-justify-content-flex-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .is-justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .is-justify-content-space-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .is-justify-content-space-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .is-justify-content-space-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .is-justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .is-justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important;
  }
  .is-justify-content-left {
    -webkit-box-pack: left !important;
    -ms-flex-pack: left !important;
    justify-content: left !important;
  }
  .is-justify-content-right {
    -webkit-box-pack: right !important;
    -ms-flex-pack: right !important;
    justify-content: right !important;
  }
  .is-align-content-flex-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .is-align-content-flex-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .is-align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .is-align-content-space-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .is-align-content-space-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .is-align-content-space-evenly {
    -ms-flex-line-pack: space-evenly !important;
    align-content: space-evenly !important;
  }
  .is-align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .is-align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: start !important;
  }
  .is-align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: end !important;
  }
  .is-align-content-baseline {
    -ms-flex-line-pack: baseline !important;
    align-content: baseline !important;
  }
  .is-align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .is-align-items-flex-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .is-align-items-flex-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .is-align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .is-align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .is-align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .is-align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: end !important;
  }
  .is-align-items-self-start {
    -webkit-box-align: self-start !important;
    -ms-flex-align: self-start !important;
    align-items: self-start !important;
  }
  .is-align-items-self-end {
    -webkit-box-align: self-end !important;
    -ms-flex-align: self-end !important;
    align-items: self-end !important;
  }
  .is-align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .is-align-self-flex-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .is-align-self-flex-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .is-align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .is-align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .is-align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
  .is-flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .is-flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .is-flex-grow-2 {
    -webkit-box-flex: 2 !important;
    -ms-flex-positive: 2 !important;
    flex-grow: 2 !important;
  }
  .is-flex-grow-3 {
    -webkit-box-flex: 3 !important;
    -ms-flex-positive: 3 !important;
    flex-grow: 3 !important;
  }
  .is-flex-grow-4 {
    -webkit-box-flex: 4 !important;
    -ms-flex-positive: 4 !important;
    flex-grow: 4 !important;
  }
  .is-flex-grow-5 {
    -webkit-box-flex: 5 !important;
    -ms-flex-positive: 5 !important;
    flex-grow: 5 !important;
  }
  .is-flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .is-flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .is-flex-shrink-2 {
    -ms-flex-negative: 2 !important;
    flex-shrink: 2 !important;
  }
  .is-flex-shrink-3 {
    -ms-flex-negative: 3 !important;
    flex-shrink: 3 !important;
  }
  .is-flex-shrink-4 {
    -ms-flex-negative: 4 !important;
    flex-shrink: 4 !important;
  }
  .is-flex-shrink-5 {
    -ms-flex-negative: 5 !important;
    flex-shrink: 5 !important;
  }
  .is-size-1 {
    font-size: 3rem !important;
  }
  .is-size-2 {
    font-size: 2.5rem !important;
  }
  .is-size-3 {
    font-size: 2rem !important;
  }
  .is-size-4 {
    font-size: 1.5rem !important;
  }
  .is-size-5 {
    font-size: 1.25rem !important;
  }
  .is-size-6 {
    font-size: 1rem !important;
  }
  .is-size-7 {
    font-size: .75rem !important;
  }
  @media screen and (max-width: 768px) {
    .is-size-1-mobile {
      font-size: 3rem !important;
    }
    .is-size-2-mobile {
      font-size: 2.5rem !important;
    }
    .is-size-3-mobile {
      font-size: 2rem !important;
    }
    .is-size-4-mobile {
      font-size: 1.5rem !important;
    }
    .is-size-5-mobile {
      font-size: 1.25rem !important;
    }
    .is-size-6-mobile {
      font-size: 1rem !important;
    }
    .is-size-7-mobile {
      font-size: .75rem !important;
    }
  }
  @media screen and (min-width: 769px),print {
    .is-size-1-tablet {
      font-size: 3rem !important;
    }
    .is-size-2-tablet {
      font-size: 2.5rem !important;
    }
    .is-size-3-tablet {
      font-size: 2rem !important;
    }
    .is-size-4-tablet {
      font-size: 1.5rem !important;
    }
    .is-size-5-tablet {
      font-size: 1.25rem !important;
    }
    .is-size-6-tablet {
      font-size: 1rem !important;
    }
    .is-size-7-tablet {
      font-size: .75rem !important;
    }
  }
  @media screen and (max-width: 1023px) {
    .is-size-1-touch {
      font-size: 3rem !important;
    }
    .is-size-2-touch {
      font-size: 2.5rem !important;
    }
    .is-size-3-touch {
      font-size: 2rem !important;
    }
    .is-size-4-touch {
      font-size: 1.5rem !important;
    }
    .is-size-5-touch {
      font-size: 1.25rem !important;
    }
    .is-size-6-touch {
      font-size: 1rem !important;
    }
    .is-size-7-touch {
      font-size: .75rem !important;
    }
  }
  @media screen and (min-width: 1024px) {
    .is-size-1-desktop {
      font-size: 3rem !important;
    }
    .is-size-2-desktop {
      font-size: 2.5rem !important;
    }
    .is-size-3-desktop {
      font-size: 2rem !important;
    }
    .is-size-4-desktop {
      font-size: 1.5rem !important;
    }
    .is-size-5-desktop {
      font-size: 1.25rem !important;
    }
    .is-size-6-desktop {
      font-size: 1rem !important;
    }
    .is-size-7-desktop {
      font-size: .75rem !important;
    }
  }
  @media screen and (min-width: 1216px) {
    .is-size-1-widescreen {
      font-size: 3rem !important;
    }
    .is-size-2-widescreen {
      font-size: 2.5rem !important;
    }
    .is-size-3-widescreen {
      font-size: 2rem !important;
    }
    .is-size-4-widescreen {
      font-size: 1.5rem !important;
    }
    .is-size-5-widescreen {
      font-size: 1.25rem !important;
    }
    .is-size-6-widescreen {
      font-size: 1rem !important;
    }
    .is-size-7-widescreen {
      font-size: .75rem !important;
    }
  }
  @media screen and (min-width: 1408px) {
    .is-size-1-fullhd {
      font-size: 3rem !important;
    }
    .is-size-2-fullhd {
      font-size: 2.5rem !important;
    }
    .is-size-3-fullhd {
      font-size: 2rem !important;
    }
    .is-size-4-fullhd {
      font-size: 1.5rem !important;
    }
    .is-size-5-fullhd {
      font-size: 1.25rem !important;
    }
    .is-size-6-fullhd {
      font-size: 1rem !important;
    }
    .is-size-7-fullhd {
      font-size: .75rem !important;
    }
  }
  .has-text-centered {
    text-align: center !important;
  }
  .has-text-justified {
    text-align: justify !important;
  }
  .has-text-left {
    text-align: left !important;
  }
  .has-text-right {
    text-align: right !important;
  }
  @media screen and (max-width: 768px) {
    .has-text-centered-mobile {
      text-align: center !important;
    }
  }
  @media screen and (min-width: 769px),print {
    .has-text-centered-tablet {
      text-align: center !important;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .has-text-centered-tablet-only {
      text-align: center !important;
    }
  }
  @media screen and (max-width: 1023px) {
    .has-text-centered-touch {
      text-align: center !important;
    }
  }
  @media screen and (min-width: 1024px) {
    .has-text-centered-desktop {
      text-align: center !important;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .has-text-centered-desktop-only {
      text-align: center !important;
    }
  }
  @media screen and (min-width: 1216px) {
    .has-text-centered-widescreen {
      text-align: center !important;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .has-text-centered-widescreen-only {
      text-align: center !important;
    }
  }
  @media screen and (min-width: 1408px) {
    .has-text-centered-fullhd {
      text-align: center !important;
    }
  }
  @media screen and (max-width: 768px) {
    .has-text-justified-mobile {
      text-align: justify !important;
    }
  }
  @media screen and (min-width: 769px),print {
    .has-text-justified-tablet {
      text-align: justify !important;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .has-text-justified-tablet-only {
      text-align: justify !important;
    }
  }
  @media screen and (max-width: 1023px) {
    .has-text-justified-touch {
      text-align: justify !important;
    }
  }
  @media screen and (min-width: 1024px) {
    .has-text-justified-desktop {
      text-align: justify !important;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .has-text-justified-desktop-only {
      text-align: justify !important;
    }
  }
  @media screen and (min-width: 1216px) {
    .has-text-justified-widescreen {
      text-align: justify !important;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .has-text-justified-widescreen-only {
      text-align: justify !important;
    }
  }
  @media screen and (min-width: 1408px) {
    .has-text-justified-fullhd {
      text-align: justify !important;
    }
  }
  @media screen and (max-width: 768px) {
    .has-text-left-mobile {
      text-align: left !important;
    }
  }
  @media screen and (min-width: 769px),print {
    .has-text-left-tablet {
      text-align: left !important;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .has-text-left-tablet-only {
      text-align: left !important;
    }
  }
  @media screen and (max-width: 1023px) {
    .has-text-left-touch {
      text-align: left !important;
    }
  }
  @media screen and (min-width: 1024px) {
    .has-text-left-desktop {
      text-align: left !important;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .has-text-left-desktop-only {
      text-align: left !important;
    }
  }
  @media screen and (min-width: 1216px) {
    .has-text-left-widescreen {
      text-align: left !important;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .has-text-left-widescreen-only {
      text-align: left !important;
    }
  }
  @media screen and (min-width: 1408px) {
    .has-text-left-fullhd {
      text-align: left !important;
    }
  }
  @media screen and (max-width: 768px) {
    .has-text-right-mobile {
      text-align: right !important;
    }
  }
  @media screen and (min-width: 769px),print {
    .has-text-right-tablet {
      text-align: right !important;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .has-text-right-tablet-only {
      text-align: right !important;
    }
  }
  @media screen and (max-width: 1023px) {
    .has-text-right-touch {
      text-align: right !important;
    }
  }
  @media screen and (min-width: 1024px) {
    .has-text-right-desktop {
      text-align: right !important;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .has-text-right-desktop-only {
      text-align: right !important;
    }
  }
  @media screen and (min-width: 1216px) {
    .has-text-right-widescreen {
      text-align: right !important;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .has-text-right-widescreen-only {
      text-align: right !important;
    }
  }
  @media screen and (min-width: 1408px) {
    .has-text-right-fullhd {
      text-align: right !important;
    }
  }
  .is-capitalized {
    text-transform: capitalize !important;
  }
  .is-lowercase {
    text-transform: lowercase !important;
  }
  .is-uppercase {
    text-transform: uppercase !important;
  }
  .is-italic {
    font-style: italic !important;
  }
  .is-underlined {
    text-decoration: underline !important;
  }
  .has-text-weight-light {
    font-weight: 300 !important;
  }
  .has-text-weight-normal {
    font-weight: 400 !important;
  }
  .has-text-weight-medium {
    font-weight: 500 !important;
  }
  .has-text-weight-semibold {
    font-weight: 600 !important;
  }
  .has-text-weight-bold {
    font-weight: 700 !important;
  }
  .is-family-primary {
    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif !important;
  }
  .is-family-secondary {
    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif !important;
  }
  .is-family-sans-serif {
    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif !important;
  }
  .is-family-monospace {
    font-family: monospace !important;
  }
  .is-family-code {
    font-family: monospace !important;
  }
  .has-text-white {
    color: #fff !important;
  }
  a.has-text-white:hover,a.has-text-white:focus {
    color: #e6e6e6 !important;
  }
  .has-background-white {
    background-color: #fff !important;
  }
  .has-text-black {
    color: #0a0a0a !important;
  }
  a.has-text-black:hover,a.has-text-black:focus {
    color: #000 !important;
  }
  .has-background-black {
    background-color: #0a0a0a !important;
  }
  .has-text-light {
    color: #f5f5f5 !important;
  }
  a.has-text-light:hover,a.has-text-light:focus {
    color: #dbdbdb !important;
  }
  .has-background-light {
    background-color: #f5f5f5 !important;
  }
  .has-text-dark {
    color: #363636 !important;
  }
  a.has-text-dark:hover,a.has-text-dark:focus {
    color: #1c1c1c !important;
  }
  .has-background-dark {
    background-color: #363636 !important;
  }
  .has-text-primary {
    color: #0023ff !important;
  }
  a.has-text-primary:hover,a.has-text-primary:focus {
    color: #001ccc !important;
  }
  .has-background-primary {
    background-color: #0023ff !important;
  }
  .has-text-primary-light {
    color: #ebedff !important;
  }
  a.has-text-primary-light:hover,a.has-text-primary-light:focus {
    color: #b8c1ff !important;
  }
  .has-background-primary-light {
    background-color: #ebedff !important;
  }
  .has-text-primary-dark {
    color: #0a2cff !important;
  }
  a.has-text-primary-dark:hover,a.has-text-primary-dark:focus {
    color: #3d58ff !important;
  }
  .has-background-primary-dark {
    background-color: #0a2cff !important;
  }
  .has-text-link {
    color: #0023ff !important;
  }
  a.has-text-link:hover,a.has-text-link:focus {
    color: #001ccc !important;
  }
  .has-background-link {
    background-color: #0023ff !important;
  }
  .has-text-link-light {
    color: #ebedff !important;
  }
  a.has-text-link-light:hover,a.has-text-link-light:focus {
    color: #b8c1ff !important;
  }
  .has-background-link-light {
    background-color: #ebedff !important;
  }
  .has-text-link-dark {
    color: #0a2cff !important;
  }
  a.has-text-link-dark:hover,a.has-text-link-dark:focus {
    color: #3d58ff !important;
  }
  .has-background-link-dark {
    background-color: #0a2cff !important;
  }
  .has-text-info {
    color: #039be5 !important;
  }
  a.has-text-info:hover,a.has-text-info:focus {
    color: #0279b3 !important;
  }
  .has-background-info {
    background-color: #039be5 !important;
  }
  .has-text-info-light {
    color: #ebf8ff !important;
  }
  a.has-text-info-light:hover,a.has-text-info-light:focus {
    color: #b9e7fe !important;
  }
  .has-background-info-light {
    background-color: #ebf8ff !important;
  }
  .has-text-info-dark {
    color: #0385c4 !important;
  }
  a.has-text-info-dark:hover,a.has-text-info-dark:focus {
    color: #03a7f7 !important;
  }
  .has-background-info-dark {
    background-color: #0385c4 !important;
  }
  .has-text-success {
    color: #00b289 !important;
  }
  a.has-text-success:hover,a.has-text-success:focus {
    color: #007f62 !important;
  }
  .has-background-success {
    background-color: #00b289 !important;
  }
  .has-text-success-light {
    color: #ebfffa !important;
  }
  a.has-text-success-light:hover,a.has-text-success-light:focus {
    color: #b8ffef !important;
  }
  .has-background-success-light {
    background-color: #ebfffa !important;
  }
  .has-text-success-dark {
    color: #00bd91 !important;
  }
  a.has-text-success-dark:hover,a.has-text-success-dark:focus {
    color: #00f0b8 !important;
  }
  .has-background-success-dark {
    background-color: #00bd91 !important;
  }
  .has-text-warning {
    color: #eda514 !important;
  }
  a.has-text-warning:hover,a.has-text-warning:focus {
    color: #bf850f !important;
  }
  .has-background-warning {
    background-color: #eda514 !important;
  }
  .has-text-warning-light {
    color: #fef8ec !important;
  }
  a.has-text-warning-light:hover,a.has-text-warning-light:focus {
    color: #fae6bd !important;
  }
  .has-background-warning-light {
    background-color: #fef8ec !important;
  }
  .has-text-warning-dark {
    color: #8e630b !important;
  }
  a.has-text-warning-dark:hover,a.has-text-warning-dark:focus {
    color: #bd830f !important;
  }
  .has-background-warning-dark {
    background-color: #8e630b !important;
  }
  .has-text-danger {
    color: #ff3b3c !important;
  }
  a.has-text-danger:hover,a.has-text-danger:focus {
    color: #ff0809 !important;
  }
  .has-background-danger {
    background-color: #ff3b3c !important;
  }
  .has-text-danger-light {
    color: #ffebeb !important;
  }
  a.has-text-danger-light:hover,a.has-text-danger-light:focus {
    color: #ffb8b8 !important;
  }
  .has-background-danger-light {
    background-color: #ffebeb !important;
  }
  .has-text-danger-dark {
    color: #db0001 !important;
  }
  a.has-text-danger-dark:hover,a.has-text-danger-dark:focus {
    color: #ff0f11 !important;
  }
  .has-background-danger-dark {
    background-color: #db0001 !important;
  }
  .has-text-black-bis {
    color: #121212 !important;
  }
  .has-background-black-bis {
    background-color: #121212 !important;
  }
  .has-text-black-ter {
    color: #242424 !important;
  }
  .has-background-black-ter {
    background-color: #242424 !important;
  }
  .has-text-grey-darker {
    color: #363636 !important;
  }
  .has-background-grey-darker {
    background-color: #363636 !important;
  }
  .has-text-grey-dark {
    color: #4a4a4a !important;
  }
  .has-background-grey-dark {
    background-color: #4a4a4a !important;
  }
  .has-text-grey {
    color: #7a7a7a !important;
  }
  .has-background-grey {
    background-color: #7a7a7a !important;
  }
  .has-text-grey-light {
    color: #b5b5b5 !important;
  }
  .has-background-grey-light {
    background-color: #b5b5b5 !important;
  }
  .has-text-grey-lighter {
    color: #dbdbdb !important;
  }
  .has-background-grey-lighter {
    background-color: #dbdbdb !important;
  }
  .has-text-white-ter {
    color: #f5f5f5 !important;
  }
  .has-background-white-ter {
    background-color: #f5f5f5 !important;
  }
  .has-text-white-bis {
    color: #fafafa !important;
  }
  .has-background-white-bis {
    background-color: #fafafa !important;
  }
  .is-relative {
    position: relative !important;
  }
  .is-marginless {
    margin: 0 !important;
  }
  .is-paddingless {
    padding: 0 !important;
  }
  .m-0 {
    margin: 0 !important;
  }
  .mt-0 {
    margin-top: 0 !important;
  }
  .mr-0 {
    -webkit-margin-end: 0 !important;
    margin-inline-end: 0 !important;
  }
  .mb-0 {
    margin-bottom: 0 !important;
  }
  .ml-0 {
    -webkit-margin-start: 0 !important;
    margin-inline-start: 0 !important;
  }
  .mx-0 {
    -webkit-margin-start: 0 !important;
    margin-inline-start: 0 !important;
    -webkit-margin-end: 0 !important;
    margin-inline-end: 0 !important;
  }
  .my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-1 {
    margin: .25rem !important;
  }
  .mt-1 {
    margin-top: .25rem !important;
  }
  .mr-1 {
    -webkit-margin-end: .25rem !important;
    margin-inline-end: .25rem !important;
  }
  .mb-1 {
    margin-bottom: .25rem !important;
  }
  .ml-1 {
    -webkit-margin-start: .25rem !important;
    margin-inline-start: .25rem !important;
  }
  .mx-1 {
    -webkit-margin-start: .25rem !important;
    margin-inline-start: .25rem !important;
    -webkit-margin-end: .25rem !important;
    margin-inline-end: .25rem !important;
  }
  .my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .m-2 {
    margin: .5rem !important;
  }
  .mt-2 {
    margin-top: .5rem !important;
  }
  .mr-2 {
    -webkit-margin-end: .5rem !important;
    margin-inline-end: .5rem !important;
  }
  .mb-2 {
    margin-bottom: .5rem !important;
  }
  .ml-2 {
    -webkit-margin-start: .5rem !important;
    margin-inline-start: .5rem !important;
  }
  .mx-2 {
    -webkit-margin-start: .5rem !important;
    margin-inline-start: .5rem !important;
    -webkit-margin-end: .5rem !important;
    margin-inline-end: .5rem !important;
  }
  .my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .m-3 {
    margin: .75rem !important;
  }
  .mt-3 {
    margin-top: .75rem !important;
  }
  .mr-3 {
    -webkit-margin-end: .75rem !important;
    margin-inline-end: .75rem !important;
  }
  .mb-3 {
    margin-bottom: .75rem !important;
  }
  .ml-3 {
    -webkit-margin-start: .75rem !important;
    margin-inline-start: .75rem !important;
  }
  .mx-3 {
    -webkit-margin-start: .75rem !important;
    margin-inline-start: .75rem !important;
    -webkit-margin-end: .75rem !important;
    margin-inline-end: .75rem !important;
  }
  .my-3 {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important;
  }
  .m-4 {
    margin: 1rem !important;
  }
  .mt-4 {
    margin-top: 1rem !important;
  }
  .mr-4 {
    -webkit-margin-end: 1rem !important;
    margin-inline-end: 1rem !important;
  }
  .mb-4 {
    margin-bottom: 1rem !important;
  }
  .ml-4 {
    -webkit-margin-start: 1rem !important;
    margin-inline-start: 1rem !important;
  }
  .mx-4 {
    -webkit-margin-start: 1rem !important;
    margin-inline-start: 1rem !important;
    -webkit-margin-end: 1rem !important;
    margin-inline-end: 1rem !important;
  }
  .my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-5 {
    margin: 1.5rem !important;
  }
  .mt-5 {
    margin-top: 1.5rem !important;
  }
  .mr-5 {
    -webkit-margin-end: 1.5rem !important;
    margin-inline-end: 1.5rem !important;
  }
  .mb-5 {
    margin-bottom: 1.5rem !important;
  }
  .ml-5 {
    -webkit-margin-start: 1.5rem !important;
    margin-inline-start: 1.5rem !important;
  }
  .mx-5 {
    -webkit-margin-start: 1.5rem !important;
    margin-inline-start: 1.5rem !important;
    -webkit-margin-end: 1.5rem !important;
    margin-inline-end: 1.5rem !important;
  }
  .my-5 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-6 {
    margin: 3rem !important;
  }
  .mt-6 {
    margin-top: 3rem !important;
  }
  .mr-6 {
    -webkit-margin-end: 3rem !important;
    margin-inline-end: 3rem !important;
  }
  .mb-6 {
    margin-bottom: 3rem !important;
  }
  .ml-6 {
    -webkit-margin-start: 3rem !important;
    margin-inline-start: 3rem !important;
  }
  .mx-6 {
    -webkit-margin-start: 3rem !important;
    margin-inline-start: 3rem !important;
    -webkit-margin-end: 3rem !important;
    margin-inline-end: 3rem !important;
  }
  .my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .m-auto {
    margin: auto !important;
  }
  .mt-auto {
    margin-top: auto !important;
  }
  .mr-auto {
    -webkit-margin-end: auto !important;
    margin-inline-end: auto !important;
  }
  .mb-auto {
    margin-bottom: auto !important;
  }
  .ml-auto {
    -webkit-margin-start: auto !important;
    margin-inline-start: auto !important;
  }
  .mx-auto {
    -webkit-margin-start: auto !important;
    margin-inline-start: auto !important;
    -webkit-margin-end: auto !important;
    margin-inline-end: auto !important;
  }
  .my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-0 {
    padding: 0 !important;
  }
  .pt-0 {
    padding-top: 0 !important;
  }
  .pr-0 {
    -webkit-padding-end: 0 !important;
    padding-inline-end: 0 !important;
  }
  .pb-0 {
    padding-bottom: 0 !important;
  }
  .pl-0 {
    -webkit-padding-start: 0 !important;
    padding-inline-start: 0 !important;
  }
  .px-0 {
    -webkit-padding-start: 0 !important;
    padding-inline-start: 0 !important;
    -webkit-padding-end: 0 !important;
    padding-inline-end: 0 !important;
  }
  .py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-1 {
    padding: .25rem !important;
  }
  .pt-1 {
    padding-top: .25rem !important;
  }
  .pr-1 {
    -webkit-padding-end: .25rem !important;
    padding-inline-end: .25rem !important;
  }
  .pb-1 {
    padding-bottom: .25rem !important;
  }
  .pl-1 {
    -webkit-padding-start: .25rem !important;
    padding-inline-start: .25rem !important;
  }
  .px-1 {
    -webkit-padding-start: .25rem !important;
    padding-inline-start: .25rem !important;
    -webkit-padding-end: .25rem !important;
    padding-inline-end: .25rem !important;
  }
  .py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .p-2 {
    padding: .5rem !important;
  }
  .pt-2 {
    padding-top: .5rem !important;
  }
  .pr-2 {
    -webkit-padding-end: .5rem !important;
    padding-inline-end: .5rem !important;
  }
  .pb-2 {
    padding-bottom: .5rem !important;
  }
  .pl-2 {
    -webkit-padding-start: .5rem !important;
    padding-inline-start: .5rem !important;
  }
  .px-2 {
    -webkit-padding-start: .5rem !important;
    padding-inline-start: .5rem !important;
    -webkit-padding-end: .5rem !important;
    padding-inline-end: .5rem !important;
  }
  .py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .p-3 {
    padding: .75rem !important;
  }
  .pt-3 {
    padding-top: .75rem !important;
  }
  .pr-3 {
    -webkit-padding-end: .75rem !important;
    padding-inline-end: .75rem !important;
  }
  .pb-3 {
    padding-bottom: .75rem !important;
  }
  .pl-3 {
    -webkit-padding-start: .75rem !important;
    padding-inline-start: .75rem !important;
  }
  .px-3 {
    -webkit-padding-start: .75rem !important;
    padding-inline-start: .75rem !important;
    -webkit-padding-end: .75rem !important;
    padding-inline-end: .75rem !important;
  }
  .py-3 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important;
  }
  .p-4 {
    padding: 1rem !important;
  }
  .pt-4 {
    padding-top: 1rem !important;
  }
  .pr-4 {
    -webkit-padding-end: 1rem !important;
    padding-inline-end: 1rem !important;
  }
  .pb-4 {
    padding-bottom: 1rem !important;
  }
  .pl-4 {
    -webkit-padding-start: 1rem !important;
    padding-inline-start: 1rem !important;
  }
  .px-4 {
    -webkit-padding-start: 1rem !important;
    padding-inline-start: 1rem !important;
    -webkit-padding-end: 1rem !important;
    padding-inline-end: 1rem !important;
  }
  .py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-5 {
    padding: 1.5rem !important;
  }
  .pt-5 {
    padding-top: 1.5rem !important;
  }
  .pr-5 {
    -webkit-padding-end: 1.5rem !important;
    padding-inline-end: 1.5rem !important;
  }
  .pb-5 {
    padding-bottom: 1.5rem !important;
  }
  .pl-5 {
    -webkit-padding-start: 1.5rem !important;
    padding-inline-start: 1.5rem !important;
  }
  .px-5 {
    -webkit-padding-start: 1.5rem !important;
    padding-inline-start: 1.5rem !important;
    -webkit-padding-end: 1.5rem !important;
    padding-inline-end: 1.5rem !important;
  }
  .py-5 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-6 {
    padding: 3rem !important;
  }
  .pt-6 {
    padding-top: 3rem !important;
  }
  .pr-6 {
    -webkit-padding-end: 3rem !important;
    padding-inline-end: 3rem !important;
  }
  .pb-6 {
    padding-bottom: 3rem !important;
  }
  .pl-6 {
    -webkit-padding-start: 3rem !important;
    padding-inline-start: 3rem !important;
  }
  .px-6 {
    -webkit-padding-start: 3rem !important;
    padding-inline-start: 3rem !important;
    -webkit-padding-end: 3rem !important;
    padding-inline-end: 3rem !important;
  }
  .py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .p-auto {
    padding: auto !important;
  }
  .pt-auto {
    padding-top: auto !important;
  }
  .pr-auto {
    -webkit-padding-end: auto !important;
    padding-inline-end: auto !important;
  }
  .pb-auto {
    padding-bottom: auto !important;
  }
  .pl-auto {
    -webkit-padding-start: auto !important;
    padding-inline-start: auto !important;
  }
  .px-auto {
    -webkit-padding-start: auto !important;
    padding-inline-start: auto !important;
    -webkit-padding-end: auto !important;
    padding-inline-end: auto !important;
  }
  .py-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .is-block {
    display: block !important;
  }
  @media screen and (max-width: 768px) {
    .is-block-mobile {
      display: block !important;
    }
  }
  @media screen and (min-width: 769px),print {
    .is-block-tablet {
      display: block !important;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-block-tablet-only {
      display: block !important;
    }
  }
  @media screen and (max-width: 1023px) {
    .is-block-touch {
      display: block !important;
    }
  }
  @media screen and (min-width: 1024px) {
    .is-block-desktop {
      display: block !important;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-block-desktop-only {
      display: block !important;
    }
  }
  @media screen and (min-width: 1216px) {
    .is-block-widescreen {
      display: block !important;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-block-widescreen-only {
      display: block !important;
    }
  }
  @media screen and (min-width: 1408px) {
    .is-block-fullhd {
      display: block !important;
    }
  }
  .is-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  @media screen and (max-width: 768px) {
    .is-flex-mobile {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
    }
  }
  @media screen and (min-width: 769px),print {
    .is-flex-tablet {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-flex-tablet-only {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
    }
  }
  @media screen and (max-width: 1023px) {
    .is-flex-touch {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
    }
  }
  @media screen and (min-width: 1024px) {
    .is-flex-desktop {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-flex-desktop-only {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
    }
  }
  @media screen and (min-width: 1216px) {
    .is-flex-widescreen {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-flex-widescreen-only {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
    }
  }
  @media screen and (min-width: 1408px) {
    .is-flex-fullhd {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
    }
  }
  .is-inline {
    display: inline !important;
  }
  @media screen and (max-width: 768px) {
    .is-inline-mobile {
      display: inline !important;
    }
  }
  @media screen and (min-width: 769px),print {
    .is-inline-tablet {
      display: inline !important;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-inline-tablet-only {
      display: inline !important;
    }
  }
  @media screen and (max-width: 1023px) {
    .is-inline-touch {
      display: inline !important;
    }
  }
  @media screen and (min-width: 1024px) {
    .is-inline-desktop {
      display: inline !important;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-inline-desktop-only {
      display: inline !important;
    }
  }
  @media screen and (min-width: 1216px) {
    .is-inline-widescreen {
      display: inline !important;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-inline-widescreen-only {
      display: inline !important;
    }
  }
  @media screen and (min-width: 1408px) {
    .is-inline-fullhd {
      display: inline !important;
    }
  }
  .is-inline-block {
    display: inline-block !important;
  }
  @media screen and (max-width: 768px) {
    .is-inline-block-mobile {
      display: inline-block !important;
    }
  }
  @media screen and (min-width: 769px),print {
    .is-inline-block-tablet {
      display: inline-block !important;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-inline-block-tablet-only {
      display: inline-block !important;
    }
  }
  @media screen and (max-width: 1023px) {
    .is-inline-block-touch {
      display: inline-block !important;
    }
  }
  @media screen and (min-width: 1024px) {
    .is-inline-block-desktop {
      display: inline-block !important;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-inline-block-desktop-only {
      display: inline-block !important;
    }
  }
  @media screen and (min-width: 1216px) {
    .is-inline-block-widescreen {
      display: inline-block !important;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-inline-block-widescreen-only {
      display: inline-block !important;
    }
  }
  @media screen and (min-width: 1408px) {
    .is-inline-block-fullhd {
      display: inline-block !important;
    }
  }
  .is-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  @media screen and (max-width: 768px) {
    .is-inline-flex-mobile {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
    }
  }
  @media screen and (min-width: 769px),print {
    .is-inline-flex-tablet {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-inline-flex-tablet-only {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
    }
  }
  @media screen and (max-width: 1023px) {
    .is-inline-flex-touch {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
    }
  }
  @media screen and (min-width: 1024px) {
    .is-inline-flex-desktop {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-inline-flex-desktop-only {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
    }
  }
  @media screen and (min-width: 1216px) {
    .is-inline-flex-widescreen {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-inline-flex-widescreen-only {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
    }
  }
  @media screen and (min-width: 1408px) {
    .is-inline-flex-fullhd {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
    }
  }
  .is-hidden {
    display: none !important;
  }
  .is-sr-only {
    border: none !important;
    clip: rect(0, 0, 0, 0) !important;
    height: .01em !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: .01em !important;
  }
  @media screen and (max-width: 768px) {
    .is-hidden-mobile {
      display: none !important;
    }
  }
  @media screen and (min-width: 769px),print {
    .is-hidden-tablet {
      display: none !important;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-hidden-tablet-only {
      display: none !important;
    }
  }
  @media screen and (max-width: 1023px) {
    .is-hidden-touch {
      display: none !important;
    }
  }
  @media screen and (min-width: 1024px) {
    .is-hidden-desktop {
      display: none !important;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-hidden-desktop-only {
      display: none !important;
    }
  }
  @media screen and (min-width: 1216px) {
    .is-hidden-widescreen {
      display: none !important;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-hidden-widescreen-only {
      display: none !important;
    }
  }
  @media screen and (min-width: 1408px) {
    .is-hidden-fullhd {
      display: none !important;
    }
  }
  .is-invisible {
    visibility: hidden !important;
  }
  @media screen and (max-width: 768px) {
    .is-invisible-mobile {
      visibility: hidden !important;
    }
  }
  @media screen and (min-width: 769px),print {
    .is-invisible-tablet {
      visibility: hidden !important;
    }
  }
  @media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-invisible-tablet-only {
      visibility: hidden !important;
    }
  }
  @media screen and (max-width: 1023px) {
    .is-invisible-touch {
      visibility: hidden !important;
    }
  }
  @media screen and (min-width: 1024px) {
    .is-invisible-desktop {
      visibility: hidden !important;
    }
  }
  @media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-invisible-desktop-only {
      visibility: hidden !important;
    }
  }
  @media screen and (min-width: 1216px) {
    .is-invisible-widescreen {
      visibility: hidden !important;
    }
  }
  @media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-invisible-widescreen-only {
      visibility: hidden !important;
    }
  }
  @media screen and (min-width: 1408px) {
    .is-invisible-fullhd {
      visibility: hidden !important;
    }
  }
  .is-clearfix::after {
    clear: both;
    content: " ";
    display: table;
  }
  .is-pulled-left {
    float: left !important;
  }
  .is-pulled-right {
    float: right !important;
  }
  .is-radiusless {
    border-radius: 0 !important;
  }
  .is-shadowless {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .is-clickable {
    cursor: pointer !important;
    pointer-events: all !important;
  }
  /*! core.scss | Nephos | CSS Ninja */
  var {
    font-style: normal;
  }
  a {
    color: var(--color-primary, #0023ff);
  }
  [lang=fa] * {
    letter-spacing: 0 !important;
  }
  [lang=fa] body,[lang=fa] button,[lang=fa] input,[lang=fa] optgroup,[lang=fa] select,[lang=fa] textarea {
    font-family: "Vazirmatn",sans-serif;
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01";
  }
  .has-slimscroll {
    overflow-x: hidden !important;
  }
  .has-slimscroll::-webkit-scrollbar {
    width: 6px !important;
  }
  .has-slimscroll::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    background: rgba(0,0,0,.2) !important;
  }
  .login-accounts-trigger {
    position: fixed;
    bottom: 20px;
    inset-inline-end: 20px;
    height: 48px;
    width: 48px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: -1px 3px 15px 0 rgba(0,0,0,.06);
    box-shadow: -1px 3px 15px 0 rgba(0,0,0,.06);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transform: translateY(40px) rotate(360deg);
    transform: translateY(40px) rotate(360deg);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer;
  }
  .login-accounts-trigger.is-active {
    opacity: 1;
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
  .login-accounts-trigger svg {
    height: 20px;
    width: 20px;
  }
  .login-accounts-panel {
    position: fixed;
    bottom: 20px;
    inset-inline-end: 20px;
    height: 355px;
    width: 320px;
    border: 1px solid #ededed;
    border-radius: 6px;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  .login-accounts-panel.is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .login-accounts-panel .panel-inner {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .login-accounts-panel .panel-inner .close-button {
    position: absolute;
    top: 6px;
    inset-inline-end: 6px;
    height: 36px;
    width: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3;
    cursor: pointer;
  }
  .login-accounts-panel .panel-inner .close-button svg {
    height: 18px;
    width: 18px;
    stroke: #4a4a4a;
    stroke-width: 1.4px;
  }
  .login-accounts-panel .panel-inner .header {
    padding: 16px 20px 6px 20px;
  }
  .login-accounts-panel .panel-inner .header h3 {
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    color: #4a4a4a;
    font-size: .95rem;
    margin-bottom: 6px;
  }
  [lang=fa] .login-accounts-panel .panel-inner .header h3 {
    font-family: "Vazirmatn",sans-serif;
  }
  .login-accounts-panel .panel-inner .header p {
    font-size: .9rem;
    color: #999;
  }
  .login-accounts-panel .panel-inner .login-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 0;
    margin: 0 20px;
    border-bottom: 1px solid #ededed;
    cursor: pointer;
  }
  .login-accounts-panel .panel-inner .login-block:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
  }
  .login-accounts-panel .panel-inner .login-block:last-child {
    border-bottom: none;
  }
  .login-accounts-panel .panel-inner .login-block img {
    display: block;
    border-radius: 50%;
    height: 38px;
    width: 38px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .6;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .login-accounts-panel .panel-inner .login-block .meta {
    -webkit-margin-start: 12px;
    margin-inline-start: 12px;
  }
  .login-accounts-panel .panel-inner .login-block .meta>span {
    display: block;
    line-height: 1.1;
  }
  .login-accounts-panel .panel-inner .login-block .meta>span span {
    font-size: .9rem;
    -webkit-padding-start: 4px;
    padding-inline-start: 4px;
  }
  .login-accounts-panel .panel-inner .login-block .meta>span label {
    text-transform: uppercase;
    color: #999;
    font-size: .65rem;
  }
  @-webkit-keyframes fadeIn {
    to {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    to {
      opacity: 1;
    }
  }
  .preFadeIn {
    opacity: 0;
  }
  .fadeIn {
    opacity: 0;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  .animated {
    animation-duration: .5s;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    -webkit-animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInUp {
    from {
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0);
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @keyframes fadeInUp {
    from {
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0);
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  .preFadeInUp {
    opacity: 0;
  }
  .fadeInUp {
    opacity: 0;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  @-webkit-keyframes translateLeft {
    from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes translateLeft {
    from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  .translateLeft {
    -webkit-animation-name: translateLeft;
    animation-name: translateLeft;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }
  @-webkit-keyframes fadeInLeft {
    from {
      -webkit-transform: translate3d(20px, 0, 0);
      transform: translate3d(20px, 0, 0);
      opacity: 0;
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @keyframes fadeInLeft {
    from {
      -webkit-transform: translate3d(20px, 0, 0);
      transform: translate3d(20px, 0, 0);
      opacity: 0;
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  .preFadeInLeft {
    opacity: 0;
  }
  .fadeInLeft {
    opacity: 0;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInRight {
    from {
      -webkit-transform: translate3d(-20px, 0, 0);
      transform: translate3d(-20px, 0, 0);
      opacity: 0;
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @keyframes fadeInRight {
    from {
      -webkit-transform: translate3d(-20px, 0, 0);
      transform: translate3d(-20px, 0, 0);
      opacity: 0;
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  [dir=rtl] .fadeInLeft {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }
  @-webkit-keyframes gelatine {
    from,to {
      -webkit-transform: scale(1, 1);
    }
    25% {
      -webkit-transform: scale(0.9, 1.1);
    }
    50% {
      -webkit-transform: scale(1.1, 0.9);
    }
    75% {
      -webkit-transform: scale(0.95, 1.05);
    }
  }
  @keyframes gelatine {
    from,to {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    25% {
      -webkit-transform: scale(0.9, 1.1);
      transform: scale(0.9, 1.1);
    }
    50% {
      -webkit-transform: scale(1.1, 0.9);
      transform: scale(1.1, 0.9);
    }
    75% {
      -webkit-transform: scale(0.95, 1.05);
      transform: scale(0.95, 1.05);
    }
  }
  .gelatine {
    -webkit-animation: gelatine .6s;
    animation: gelatine .6s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  @-webkit-keyframes scaleIn {
    from {
      -webkit-transform: scale(0);
    }
    to {
      -webkit-transform: scale(1);
    }
  }
  @keyframes scaleIn {
    from {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    to {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  .scaleIn {
    -webkit-animation: scaleIn .5s;
    animation: scaleIn .5s;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  @-webkit-keyframes scaleOut {
    from {
      -webkit-transform: scale(1);
    }
    to {
      -webkit-transform: scale(0);
    }
  }
  @keyframes scaleOut {
    from {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    to {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
  }
  .scaleOut {
    -webkit-animation: scaleOut .6s;
    animation: scaleOut .6s;
  }
  @-webkit-keyframes levitate {
    from {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    50% {
      -webkit-transform: translate(0, 10px);
      transform: translate(0, 10px);
    }
    to {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
  }
  @keyframes levitate {
    from {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    50% {
      -webkit-transform: translate(0, 10px);
      transform: translate(0, 10px);
    }
    to {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
  }
  .levitate {
    -webkit-animation-name: levitate;
    animation-name: levitate;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  @-webkit-keyframes scaleAnimation {
    0% {
      opacity: 0;
      -webkit-transform: scale(1.5);
      transform: scale(1.5);
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes scaleAnimation {
    0% {
      opacity: 0;
      -webkit-transform: scale(1.5);
      transform: scale(1.5);
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @-webkit-keyframes drawCircle {
    0% {
      stroke-dashoffset: 151px;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  @keyframes drawCircle {
    0% {
      stroke-dashoffset: 151px;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  @-webkit-keyframes drawCheck {
    0% {
      stroke-dashoffset: 36px;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  @keyframes drawCheck {
    0% {
      stroke-dashoffset: 36px;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  @-webkit-keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fadeInUp {
    from {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
      opacity: 0;
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  .SuccessAnimation.is-primary .SuccessAnimationCircle,.SuccessAnimation.is-primary .SuccessAnimationCheck {
    stroke: var(--color-primary);
  }
  .SuccessAnimation.is-primary .SuccessAnimationResult {
    fill: var(--color-primary);
  }
  .SuccessAnimation.is-success .SuccessAnimationCircle,.SuccessAnimation.is-success .SuccessAnimationCheck {
    stroke: var(--color-secondary);
  }
  .SuccessAnimation.is-success .SuccessAnimationResult {
    fill: var(--color-secondary);
  }
  .SuccessAnimation .SuccessAnimationCircle {
    stroke-dasharray: 151px 151px;
    stroke: var(--color-accent);
  }
  .SuccessAnimation .SuccessAnimationCheck {
    stroke-dasharray: 36px 36px;
    stroke: var(--color-accent);
  }
  .SuccessAnimation .SuccessAnimationResult {
    fill: var(--color-accent);
    opacity: 0;
  }
  .SuccessAnimation.animated {
    -webkit-animation: 1s ease-out 0s 1 both scaleAnimation;
    animation: 1s ease-out 0s 1 both scaleAnimation;
  }
  .SuccessAnimation.animated .SuccessAnimationCircle {
    -webkit-animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle,.3s linear .9s 1 both fadeOut;
    animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle,.3s linear .9s 1 both fadeOut;
  }
  .SuccessAnimation.animated .SuccessAnimationCheck {
    -webkit-animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck,.3s linear .9s 1 both fadeOut;
    animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck,.3s linear .9s 1 both fadeOut;
  }
  .SuccessAnimation.animated .SuccessAnimationResult {
    -webkit-animation: .3s linear .9s both fadeIn;
    animation: .3s linear .9s both fadeIn;
  }
  body {
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: var(--color-bg, #ededed);
    position: relative;
  }
  .shop-wrapper:not(.has-background-image):not(.has-error):not(.product-container)>.section {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 100%;
    background-color: rgba(0,0,0,0);
  }
  .shop-wrapper.is-mobile-mode {
    width: 100% !important;
    -webkit-margin-start: 0 !important;
    margin-inline-start: 0 !important;
  }
  .shop-wrapper .slider-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    max-height: 100vh;
    min-height: 100vh;
  }
  .shop-wrapper .slider-wrapper .fullscreen-slick {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    height: 100%;
    min-height: 100vh;
    width: 100%;
    outline: none !important;
  }
  .shop-wrapper .slider-wrapper .fullscreen-slick:focus,.shop-wrapper .slider-wrapper .fullscreen-slick:active {
    outline: none !important;
  }
  .shop-wrapper .slider-wrapper .fullscreen-slick img {
    min-height: 100vh;
  }
  .shop-wrapper .slider-wrapper .full-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100vh;
    outline: none !important;
  }
  .shop-wrapper .slider-wrapper .full-slide:focus,.shop-wrapper .slider-wrapper .full-slide:active {
    outline: none !important;
  }
  .shop-wrapper>.slick-dots {
    position: absolute;
    bottom: 20px;
    inset-inline-end: 24px;
    -webkit-transform: none;
    transform: none;
    max-width: none;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 8px;
    z-index: 2;
    pointer-events: auto;
  }
  .shop-wrapper>.slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
  }
  .shop-wrapper>.slick-dots li.slick-active .splide__pagination__page {
    background: #0023ff;
    opacity: 1;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  .shop-wrapper .hero-caption h1 {
    font-size: 8rem;
    font-weight: 300 !important;
    font-family: "Alegreya Sans SC",sans-serif;
  }
  [lang=fa] .shop-wrapper .hero-caption h1 {
    font-size: 7rem;
    font-weight: 700 !important;
    font-family: "Vazirmatn",sans-serif;
    margin-bottom: 40px;
  }
  .shop-wrapper .hero-caption h1 img {
    max-width: 300px;
  }
  .shop-wrapper .hero-caption h2 {
    font-size: 1.6rem;
    margin-top: -44px;
    font-family: "Alegreya Sans SC",sans-serif;
    font-weight: 300 !important;
  }
  [lang=fa] .shop-wrapper .hero-caption h2 {
    font-family: "Vazirmatn",sans-serif;
  }
  .shop-wrapper .hero-caption .button {
    margin-top: 20px;
    font-size: .8rem !important;
  }
  .shop-wrapper .background-caption h1 {
    font-size: 14rem;
    font-weight: 900 !important;
    font-family: "Alegreya Sans SC",sans-serif;
    opacity: .04;
  }
  [lang=fa] .shop-wrapper .background-caption h1 {
    font-family: "Vazirmatn",sans-serif;
  }
  .shop-wrapper.has-error .error-wrapper h2 {
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    color: #4a4a4a;
  }
  [lang=fa] .shop-wrapper.has-error .error-wrapper h2 {
    font-family: "Vazirmatn",sans-serif;
  }
  .shop-wrapper.has-error .error-wrapper p {
    color: #999;
  }
  .shop-wrapper.has-error .error-wrapper .button {
    height: 44px;
    font-weight: 500;
    min-width: 240px;
  }
  .price-range-wrapper {
    direction: ltr;
    unicode-bidi: isolate;
  }
  .price-range-wrapper .price-limit {
    color: var(--color-muted-grey, #999);
    font-size: .85rem;
    font-weight: 500;
    text-align: center;
    min-width: 2.25rem;
    line-height: 1.2;
  }
  .price-range-wrapper .price-limit small {
    font-size: 70%;
  }
  .range-slider {
    position: relative;
  }
  .range-slider .slider-output {
    direction: rtl;
    unicode-bidi: isolate;
  }
  .range-slider .slider-output small {
    font-size: .8rem;
    color: var(--color-muted-grey, #999);
  }
  .range-slider .range-value {
    display: inline-block !important;
    position: relative;
    color: var(--color-primary, #0023ff);
    font-size: .85rem;
    font-weight: 500;
    padding: 0;
    white-space: nowrap;
  }
  [lang=fa] .range-slider .range-value::after {
    content: " تومان";
    font-size: .75rem;
    color: var(--color-muted-grey, #999);
    font-weight: 400;
  }
  .range-slider.is-dual {
    direction: ltr;
    unicode-bidi: isolate;
  }
  .range-slider.is-dual .range-slider-track {
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    height: 5px;
    border-radius: 5px;
    background: var(--color-accent-grey, var(--color-fade-grey, #ccc));
    pointer-events: none;
  }
  .range-slider.is-dual .range-slider-fill {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    border-radius: 5px;
    background: var(--color-primary, #0023ff);
    pointer-events: none;
  }
  .range-slider.is-dual .input-range {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 22px;
    margin: 0;
    background: rgba(0,0,0,0);
    outline: none;
    cursor: pointer;
    direction: ltr;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .range-slider.is-dual .input-range-min {
    z-index: 3;
  }
  .range-slider.is-dual .input-range-max {
    z-index: 4;
  }
  .range-slider.is-dual .input-range.is-active {
    z-index: 5;
  }
  .range-slider.is-dual .input-range::-webkit-slider-runnable-track {
    height: 5px;
    background: rgba(0,0,0,0);
    border: 0;
  }
  .range-slider.is-dual .input-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    margin-top: -5px;
    border-radius: 50%;
    background: var(--color-primary, #0023ff);
    cursor: pointer;
    pointer-events: auto;
    -webkit-transition: background .15s ease-in-out,-webkit-transform .3s;
    transition: background .15s ease-in-out,-webkit-transform .3s;
    transition: background .15s ease-in-out,transform .3s;
    transition: background .15s ease-in-out,transform .3s,-webkit-transform .3s;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .range-slider.is-dual .input-range::-webkit-slider-thumb:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
  .range-slider.is-dual .input-range::-moz-range-track {
    height: 5px;
    background: rgba(0,0,0,0);
    border: 0;
  }
  .range-slider.is-dual .input-range::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border: 0;
    border-radius: 50%;
    background: var(--color-primary, #0023ff);
    cursor: pointer;
    pointer-events: auto;
    -moz-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
  }
  .range-slider.is-dual .input-range::-moz-range-thumb:hover {
    transform: scale(1.08);
  }
  .range-slider.is-dual .input-range:focus-visible::-webkit-slider-thumb,.range-slider.is-dual .input-range:focus-visible::-moz-range-thumb {
    -webkit-box-shadow: 0 0 0 3px color-mix(in srgb, #0023ff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      -webkit-box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary, #0023ff) 25%, transparent);
    }
    box-shadow: 0 0 0 3px color-mix(in srgb, #0023ff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary, #0023ff) 25%, transparent);
    }
  }
  .pageloader {
    position: fixed;
    top: 0;
    inset-inline-end: 0;
    bottom: 0;
    inset-inline-start: 80px;
    width: calc(100% - 80px);
    background-color: var(--color-pageloader-surface, var(--color-fade-grey, #ededed));
    z-index: 999998;
    transition: -webkit-transform .35s ease-out;
    -webkit-transition: -webkit-transform .35s ease-out;
    transition: transform .35s ease-out;
    transition: transform .35s ease-out, -webkit-transform .35s ease-out;
    transition: transform .35s ease-out,-webkit-transform .35s ease-out;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    will-change: transform;
  }
  .pageloader.is-active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .pageloader.is-full {
    width: 100% !important;
    inset-inline-start: 0 !important;
  }
  .pageloader.is-demo {
    background-image: var(--color-pageloader-demo-gradient, linear-gradient(to right, var(--color-accent) 0%, var(--color-primary) 100%)) !important;
  }
  [dir=rtl] .pageloader.is-demo {
    background-image: var(--color-pageloader-demo-gradient-rtl, linear-gradient(to left, var(--color-accent) 0%, var(--color-primary) 100%)) !important;
  }
  .pageloader::after,.pageloader::before {
    position: absolute;
    top: 50%;
    inset-inline-start: 50%;
    display: block;
    border-radius: 100%;
    content: "";
    z-index: 999999;
  }
  .pageloader::after {
    margin-top: -100px;
    -webkit-margin-start: -100px;
    margin-inline-start: -100px;
    width: 200px;
    height: 200px;
    background-color: var(--color-pageloader-ring-bg, rgba(255, 255, 255, 0.5));
    border: 3px solid var(--color-pageloader-ring-border, rgba(255, 255, 255, 0.75));
    -webkit-animation: page-loader-inner 1.5s infinite ease-out;
    animation: page-loader-inner 1.5s infinite ease-out;
  }
  .pageloader::before {
    margin-top: -30px;
    -webkit-margin-start: -30px;
    margin-inline-start: -30px;
    width: 60px;
    height: 60px;
    background-color: var(--color-pageloader-ball, var(--color-primary, #0023ff));
    -webkit-animation: page-loader-outer 1.5s infinite ease-in;
    animation: page-loader-outer 1.5s infinite ease-in;
  }
  @-webkit-keyframes page-loader-inner {
    0%,40% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 0;
    }
  }
  @keyframes page-loader-inner {
    0%,40% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 0;
    }
  }
  @-webkit-keyframes page-loader-outer {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    100%,40% {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 0;
    }
  }
  @keyframes page-loader-outer {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    100%,40% {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 0;
    }
  }
  .infraloader {
    position: fixed;
    top: 0;
    inset-inline-end: 0;
    bottom: 0;
    inset-inline-start: 80px;
    width: calc(100% - 80px);
    background-color: var(--color-infraloader-surface, var(--color-white, #fff));
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
  }
  .infraloader.is-active {
    opacity: 1;
    z-index: 999997;
  }
  .infraloader.is-full {
    width: 100% !important;
    inset-inline-start: 0 !important;
  }
  button[type=submit],.will-upload {
    display: block !important;
    text-align: center !important;
  }
  a.is-loading,button.is-loading {
    color: rgba(0,0,0,0) !important;
    pointer-events: none;
  }
  a.is-loading::after,button.is-loading::after {
    -webkit-animation: spinAround 500ms infinite linear;
    animation: spinAround 500ms infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 9999px;
    border-inline-end-color: rgba(0,0,0,0);
    border-top-color: rgba(0,0,0,0);
    content: "";
    display: block;
    height: 1em;
    position: absolute;
    width: 1em;
    inset-inline-start: calc(50% - .5em);
    top: calc(50% - .5em);
  }
  .pop-button-shell {
    position: relative;
    display: inline-block;
    overflow: visible;
    vertical-align: middle;
  }
  .pop-button-shell>button,.pop-button-shell>a {
    position: relative;
    z-index: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .pop-button-burst {
    position: absolute;
    inset: 0;
    z-index: 0;
    margin: auto;
    color: var(--color-primary, #0023ff);
    pointer-events: none;
    overflow: visible;
  }
  .pop-burst-particle {
    opacity: 0;
    transform-box: view-box;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  .pop-button-shell.is-bursting .pop-burst-particle {
    -webkit-animation: pop-burst-out .6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation: pop-burst-out .6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }
  @-webkit-keyframes pop-burst-out {
    0% {
      opacity: 1;
      -webkit-transform: translate(0, 0) scale(1);
      transform: translate(0, 0) scale(1);
    }
    100% {
      opacity: 0;
      -webkit-transform: translate(calc(var(--burst-x) * 1px), calc(var(--burst-y) * 1px)) scale(0.45);
      transform: translate(calc(var(--burst-x) * 1px), calc(var(--burst-y) * 1px)) scale(0.45);
    }
  }
  @keyframes pop-burst-out {
    0% {
      opacity: 1;
      -webkit-transform: translate(0, 0) scale(1);
      transform: translate(0, 0) scale(1);
    }
    100% {
      opacity: 0;
      -webkit-transform: translate(calc(var(--burst-x) * 1px), calc(var(--burst-y) * 1px)) scale(0.45);
      transform: translate(calc(var(--burst-x) * 1px), calc(var(--burst-y) * 1px)) scale(0.45);
    }
  }
  .flat-card {
    background-color: var(--color-white, #fff);
    border: 1px solid var(--color-fade-grey, #ededed);
    border-radius: .1875rem;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  .flat-card .product-info a {
    color: #4a4a4a;
  }
  .flat-card .product-info a:hover {
    opacity: .8;
    color: #0023ff;
  }
  .flat-card .product-info .product-name {
    font-family: "Raleway",sans-serif;
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 500;
  }
  [lang=fa] .flat-card .product-info .product-name {
    font-family: "Vazirmatn",sans-serif;
  }
  .flat-card .product-info .product-description {
    font-size: 80%;
    color: #999;
  }
  .flat-card .product-info .product-price {
    font-size: 90%;
    font-weight: 500;
    color: #0023ff;
  }
  .flat-card .product-info .product-price span:first-child:before {
    content: "$";
    font-size: 80%;
    position: relative;
  }
  [lang=fa] .flat-card .product-info .product-price span:first-child:before {
    content: "";
  }
  [lang=fa] .flat-card .product-info .product-price span:first-child:after {
    content: " تومان";
    font-size: 80%;
    position: relative;
  }
  .flat-card .product-info .product-price .sale-price {
    color: #999;
    text-decoration: line-through;
    font-size: 85%;
  }
  .flat-card .product-info .product-price .sale-price:before {
    content: "$";
    font-size: 70%;
    position: relative;
  }
  [lang=fa] .flat-card .product-info .product-price .sale-price:before {
    content: "";
  }
  [lang=fa] .flat-card .product-info .product-price .sale-price:after {
    content: " تومان";
    font-size: 70%;
    position: relative;
  }
  .flat-card.is-auto {
    height: auto !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: auto !important;
  }
  .flat-card:hover {
    -webkit-box-shadow: 0 5px 43px var(--color-card-hover-shadow, rgba(0, 0, 0, 0.11)) !important;
    box-shadow: 0 5px 43px var(--color-card-hover-shadow, rgba(0, 0, 0, 0.11)) !important;
  }
  .flat-card.is-long {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .flat-card.is-long .product-info .product-name.featured {
    font-size: 1.2rem;
  }
  .flat-card.is-long .product-info .product-name.featured-md {
    font-size: 1rem;
  }
  .flat-card .actions div,.flat-card .actions span {
    display: inline-block;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .flat-card .actions div svg,.flat-card .actions span svg {
    height: 18px;
    width: 18px;
    stroke: #999;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .flat-card .actions div:hover,.flat-card .actions span:hover {
    cursor: pointer;
  }
  .flat-card .actions div.add,.flat-card .actions span.add {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
  }
  [dir=rtl] .flat-card .actions div.add,[dir=rtl] .flat-card .actions span.add {
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
  }
  .flat-card .actions div.add svg.is-active,.flat-card .actions span.add svg.is-active {
    stroke: #0023ff;
  }
  .flat-card .actions div.add:hover svg,.flat-card .actions span.add:hover svg {
    stroke: #0023ff;
  }
  .flat-card .actions div.like,.flat-card .actions span.like {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
  }
  [dir=rtl] .flat-card .actions div.like,[dir=rtl] .flat-card .actions span.like {
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  .flat-card .actions div.like svg.is-active,.flat-card .actions span.like svg.is-active {
    stroke: #ff3b3c;
    fill: #ff3b3c;
  }
  .flat-card .actions div.like:hover svg,.flat-card .actions span.like:hover svg {
    stroke: #ff3b3c;
    fill: #ff3b3c;
  }
  .flat-card .on-sale {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 90px;
    height: 90px;
    background: var(--color-primary, #0023ff);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
  }
  [dir=rtl] .flat-card .on-sale {
    -webkit-transform: translate(50%, -50%) rotate(-135deg);
    transform: translate(50%, -50%) rotate(-135deg);
  }
  .flat-card .on-sale svg {
    height: 18px;
    width: 18px;
    stroke: #fff;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  [dir=rtl] .flat-card .on-sale svg {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .flat-card:hover .add,.flat-card:hover .like {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
  }
  @media (hover: none),(max-width: 1023px) {
    .flat-card.product-container .actions .add,.flat-card.product-container .actions .like {
      -webkit-transform: translateX(0) !important;
      transform: translateX(0) !important;
    }
  }
  .flat-card.is-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto !important;
  }
  .flat-card.is-list-item span {
    display: block;
  }
  .flat-card.is-list-item span.image {
    width: 80px;
    height: 80px;
  }
  .flat-card.is-list-item .rating i {
    font-size: 12px;
    color: gold;
  }
  .flat-card.is-list-item .rating i.is-empty {
    color: #cecece;
  }
  .flat-card.is-list-item .rating small {
    font-size: .65rem;
    color: #999;
  }
  .flat-card.is-list-item .product-info .product-price span {
    display: inline-block !important;
  }
  .flat-card.is-list-item .product-abstract {
    color: #999;
    font-size: .8rem;
  }
  .flat-card.is-list-item .product-abstract .view-more a {
    font-size: .75rem;
    font-weight: 500;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .flat-card.is-list-item .product-abstract .view-more a svg {
    position: relative;
    height: 16px;
    width: 16px;
    opacity: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .flat-card.is-list-item .product-abstract .view-more a:hover svg {
    opacity: 1;
    -webkit-transform: translate(3px);
    transform: translate(3px);
  }
  [dir=rtl] .flat-card.is-list-item .product-abstract .view-more a:hover svg {
    -webkit-transform: translate(-3px) scaleX(-1);
    transform: translate(-3px) scaleX(-1);
  }
  .flat-card.is-list-item .actions span {
    display: inline-block !important;
  }
  .is-product-grid .flat-card.product-container.is-long {
    min-height: 0;
    min-width: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .is-product-grid .flat-card.product-container.is-long .start-image,.is-product-grid .flat-card.product-container.is-long .start-image.is-md {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 200px;
    min-width: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
  }
  .is-product-grid .flat-card.product-container.is-long .start-image img,.is-product-grid .flat-card.product-container.is-long .start-image.is-md img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 190px;
    width: auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .is-product-grid .flat-card.product-container.is-long .product-info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    min-width: 0;
  }
  .is-product-grid .column.is-6 .flat-card.product-container.is-long {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .is-product-grid .column.is-6 .flat-card.product-container.is-long .start-image,.is-product-grid .column.is-6 .flat-card.product-container.is-long .start-image.is-md {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
    min-width: 0;
  }
  .is-product-grid .column.is-6 .flat-card.product-container.is-long .start-image img,.is-product-grid .column.is-6 .flat-card.product-container.is-long .start-image.is-md img {
    max-width: 140px;
    max-height: 140px;
  }
  .is-product-grid .column.is-6 .flat-card.product-container.is-long .product-info {
    text-align: center;
  }
  @media (max-width: 1023px) {
    .is-product-grid .flat-card.product-container {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important;
      -webkit-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;
      -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
      justify-content: flex-start !important;
    }
    .is-product-grid .flat-card.product-container .image,.is-product-grid .flat-card.product-container .start-image,.is-product-grid .flat-card.product-container .start-image.is-md {
      -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
      flex: 0 0 auto !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 30px 0 !important;
      padding-inline: 1.25rem !important;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;
      -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important;
      text-align: center !important;
      overflow: visible !important;
    }
    .is-product-grid .flat-card.product-container .image img,.is-product-grid .flat-card.product-container .start-image img,.is-product-grid .flat-card.product-container .start-image.is-md img {
      display: block !important;
      margin: 10px auto !important;
      max-width: 100px !important;
      max-height: 100px !important;
      width: auto !important;
      height: auto !important;
      -o-object-fit: contain !important;
      object-fit: contain !important;
    }
    .is-product-grid .flat-card.product-container .product-info {
      -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
      flex: 0 0 auto !important;
      width: 100% !important;
      min-width: 0 !important;
      text-align: center !important;
    }
  }
  @media (min-width: 768px) {
    .iziToast .iziToast-body {
      max-width: 250px;
    }
    .iziToast .iziToast-body .iziToast-icon {
      height: 24px;
      width: 24px;
      -webkit-margin-end: 4px;
      margin-inline-end: 4px;
      font-size: 1rem;
    }
    .iziToast .iziToast-body .iziToast-texts p,.iziToast .iziToast-body .iziToast-texts strong {
      display: block !important;
    }
  }
  @media (max-width: 767px) {
    .iziToast-wrapper {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    .iziToast .iziToast-body .iziToast-icon {
      height: 24px;
      width: 24px;
      -webkit-margin-end: 4px;
      margin-inline-end: 4px;
      font-size: 1rem;
    }
    .iziToast .iziToast-body .iziToast-texts p,.iziToast .iziToast-body .iziToast-texts strong {
      display: block !important;
      font-weight: 500;
    }
  }
  .message.has-close-icon .message-body {
    position: relative;
  }
  .message.has-close-icon .message-body .close-icon {
    position: absolute;
    top: 3px;
    inset-inline-end: 4px;
    height: 20px;
    width: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .message.has-close-icon .message-body .close-icon svg {
    height: 14px;
    width: 14px;
  }
  .webui-popover {
    -webkit-box-shadow: rgba(0,0,0,.04) 0px 3px 10px 4px !important;
    box-shadow: rgba(0,0,0,.04) 0px 3px 10px 4px !important;
    background: #344258 !important;
    color: #fff !important;
    border: none !important;
    margin-top: -20px !important;
  }
  .webui-popover.top>.webui-arrow {
    border-top-color: rgba(0,0,0,0) !important;
  }
  .webui-popover .webui-arrow {
    border-top-color: rgba(0,0,0,0) !important;
  }
  .webui-popover .webui-arrow:after {
    border-top-color: #344258 !important;
  }
  .webui-popover .webui-popover-title {
    background-color: #344258 !important;
    border-bottom: none !important;
    font-weight: 500;
  }
  .webui-popover .webui-popover-content {
    font-size: .75rem !important;
  }
  .webui-popover .webui-popover-content .popover-flex-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
  }
  .webui-popover .webui-popover-content .popover-flex-block .staff-avatar {
    height: 38px;
    width: 38px;
    border-radius: 50%;
  }
  .webui-popover .webui-popover-content .popover-flex-block .content-block {
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
  }
  .webui-popover .webui-popover-content .popover-flex-block .content-block label,.webui-popover .webui-popover-content .popover-flex-block .content-block span {
    display: block;
  }
  .webui-popover .webui-popover-content .popover-flex-block .content-block label {
    color: #879ab8;
    text-transform: uppercase;
    font-size: 70%;
  }
  .webui-popover .webui-popover-content .popover-flex-block .fa.fa-star,.webui-popover .webui-popover-content .popover-flex-block .fa.fa-star-half {
    color: gold;
  }
  .webui-popover .webui-popover-content .popover-flex-block .icon-block {
    height: 38px;
    width: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .webui-popover .webui-popover-content .popover-flex-block .icon-block svg {
    height: 18px;
    width: 18px;
    stroke: #fff;
    stroke-width: 1.3px;
  }
  .webui-popover .webui-popover-content .popover-flex-block .icon-block svg.is-medium {
    height: 26px;
    width: 26px;
  }
  .tabs-wrapper .tabs {
    overflow: hidden;
  }
  .tabs-wrapper.animated-tabs .navtab-content {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
  }
  [dir=rtl] .tabs-wrapper.animated-tabs .navtab-content {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }
  .tabs-wrapper.translated-tabs .navtab-content {
    -webkit-animation-name: translateLeft;
    animation-name: translateLeft;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
  }
  .tabs-wrapper .navtab-content {
    display: none;
    padding: 15px;
    min-height: 190px;
    font-family: "Raleway",sans-serif;
    font-size: .9rem;
  }
  [lang=fa] .tabs-wrapper .navtab-content {
    font-family: "Vazirmatn",sans-serif;
  }
  .tabs-wrapper .navtab-content.is-active {
    display: block;
  }
  .form-switch {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
  .form-switch i {
    position: relative;
    display: inline-block;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem;
    width: 46px;
    height: 26px;
    background-color: #e6e6e6;
    border-radius: 23px;
    vertical-align: text-bottom;
    -webkit-transition: background-color .3s linear;
    transition: background-color .3s linear;
  }
  .form-switch i::before {
    content: "";
    position: absolute;
    top: 2px;
    inset-inline-start: 2px;
    width: 42px;
    height: 22px;
    background-color: #fff;
    border-radius: 11px;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: inset-inline-start .25s linear,-webkit-transform .25s linear;
    transition: inset-inline-start .25s linear,-webkit-transform .25s linear;
    transition: transform .25s linear,inset-inline-start .25s linear;
    transition: transform .25s linear,inset-inline-start .25s linear,-webkit-transform .25s linear;
  }
  .form-switch i::after {
    content: "";
    position: absolute;
    top: 2px;
    inset-inline-start: 2px;
    width: 22px;
    height: 22px;
    background-color: #fff;
    border-radius: 11px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.24);
    box-shadow: 0 2px 2px rgba(0,0,0,.24);
    -webkit-transition: inset-inline-start .2s ease-in-out,width .2s ease-in-out;
    transition: inset-inline-start .2s ease-in-out,width .2s ease-in-out;
  }
  .form-switch:active i::after {
    width: 28px;
  }
  .form-switch:active input:checked+i::after {
    inset-inline-start: 16px;
  }
  .form-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  .form-switch input:checked+i {
    background-color: #0023ff;
  }
  .form-switch input:checked+i::before {
    inset-inline-start: 18px;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }
  .form-switch input:checked+i::after {
    inset-inline-start: 22px;
  }
  .alertify .ajs-dialog {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    border-radius: 8px !important;
  }
  .alertify.ajs-maximized .ajs-dialog {
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    margin: auto;
    border-radius: 0 !important;
  }
  .ajs-dimmer {
    background-color: rgba(0,35,255,.3) !important;
  }
  .ajs-header {
    font-weight: 500 !important;
    font-family: "Montserrat",sans-serif;
    border-radius: 8px 8px 0 0 !important;
    background: #fff !important;
    border: none !important;
  }
  .ajs-commands button {
    outline: none !important;
  }
  .ajs-footer {
    border-radius: 0 0 6px 6px !important;
    background: #fff !important;
    border: none !important;
  }
  .ajs-content {
    font-family: "Montserrat",sans-serif;
    font-size: .9rem;
    padding: 16px 0 !important;
    color: #999;
  }
  .ajs-content b {
    font-weight: 500 !important;
    color: #0023ff !important;
  }
  .ajs-buttons {
    padding: 6px 10px;
  }
  .ajs-close {
    outline: none !important;
  }
  .ajs-ok {
    padding: 8px 22px 8px 22px;
    font-weight: 600;
    height: 33px;
    min-width: 82px !important;
    line-height: 0;
    text-transform: capitalize !important;
    font-weight: 500 !important;
    font-size: .75rem;
    border-radius: 3px;
    background: #0023ff !important;
    color: #fff !important;
    border: 1px solid #0023ff;
    border-radius: 100px;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    outline: none !important;
  }
  .ajs-ok:hover {
    -webkit-box-shadow: 0 14px 26px -12px rgba(0,35,255,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,35,255,.2) !important;
    box-shadow: 0 14px 26px -12px rgba(0,35,255,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,35,255,.2) !important;
  }
  .ajs-cancel {
    padding: 8px 22px 8px 22px;
    font-weight: 600;
    height: 33px;
    min-width: 82px !important;
    line-height: 0;
    text-transform: capitalize !important;
    font-weight: 500 !important;
    font-size: .75rem;
    border-radius: 3px;
    background: #fff !important;
    color: #999 !important;
    border: 1px solid #cecece !important;
    border-radius: 100px;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    outline: none !important;
  }
  .checkbox-wrap {
    position: relative;
    cursor: pointer;
    padding: 1em;
  }
  .checkbox-wrap::-moz-selection {
    background: rgba(0,0,0,0);
  }
  .checkbox-wrap::selection {
    background: rgba(0,0,0,0);
  }
  .checkbox-wrap input.d-checkbox+span,.checkbox-wrap input.b-radio+span {
    background: #fff;
    content: "";
    display: inline-block;
    -webkit-margin-end: .5em;
    margin-inline-end: .5em;
    padding: 0;
    border: 1px solid #999;
    vertical-align: middle;
    width: 2em;
    height: 2em;
  }
  .checkbox-wrap input.d-checkbox+span::after,.checkbox-wrap input.b-radio+span::after {
    content: "";
    display: block;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
  }
  .checkbox-wrap input.d-checkbox:checked+span::after,.checkbox-wrap input.b-radio:checked+span::after {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .checkbox-wrap input.d-checkbox,.checkbox-wrap input.b-radio {
    position: absolute;
    cursor: pointer;
    opacity: 0;
  }
  .checkbox-wrap input+span {
    border-radius: 2px;
  }
  .checkbox-wrap input+span::after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+) no-repeat center;
    background-size: contain;
    width: 1.9em;
    height: 1.9em;
    position: relative;
    top: -1px;
  }
  .checkbox-wrap.is-medium input+span {
    width: 1.4em;
    height: 1.4em;
  }
  .checkbox-wrap.is-medium input+span::after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+) no-repeat center;
    background-size: contain;
    width: 1.3em;
    height: 1.3em;
    position: relative;
    top: -1px;
  }
  .checkbox-wrap.is-small input+span {
    width: 1em;
    height: 1em;
  }
  .checkbox-wrap.is-small input+span::after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+) no-repeat center;
    background-size: contain;
    width: .9em;
    height: .9em;
    position: relative;
    top: -1px;
  }
  .checkbox-wrap label {
    color: #999;
  }
  textarea.textarea {
    color: #999;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    -webkit-transition: all .8s;
    transition: all .8s;
  }
  textarea.textarea:focus {
    border: 1px solid #ededed;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  textarea.textarea.is-primary-focus:focus {
    border-color: #0023ff;
  }
  textarea.textarea.is-primary-focus:focus~span.icon i {
    color: #0023ff;
  }
  textarea.textarea.is-secondary-focus:focus {
    border-color: #00d1b2;
  }
  textarea.textarea.is-secondary-focus:focus~span.icon i {
    color: #00d1b2;
  }
  textarea.textarea.is-accent-focus:focus {
    border-color: #7f00ff;
  }
  textarea.textarea.is-accent-focus:focus~span.icon i {
    color: #7f00ff;
  }
  textarea.textarea.is-grey-focus:focus {
    border-color: #a9abac;
  }
  textarea.textarea.is-grey-focus:focus~span.icon i {
    color: #a9abac;
  }
  textarea.textarea.is-default-focus:focus {
    border-color: #999;
  }
  textarea.textarea.is-default-focus:focus~span.icon i {
    color: #999;
  }
  textarea.textarea.is-grow {
    min-height: 40px !important;
    height: 40px;
    resize: none;
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  textarea.textarea.is-grow:focus {
    height: 130px !important;
    border-color: #ededed;
  }
  textarea.textarea.is-button {
    min-height: 60px !important;
    height: 60px !important;
    resize: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none !important;
    -webkit-transition: all .6s;
    transition: all .6s;
  }
  textarea.textarea.is-button:hover {
    border-color: #ededed;
  }
  textarea.textarea.is-button:focus {
    height: 130px !important;
    padding-bottom: 40px !important;
    border-color: #ededed;
  }
  textarea.textarea.is-button+.textarea-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    border: 1px solid #ededed;
    border-top: none !important;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #f9f9f9;
  }
  textarea.textarea.is-button+.textarea-button button {
    margin: 10px 7px 7px 7px;
    font-size: .85rem;
    padding: 4px 10px 8px 10px;
    width: 92px;
  }
  .field.has-flex-label>label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .field.has-flex-label>label span {
    display: block;
  }
  .field.has-flex-label>label span.error {
    text-transform: initial;
    font-size: .75rem;
    color: #ff3b3c;
    display: none;
  }
  .field.has-flex-label.has-validation.has-error>label .error {
    display: block;
  }
  .field.has-flex-label.has-validation.has-error .control .input {
    border-color: #ff3b3c;
  }
  .field.has-flex-label.has-validation.has-error .control .error-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .field.has-flex-label.has-validation .control {
    position: relative;
  }
  .field.has-flex-label.has-validation .control .input {
    -webkit-padding-end: 36px;
    padding-inline-end: 36px;
  }
  .field.has-flex-label.has-validation .control.is-bigger .input {
    -webkit-padding-end: 44px;
    padding-inline-end: 44px;
  }
  .field.has-flex-label.has-validation .control.is-bigger .error-icon {
    height: 44px;
    width: 44px;
  }
  .field.has-flex-label.has-validation .control .error-icon {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    height: 36px;
    width: 36px;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .field.has-flex-label.has-validation .control .error-icon svg {
    height: 18px;
    width: 18px;
    stroke: #ff3b3c;
    -webkit-transition: stroke .3s;
    transition: stroke .3s;
  }
  .control.control-medium {
    padding: 20px;
  }
  .control.is-input-wrapper {
    margin: 10px 0;
    background: #f7f7f7;
  }
  .control.has-icon {
    position: relative;
  }
  .control.has-icon .input {
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
  }
  .control.has-icon .input:focus+.form-icon svg {
    stroke: #0023ff;
  }
  .control.has-icon .form-icon {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .control.has-icon .form-icon svg {
    height: 18px;
    width: 18px;
    stroke: #cecece;
    -webkit-transition: stroke .3s;
    transition: stroke .3s;
  }
  .control.is-bigger .input {
    height: 44px;
    -webkit-padding-start: 44px;
    padding-inline-start: 44px;
  }
  .control.is-bigger.has-icon .form-icon {
    height: 44px;
    width: 44px;
  }
  .control.is-loading:not(.is-preloading):not(.has-select-icon)::after {
    left: auto !important;
    right: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: .625em !important;
    top: 50% !important;
    margin-top: -0.5em !important;
  }
  .control.is-loading:not(.is-preloading):not(.has-select-icon) .input,.control.is-loading:not(.is-preloading):not(.has-select-icon) .textarea {
    -webkit-padding-end: 2.5em;
    padding-inline-end: 2.5em;
  }
  .input {
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .input.is-minimal {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .input.is-minimal:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ededed;
  }
  .input.is-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #828282;
  }
  .input.is-default:focus {
    border: 1px solid #ededed;
  }
  .special-toggle {
    width: 65px;
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  .special-toggle input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  .special-toggle input:checked~.toggler {
    -webkit-box-shadow: -1px 3px 15px 0 rgba(0,0,0,.06);
    box-shadow: -1px 3px 15px 0 rgba(0,0,0,.06);
  }
  .special-toggle input:checked~.toggler .active,.special-toggle input:checked~.toggler .inactive {
    -webkit-transform: translateX(100%) rotate(360deg);
    transform: translateX(100%) rotate(360deg);
  }
  [dir=rtl] .special-toggle input:checked~.toggler .active,[dir=rtl] .special-toggle input:checked~.toggler .inactive {
    -webkit-transform: translateX(-100%) rotate(360deg);
    transform: translateX(-100%) rotate(360deg);
  }
  .special-toggle input:checked~.toggler .active {
    opacity: 1;
  }
  .special-toggle input:checked~.toggler .inactive {
    opacity: 0;
  }
  .special-toggle .toggler {
    position: relative;
    display: block;
    height: 34px;
    width: 61px;
    border: 1px solid #e0e0e0;
    background: #e0e0e0;
    border-radius: 100px;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .special-toggle .toggler .active,.special-toggle .toggler .inactive {
    position: absolute;
    top: 3px;
    inset-inline-start: 3px;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
  .special-toggle .toggler .active svg,.special-toggle .toggler .inactive svg {
    stroke: #fff;
    height: 14px;
    width: 14px;
    stroke-width: 3px;
  }
  .special-toggle .toggler .inactive {
    background: #fff;
    border-color: #cecece;
    opacity: 1;
    z-index: 1;
  }
  .special-toggle .toggler .inactive svg {
    stroke: #999;
  }
  .special-toggle .toggler .active {
    background: #0023ff;
    border-color: #0023ff;
    -webkit-box-shadow: 0 14px 26px -12px rgba(0,35,255,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,35,255,.2) !important;
    box-shadow: 0 14px 26px -12px rgba(0,35,255,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,35,255,.2) !important;
    opacity: 0;
    z-index: 0;
  }
  .animated-checkbox {
    position: relative;
    height: 32px;
    width: 32px;
  }
  .animated-checkbox input {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
  }
  .animated-checkbox .checkmark-wrap {
    position: relative;
    height: 32px;
    width: 32px;
  }
  .animated-checkbox .checkmark-wrap .shadow-circle {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    border: 1px solid #cecece;
    z-index: 0;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  .animated-checkbox .checkmark-wrap .shadow-circle.is-opaque {
    opacity: 0;
  }
  .animated-checkbox .checkmark-wrap .checkmark-circle {
    height: 32px;
    width: 32px;
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    fill: none;
    stroke: #0023ff;
  }
  .animated-checkbox .checkmark-wrap .checkmark {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #cecece;
    stroke-miterlimit: 10;
    -webkit-box-shadow: inset 0px 0px 0px #0023ff;
    box-shadow: inset 0px 0px 0px #0023ff;
  }
  .animated-checkbox .checkmark-wrap .checkmark-check {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    stroke: #0023ff;
  }
  .animated-checkbox.is-checked .checkmark-circle {
    -webkit-animation: stroke .6s cubic-bezier(0.65, 0, 0.45, 1) both;
    animation: stroke .6s cubic-bezier(0.65, 0, 0.45, 1) both;
  }
  .animated-checkbox.is-checked .checkmark-check {
    -webkit-animation: stroke .3s cubic-bezier(0.65, 0, 0.45, 1) .8s both;
    animation: stroke .3s cubic-bezier(0.65, 0, 0.45, 1) .8s both;
  }
  .animated-checkbox.is-unchecked .checkmark-circle {
    -webkit-animation: reverseCircle .6s cubic-bezier(0.65, 0, 0.45, 1) .2s both;
    animation: reverseCircle .6s cubic-bezier(0.65, 0, 0.45, 1) .2s both;
  }
  .animated-checkbox.is-unchecked .checkmark-check {
    -webkit-animation: reverseCheck .3s cubic-bezier(0.65, 0, 0.45, 1) .1s both;
    animation: reverseCheck .3s cubic-bezier(0.65, 0, 0.45, 1) .1s both;
  }
  @-webkit-keyframes stroke {
    100% {
      stroke-dashoffset: 0;
    }
  }
  @keyframes stroke {
    100% {
      stroke-dashoffset: 0;
    }
  }
  @-webkit-keyframes reverseCircle {
    from {
      stroke-dashoffset: 0;
    }
    to {
      stroke-dashoffset: 166;
    }
  }
  @keyframes reverseCircle {
    from {
      stroke-dashoffset: 0;
    }
    to {
      stroke-dashoffset: 166;
    }
  }
  @-webkit-keyframes reverseCheck {
    from {
      stroke-dashoffset: 0;
    }
    to {
      stroke-dashoffset: 48;
    }
  }
  @keyframes reverseCheck {
    from {
      stroke-dashoffset: 0;
    }
    to {
      stroke-dashoffset: 48;
    }
  }
  .tile.is-relative {
    position: relative;
  }
  .is-account-grid .account-loader.is-active {
    opacity: 1;
    pointer-events: auto;
  }
  .is-account-grid .account-loader .loader {
    height: 5rem;
    width: 5rem;
  }
  .is-account-grid .account-loader .loader.is-pulled {
    position: relative;
    top: -10%;
  }
  .is-account-grid .account-loader .loader.is-pulled-lg {
    position: relative;
    top: -25%;
  }
  .cart-card .cart-content .product-price span:nth-child(2):before {
    content: "$";
    font-size: 90%;
  }
  [lang=fa] .cart-card .cart-content .product-price span:nth-child(2):before {
    content: "";
  }
  [lang=fa] .cart-card .cart-content .product-price span:nth-child(2):after {
    content: " تومان";
    font-size: 90%;
  }
  .cart-order-summary .cart-summary-list .summary-item span.amount:before {
    content: "$";
  }
  [lang=fa] .cart-order-summary .cart-summary-list .summary-item span.amount:before {
    content: "";
  }
  [lang=fa] .cart-order-summary .cart-summary-list .summary-item span.amount:after {
    content: " تومان";
  }
  .order-card .circle-chart-circle {
    animation: circle-chart-fill 2s reverse;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
  @-webkit-keyframes circle-chart-fill {
    to {
      stroke-dasharray: 0 100;
    }
  }
  @keyframes circle-chart-fill {
    to {
      stroke-dasharray: 0 100;
    }
  }
  .order-long-card .order-header .order-total:before {
    content: "$";
  }
  [lang=fa] .order-long-card .order-header .order-total:before {
    content: "";
  }
  [lang=fa] .order-long-card .order-header .order-total:after {
    content: " تومان";
  }
  .order-long-card .ordered-products .products-loader.is-active {
    opacity: 1;
    pointer-events: all;
  }
  .order-long-card .ordered-products .ordered-product .product-meta .price span:first-child:before {
    content: "$";
  }
  [lang=fa] .order-long-card .ordered-products .ordered-product .product-meta .price span:first-child:before {
    content: "";
  }
  [lang=fa] .order-long-card .ordered-products .ordered-product .product-meta .price span:first-child:after {
    content: " تومان";
  }
  .order-long-card .ordered-products .ordered-product .product-subtotal span:nth-child(2):before {
    content: "$";
  }
  [lang=fa] .order-long-card .ordered-products .ordered-product .product-subtotal span:nth-child(2):before {
    content: "";
  }
  [lang=fa] .order-long-card .ordered-products .ordered-product .product-subtotal span:nth-child(2):after {
    content: " تومان";
  }
  .order-details-wrap .order-stats .order-stat.is-done .order-stat-inner .icon-container .indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #00b289;
  }
  .order-details-wrap .order-stats .order-stat.is-done .order-stat-inner .icon-container .indicator .check {
    display: block;
  }
  .order-details-wrap .order-stats .order-stat.is-done .order-stat-inner .icon-container .indicator .error {
    display: none;
  }
  .order-details-wrap .order-stats .order-stat.is-done .order-stat-inner .icon-container .indicator .warning {
    display: none;
  }
  .order-details-wrap .order-stats .order-stat.has-error .order-stat-inner .icon-container .indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ff3b3c;
  }
  .order-details-wrap .order-stats .order-stat.has-error .order-stat-inner .icon-container .indicator .check {
    display: none;
  }
  .order-details-wrap .order-stats .order-stat.has-error .order-stat-inner .icon-container .indicator .error {
    display: block;
  }
  .order-details-wrap .order-stats .order-stat.has-error .order-stat-inner .icon-container .indicator .warning {
    display: none;
  }
  .order-details-wrap .order-stats .order-stat.has-warning .order-stat-inner .icon-container .indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #eda514;
  }
  .order-details-wrap .order-stats .order-stat.has-warning .order-stat-inner .icon-container .indicator .check {
    display: none;
  }
  .order-details-wrap .order-stats .order-stat.has-warning .order-stat-inner .icon-container .indicator .error {
    display: none;
  }
  .order-details-wrap .order-stats .order-stat.has-warning .order-stat-inner .icon-container .indicator .warning {
    display: block;
  }
  .order-details-wrap .payment-info .payment-block span:nth-child(2):before {
    content: "$";
  }
  [lang=fa] .order-details-wrap .payment-info .payment-block span:nth-child(2):before {
    content: "";
  }
  [lang=fa] .order-details-wrap .payment-info .payment-block span:nth-child(2):after {
    content: " تومان";
  }
  .flex-table .flex-table-item .price span:before {
    content: "$";
  }
  [lang=fa] .flex-table .flex-table-item .price span:before {
    content: "";
  }
  [lang=fa] .flex-table .flex-table-item .price span:after {
    content: " تومان";
  }
  .flex-table .flex-table-item .total span:before {
    content: "$";
  }
  [lang=fa] .flex-table .flex-table-item .total span:before {
    content: "";
  }
  [lang=fa] .flex-table .flex-table-item .total span:after {
    content: " تومان";
  }
  .product-panel {
    overflow-x: hidden;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    height: 100%;
    min-height: 100vh;
    width: 40%;
    background: var(--color-white, #fff);
    -webkit-box-shadow: 2px 0px 2px 0px rgba(0,0,0,.06);
    box-shadow: 2px 0px 2px 0px rgba(0,0,0,.06);
    z-index: 1;
  }
  [dir=rtl] .product-panel {
    -webkit-box-shadow: -2px 0px 2px 0px rgba(0,0,0,.06);
    box-shadow: -2px 0px 2px 0px rgba(0,0,0,.06);
  }
  .product-info-panel {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    height: 100%;
    min-height: 100vh;
    width: 60%;
    background: var(--color-surface, #f0f0f0);
  }
  .search-input-wrapper .easy-autocomplete input {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .search-input-wrapper .easy-autocomplete-container {
    width: 100%;
  }
  .search-input-wrapper .easy-autocomplete-container ul.opened {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: -1px 3px 15px 0 rgba(0,0,0,.06);
    box-shadow: -1px 3px 15px 0 rgba(0,0,0,.06);
  }
  .search-input-wrapper .easy-autocomplete-container ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    border: none;
  }
  .search-input-wrapper .easy-autocomplete-container ul li.full-search {
    cursor: pointer;
  }
  .search-input-wrapper .easy-autocomplete-container ul li.selected {
    background: #fff !important;
  }
  .search-input-wrapper .easy-autocomplete-container ul li.selected .nephos-search-template .autocpl-product {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
  }
  .search-input-wrapper .easy-autocomplete-container ul li.selected .nephos-search-template .entry-text span:nth-child(2) {
    color: #0023ff;
  }
  .nephos-search-template:hover .icon-wrapper svg {
    stroke: #0023ff;
  }
  .nephos-search-template .autocpl-product {
    display: block;
    width: 65px !important;
    height: 65px !important;
    border-radius: 8px !important;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .6;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .nephos-search-template .icon-wrapper {
    width: 65px !important;
    height: 65px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .nephos-search-template .icon-wrapper svg {
    height: 34px;
    width: 34px;
    stroke-width: 1.2px;
    stroke: #999;
    -webkit-transition: stroke .3s;
    transition: stroke .3s;
  }
  .nephos-search-template .entry-text span {
    display: block;
    font-size: .8rem;
    color: #a9abac;
  }
  .nephos-search-template .entry-text span:first-child {
    font-size: 1rem;
    font-family: "Raleway",sans-serif;
    font-weight: 500;
    color: #4a4a4a;
  }
  [lang=fa] .nephos-search-template .entry-text span:first-child {
    font-family: "Vazirmatn",sans-serif;
  }
  .nephos-search-template .entry-text span:nth-child(2) {
    font-size: 1rem;
    font-weight: 500;
    -webkit-transition: color .3s;
    transition: color .3s;
  }
  .nephos-search-template .entry-text span:nth-child(2):before {
    content: "$";
  }
  .search-card {
    border: 1px solid #e3e3e3;
  }
  @media only screen and (min-device-width: 1024px)and (max-device-width: 1366px)and (orientation: portrait) {
    .fullscreen-slick .full-slide {
      background-position: bottom;
    }
    .fullscreen-slick .shop-wrapper>.slick-dots {
      bottom: 20px;
      inset-inline-end: 24px;
    }
    .shop-wrapper .is-tablet-landscape-padded {
      -webkit-margin-start: 5.33333% !important;
      margin-inline-start: 5.33333% !important;
    }
  }
  @media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .shop-wrapper .is-tablet-landscape-padded {
      width: 100% !important;
      margin: 0 !important;
    }
    .shop-wrapper .is-invoice-landscape-padded {
      width: 100% !important;
      margin: 0 !important;
    }
    .product-panel {
      width: 35%;
    }
    .product-panel .detailed-description,.product-panel .product-ratings {
      padding: 10px 20px !important;
      margin-top: 10px !important;
    }
    .product-panel .product-image {
      padding: 40% 0 !important;
    }
    .product-panel .product-image img {
      max-width: 220px;
    }
    .product-panel .product-image>.splide__pagination.slick-dots,.product-panel .product-image>.embla__dots.slick-dots {
      bottom: 12%;
    }
    .product-info-panel {
      width: 65%;
    }
    .product-info-panel .panel-body {
      padding: 60px 40px !important;
    }
  }
  @media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .fullscreen-slick .full-slide {
      background-position: bottom;
    }
    .fullscreen-slick .shop-wrapper>.slick-dots {
      bottom: 20px;
      inset-inline-end: 24px;
    }
    .hero-caption {
      padding: 160px 0 !important;
    }
    .background-caption {
      padding: 90px 0 !important;
    }
    .main-sidebar.is-pushed-mobile {
      -webkit-transform: translateX(-100%) !important;
      transform: translateX(-100%) !important;
    }
    [dir=rtl] .main-sidebar.is-pushed-mobile {
      -webkit-transform: translateX(100%) !important;
      transform: translateX(100%) !important;
    }
    .main-sidebar .sidebar-inner .icon-menu .fold-link,.main-sidebar .sidebar-inner .bottom-menu .fold-link {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
    }
    [dir=rtl] .main-sidebar .sidebar-inner .icon-menu .fold-link,[dir=rtl] .main-sidebar .sidebar-inner .bottom-menu .fold-link {
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
    }
    .shop-wrapper {
      margin-top: 20px !important;
    }
    .category-title .brand-filigrane {
      inset-inline-start: -26px !important;
    }
    .tile.has-background-image .tile-content.is-small .divider,.tile.has-background-image .tile-content.is-small p {
      display: block !important;
    }
    .flat-card.is-long {
      display: block;
    }
    .flat-card.is-long .start-image,.flat-card.is-long .start-image.is-md {
      text-align: center !important;
      margin: 40px 0 !important;
      width: 100% !important;
    }
    .flat-card.is-long .start-image img,.flat-card.is-long .start-image.is-md img {
      max-width: 100px;
      margin: 10px auto !important;
      display: block !important;
    }
    .flat-card.is-long .product-info {
      text-align: center !important;
    }
    .flat-card.is-long .product-info h3 {
      font-family: "Raleway",sans-serif !important;
      text-transform: uppercase !important;
      font-size: .8rem !important;
      font-weight: 500 !important;
    }
    [lang=fa] .flat-card.is-long .product-info h3 {
      font-family: "Vazirmatn",sans-serif !important;
    }
    .product-panel {
      display: block;
      position: relative;
      width: 100%;
    }
    .product-panel .panel-header {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
    }
    .product-panel .panel-header .likes {
      margin: 0 40px !important;
    }
    .product-panel img {
      max-width: 360px !important;
    }
    .product-panel .detailed-description,.product-panel .product-ratings {
      max-height: 75vh !important;
      padding: 20px 40px !important;
    }
    .product-panel .product-actions {
      padding: 0 10px !important;
      bottom: 40px !important;
    }
    .product-info-panel {
      display: block;
      position: relative;
      width: 100%;
    }
    .product-info-panel .inner-panel {
      -webkit-padding-end: 0;
      padding-inline-end: 0;
    }
    .product-info-panel .inner-panel .panel-header .category-icon {
      display: none !important;
    }
    .product-info-panel .inner-panel .panel-header .product-categories {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    .product-info-panel .inner-panel .panel-header .product-categories .product-category-primary {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    .product-info-panel .inner-panel .panel-header .product-categories .product-category-more {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    .product-info-panel .inner-panel .panel-body {
      padding: 0 40px 40px 40px !important;
    }
    .product-info-panel .inner-panel .panel-body .product-name {
      padding-top: 20px !important;
      font-size: 1.8rem !important;
    }
    .product-info-panel .inner-panel .panel-body .product-controls {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    .product-info-panel .inner-panel .panel-body .product-controls .product-quantity {
      -webkit-margin-end: 10px;
      margin-inline-end: 10px;
    }
    .product-info-panel .inner-panel .panel-footer {
      display: block;
      position: relative;
    }
    .product-info-panel .inner-panel .panel-footer .footer-inner .recommended {
      display: block;
      position: relative;
      -webkit-transform: rotate(0);
      transform: rotate(0);
      top: 12px;
      inset-inline-start: 40px;
    }
    .product-info-panel .inner-panel .panel-footer .footer-inner .product-info {
      text-align: center !important;
    }
    .cart-card .action {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
    }
  }
  @media (max-width: 767px) {
    .fullscreen-slick .full-slide {
      background-position: bottom;
    }
    .fullscreen-slick .shop-wrapper>.slick-dots {
      bottom: 20px !important;
      inset-inline-end: 16px;
    }
    .main-sidebar .sidebar-inner .icon-menu .fold-link,.main-sidebar .sidebar-inner .bottom-menu .fold-link {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
    }
    [dir=rtl] .main-sidebar .sidebar-inner .icon-menu .fold-link,[dir=rtl] .main-sidebar .sidebar-inner .bottom-menu .fold-link {
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
    }
    .navbar .navbar-link {
      padding: .5rem 1.5rem !important;
    }
    .shop-wrapper.is-mobile-mode {
      margin-top: 10px;
    }
    .pageloader,.infraloader {
      inset-inline-start: 60px;
      width: calc(100% - 60px);
    }
    .pageloader.is-full,.infraloader.is-full {
      inset-inline-start: 0 !important;
      width: 100% !important;
    }
    .hero-caption h1 {
      font-size: 4rem !important;
    }
    .hero-caption h2 {
      font-size: 1.3rem !important;
      margin-top: -20px !important;
    }
    .background-caption h1 {
      font-size: 10rem !important;
    }
    .search-input-wrapper.is-desktop {
      position: fixed;
      top: 0;
      inset-inline-start: 60px;
      height: 100%;
      width: calc(100% - 60px);
    }
    .search-input-wrapper.is-desktop .field {
      padding: 0 5%;
      top: 22%;
    }
    .search-input-wrapper.is-desktop .search-help {
      font-size: 1rem !important;
    }
    .search-input-wrapper.is-desktop input {
      height: 60px !important;
      -webkit-padding-end: 34px !important;
      padding-inline-end: 34px !important;
      font-size: 1.6rem !important;
    }
    .search-input-wrapper.is-desktop #clear-search {
      top: 10px !important;
      inset-inline-end: 1px !important;
    }
    .search-input-wrapper.is-desktop #clear-search svg {
      width: 32px !important;
      height: 32px !important;
    }
    .error-code {
      font-size: 12rem !important;
    }
    .category-title {
      border-bottom: none !important;
    }
    .category-title .category-icon {
      -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
      justify-content: flex-start !important;
    }
    .category-title .category-icon img {
      max-height: 30px !important;
    }
    .category-title h2 {
      font-size: 1.4rem !important;
    }
    .category-title .brand-filigrane {
      top: -16px !important;
      inset-inline-start: -25px !important;
      height: 58px !important;
    }
    .flat-card.is-long {
      display: block;
    }
    .flat-card.is-long .start-image,.flat-card.is-long .start-image.is-md {
      text-align: center !important;
      width: 100% !important;
      max-height: unset;
    }
    .flat-card.is-long .start-image img,.flat-card.is-long .start-image.is-md img {
      margin: 0px auto !important;
      display: block !important;
    }
    .flat-card.is-long .product-info h3 {
      font-family: "Raleway",sans-serif !important;
      text-transform: uppercase !important;
      font-size: .8rem !important;
      font-weight: 500 !important;
    }
    [lang=fa] .flat-card.is-long .product-info h3 {
      font-family: "Vazirmatn",sans-serif !important;
    }
    .price-range-wrapper {
      gap: 6px;
    }
    .range-slider {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      min-width: 0;
    }
    .range-slider .input-range {
      width: 100%;
    }
    .product-panel {
      display: block;
      position: relative;
      width: 100%;
    }
    .product-panel .panel-header {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
    }
    .product-panel .detailed-description,.product-panel .product-ratings {
      max-height: 70vh !important;
    }
    .product-panel .product-actions {
      bottom: 30px !important;
    }
    .product-panel .product-image>.splide__pagination.slick-dots,.product-panel .product-image>.embla__dots.slick-dots {
      bottom: 10%;
    }
    .product-info-panel {
      display: block;
      position: relative;
      width: 100%;
    }
    .product-info-panel .inner-panel {
      -webkit-padding-end: 0;
      padding-inline-end: 0;
    }
    .product-info-panel .inner-panel .panel-header .category-title {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    .product-info-panel .inner-panel .panel-header .category-title h2 {
      font-size: 1.1rem !important;
    }
    .product-info-panel .inner-panel .panel-header .category-title.product-categories {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    .product-info-panel .inner-panel .panel-header .category-title.product-categories .product-category-primary {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    .product-info-panel .inner-panel .panel-header .category-title.product-categories .product-category-icon.is-primary {
      width: 36px;
      height: 36px;
    }
    .product-info-panel .inner-panel .panel-header .category-title.product-categories .product-category-more {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    .product-info-panel .inner-panel .panel-body .product-name {
      text-align: center !important;
      font-size: 1.8rem !important;
    }
    .product-info-panel .inner-panel .panel-body .product-name span {
      display: block;
    }
    .product-info-panel .inner-panel .panel-body .product-description {
      text-align: center;
    }
    .product-info-panel .inner-panel .panel-body .product-controls {
      display: block;
    }
    .product-info-panel .inner-panel .panel-body .product-controls .size-box-wrap .size-box {
      max-width: 100%;
      width: 100%;
    }
    .product-info-panel .inner-panel .panel-body .product-controls .size-box-wrap .size-box .nephos-select {
      width: 100%;
      white-space: nowrap;
    }
    .product-info-panel .inner-panel .panel-body .product-controls .product-price {
      width: 100%;
      text-align: center;
    }
    .product-info-panel .inner-panel .panel-body .product-controls .product-price .value::after {
      display: none;
    }
    .product-info-panel .inner-panel .panel-body .product-controls .product-quantity {
      width: 100%;
      text-align: center !important;
    }
    .product-info-panel .inner-panel .panel-body .product-controls .product-quantity .control {
      height: auto;
      width: 100%;
      max-width: 100%;
    }
    .product-info-panel .inner-panel .panel-body .product-controls .add-to-cart {
      width: 100%;
      text-align: center;
    }
    .product-info-panel .inner-panel .panel-body .product-controls .add-to-cart .heading {
      display: none;
    }
    .product-info-panel .inner-panel .panel-body .product-controls .add-to-cart button {
      width: 100%;
      white-space: nowrap;
    }
    .product-info-panel .inner-panel .panel-footer {
      display: block;
      position: relative;
    }
    .product-info-panel .inner-panel .panel-footer .footer-inner .recommended {
      display: block;
      -webkit-transform: rotate(0);
      transform: rotate(0);
      top: 25px;
      inset-inline-end: 0;
      inset-inline-start: 0;
      text-align: center;
    }
    .product-info-panel .inner-panel .panel-footer .footer-inner .product-info {
      text-align: center !important;
    }
    .is-account-grid .column {
      padding: .75rem .25rem !important;
    }
    .account-title .brand-filigrane {
      top: -8px !important;
      inset-inline-start: -25px !important;
      height: 60px !important;
    }
    .account-title .ms-auto {
      display: none;
    }
    .wishlist-card .item-wrapper .action .dropdown-menu {
      inset-inline-start: 0 !important;
      -webkit-transform: translateX(-40%) !important;
      transform: translateX(-40%) !important;
    }
    [dir=rtl] .wishlist-card .item-wrapper .action .dropdown-menu {
      -webkit-transform: translateX(40%) !important;
      transform: translateX(40%) !important;
    }
    .action-bar {
      width: calc(100% - 60px) !important;
      -webkit-margin-start: 60px !important;
      margin-inline-start: 60px !important;
    }
    .flat-card.is-auth-form .columns {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
    }
    .tile.has-background-image .tile-content.is-small .divider,.tile.has-background-image .tile-content.is-small p {
      display: block !important;
    }
    .flat-card {
      max-height: unset;
      min-height: unset;
    }
    .action-bar.is-mobile {
      width: 100% !important;
      -webkit-margin-start: 0 !important;
      margin-inline-start: 0 !important;
    }
    .auth-title .brand-filigrane {
      top: -10px !important;
      left: 50% !important;
      inset-inline-start: auto !important;
      -webkit-transform: translateX(-50%) !important;
      transform: translateX(-50%) !important;
      height: 58px !important;
    }
    .is-auth-form .column.is-mobile-padded {
      padding: 40px 20px !important;
    }
    .modal .modal-content {
      max-width: calc(100% - 20px);
    }
  }
  .slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
  .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
  }
  .slick-list:focus {
    outline: none;
  }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }
  .slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .slick-track:before,.slick-track:after {
    content: "";
    display: table;
  }
  .slick-track:after {
    clear: both;
  }
  .slick-loading .slick-track {
    visibility: hidden;
  }
  .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
  }
  [dir=rtl] .slick-slide {
    float: right;
  }
  .slick-slide img {
    display: block;
  }
  .slick-slide.slick-loading img {
    display: none;
  }
  .slick-slide.dragging img {
    pointer-events: none;
  }
  .slick-initialized .slick-slide {
    display: block;
  }
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid rgba(0,0,0,0);
  }
  .slick-arrow.slick-hidden {
    display: none;
  }
  code,pre {
    direction: ltr;
    text-align: start;
    unicode-bidi: plaintext;
  }
}
/*! shell-state.css | Nephos | Shared state classes (visibility migrated to Tailwind) */
@layer components {
  @keyframes spinAround {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  .loader {
    animation: spinAround 500ms infinite linear;
    border: 2px solid var(--color-fade-grey);
    border-radius: 9999px;
    border-right-color: transparent;
    border-top-color: transparent;
    display: block;
    height: 1em;
    position: relative;
    width: 1em;
  }
  .loader.is-loading {
    animation: spinAround 500ms infinite linear;
    border: 2px solid var(--color-fade-grey);
    border-radius: 9999px;
    border-right-color: transparent;
    border-top-color: transparent;
    display: block;
    height: 1em;
    position: relative;
    width: 1em;
  }
  .modal {
    align-items: center;
    bottom: 0;
    display: none;
    flex-direction: column;
    inset-inline-end: 0;
    inset-inline-start: 0;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 40;
  }
  .modal.is-active {
    display: flex;
  }
  .modal-background {
    background-color: var(--color-overlay, color-mix(in srgb, #0023ff 30%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: var(--color-overlay, color-mix(in srgb, var(--color-primary) 30%, transparent));
    }
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
  }
  .modal-content {
    margin: 0 20px;
    max-height: calc(100vh - 160px);
    overflow: auto;
    position: relative;
    width: 100%;
  }
  @media screen and (min-width: 769px) {
    .modal-content {
      margin: 0 auto;
      max-height: calc(100vh - 40px);
      width: 640px;
    }
  }
}
/*! layout-sidebar.css | Nephos | Main left sidebar */
@layer components {
  .main-sidebar {
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    height: 100%;
    width: 80px;
    background-color: var(--color-white);
    box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.02);
    border-inline-end: 1px solid var(--color-fade-grey);
    z-index: 10;
    transition: all 0.3s;
  }
  [dir='rtl'] .main-sidebar {
    box-shadow: -2px 0px 2px 0px rgba(0, 0, 0, 0.02);
  }
  .main-sidebar.is-pushed-mobile {
    transform: translateX(-100%) !important;
  }
  [dir='rtl'] .main-sidebar.is-pushed-mobile {
    transform: translateX(100%) !important;
  }
  .main-sidebar .sidebar-brand {
    width: 80px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-surface-muted, #fcfcfc);
    border-inline-end: 1px solid var(--color-fade-grey);
  }
  .main-sidebar .sidebar-brand img {
    width: 32px;
    height: 32px;
  }
  .main-sidebar .sidebar-inner {
    height: calc(100% - 60px);
    width: 100%;
    position: relative;
  }
  .main-sidebar .sidebar-inner .icon-menu li, .main-sidebar .sidebar-inner .bottom-menu li {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main-sidebar .sidebar-inner .icon-menu li.fold-link, .main-sidebar .sidebar-inner .bottom-menu li.fold-link {
    display: none;
  }
  .main-sidebar .sidebar-inner .icon-menu li a, .main-sidebar .sidebar-inner .bottom-menu li a {
    display: block;
    position: relative;
    max-height: 20px;
    transform: rotate(0);
    opacity: 1;
    transition: all 0.3s;
  }
  .main-sidebar .sidebar-inner .icon-menu li a svg, .main-sidebar .sidebar-inner .bottom-menu li a svg {
    stroke: var(--color-title-grey);
    width: 20px;
    height: 20px;
  }
  [dir='rtl'] .main-sidebar .sidebar-inner .icon-menu li a svg, [dir='rtl'] .main-sidebar .sidebar-inner .bottom-menu li a svg {
    transform: scaleX(-1);
  }
  .main-sidebar .sidebar-inner .icon-menu li a:hover svg, .main-sidebar .sidebar-inner .icon-menu li a.is-active svg, .main-sidebar .sidebar-inner .bottom-menu li a:hover svg, .main-sidebar .sidebar-inner .bottom-menu li a.is-active svg {
    stroke: var(--color-primary);
  }
  .main-sidebar .sidebar-inner .icon-menu li a .cart-items, .main-sidebar .sidebar-inner .bottom-menu li a .cart-items {
    position: absolute;
    top: -6px;
    inset-inline-end: -9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 9px;
    background: var(--color-primary);
    font-weight: 700;
  }
  .main-sidebar .sidebar-inner .icon-menu li a.is-opened, .main-sidebar .sidebar-inner .bottom-menu li a.is-opened {
    transform: rotate(360deg);
    opacity: 0;
  }
  .main-sidebar .sidebar-inner .icon-menu li a.is-inactive, .main-sidebar .sidebar-inner .bottom-menu li a.is-inactive {
    transform: rotate(-360deg);
    opacity: 0;
  }
  .main-sidebar .sidebar-inner .icon-menu li #open-filters svg {
    transform: rotate(0);
    transition: all 0.3s;
  }
  .main-sidebar .sidebar-inner .icon-menu li #open-filters:hover svg {
    transform: rotate(145deg);
  }
  .main-sidebar .sidebar-inner .bottom-menu {
    position: absolute;
    bottom: 0;
  }
  .main-sidebar .sidebar-inner .bottom-menu li {
    position: relative;
  }
  .main-sidebar .sidebar-inner .bottom-menu li .small-auth-loader {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-white);
    opacity: 0;
    pointer-events: none;
    z-index: 1;
    transition: all 0.3s;
  }
  .main-sidebar .sidebar-inner .bottom-menu li .small-auth-loader.is-active {
    opacity: 1;
    pointer-events: all;
  }
  .main-sidebar .sidebar-inner .bottom-menu li .small-auth-loader .loader {
    height: 1.5rem;
    width: 1.5rem;
  }
}
/*! layout-navbar.css | Nephos | Navbar shell overrides (Bulma + burger) */
@layer components {
  :root {
    --mobile-navbar-height: 3.5rem;
  }
  .action-bar {
    position: fixed;
    top: 0px;
    z-index: 2;
    display: flex;
    height: 60px;
    align-items: center;
    justify-content: flex-end;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 5);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    inset-inline-start: 0;
    margin-inline-start: 80px;
    width: calc(100% - 500px);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  }
  .action-bar.is-centered {
    justify-content: center !important;
  }
  .mobile-navbar {
    position: fixed;
    top: 0px;
    z-index: 99;
    width: 100%;
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    inset-inline-start: 0;
    box-shadow: 0 8px 28px color-mix(in srgb, #4a4a4a 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 8px 28px color-mix(in srgb, var(--color-dark-text) 10%, transparent);
    }
  }
  .mobile-navbar.is-active {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .mobile-navbar .navbar-brand {
    display: flex;
    min-height: 3.5rem;
    align-items: stretch;
    background-color: color-mix(in srgb, #fff 88%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-white) 88%, transparent);
    }
    border-bottom: 1px solid color-mix(in srgb, #ededed 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in srgb, var(--color-fade-grey) 80%, transparent);
    }
    backdrop-filter: blur(14px) saturate(1.2);
    -webkit-backdrop-filter: blur(14px) saturate(1.2);
  }
  .mobile-navbar .navbar-brand > .navbar-item img {
    display: block;
    height: 2.25rem;
    width: auto;
    max-height: 2.25rem;
    max-width: min(140px, 42vw);
    object-fit: contain;
  }
  .mobile-navbar .navbar-menu {
    display: none;
    width: 100%;
    padding: 0px;
    --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);
    background: linear-gradient( 180deg, color-mix(in srgb, #0023ff 4%, #fff) 0%, var(--color-white) 28% );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 180deg, color-mix(in srgb, var(--color-primary) 4%, var(--color-white)) 0%, var(--color-white) 28% );
    }
    border-bottom: 1px solid var(--color-fade-grey);
  }
  .mobile-navbar .navbar-menu.is-active {
    display: block;
    max-height: calc(100dvh - 3.5rem);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0.75rem 0.875rem calc(1rem + env(safe-area-inset-bottom, 0px));
    animation: mobile-navbar-menu-in 0.22s ease-out;
  }
  @keyframes mobile-navbar-menu-in {
    from {
      opacity: 0;
      transform: translateY(-6px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .mobile-navbar .navbar-menu-inner {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .mobile-navbar .navbar-menu .navbar-item.has-dropdown {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: 0px;
    background-color: var(--color-white);
    border-color: color-mix(in srgb, #ededed 90%, #0023ff 10%);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-fade-grey) 90%, var(--color-primary) 10%);
    }
    box-shadow: 0 1px 2px color-mix(in srgb, #4a4a4a 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px 2px color-mix(in srgb, var(--color-dark-text) 4%, transparent);
    }
  }
  .mobile-navbar .navbar-menu .navbar-link:not(.is-arrowless)::after, .mobile-navbar .navbar-link:not(.is-arrowless)::after {
    display: none;
  }
  .mobile-navbar .navbar-menu .navbar-link {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 3.5);
    text-decoration-line: none;
    color: var(--color-dark-text);
    background-color: transparent;
    border-bottom: 1px solid color-mix(in srgb, #ededed 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in srgb, var(--color-fade-grey) 85%, transparent);
    }
    transition: background-color 0.18s ease, color 0.18s ease;
  }
  .mobile-navbar .navbar-menu .navbar-link::before {
    content: '';
    position: absolute;
    inset-inline-end: 1rem;
    top: 50%;
    width: 0.45rem;
    height: 0.45rem;
    border-inline-end: 1.5px solid var(--color-muted-grey);
    border-bottom: 1.5px solid var(--color-muted-grey);
    transform: translateY(-65%) rotate(45deg);
    transition: transform 0.18s ease, border-color 0.18s ease;
    pointer-events: none;
  }
  .mobile-navbar .navbar-menu .navbar-link:hover, .mobile-navbar .navbar-menu .navbar-link:focus, .mobile-navbar .navbar-menu .navbar-item.has-dropdown:hover > .navbar-link, .mobile-navbar .navbar-menu .navbar-item.has-dropdown:focus > .navbar-link {
    background-color: color-mix(in srgb, #0023ff 6%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-primary) 6%, transparent) !important;
    }
    color: var(--color-dark-text) !important;
  }
  .mobile-navbar .navbar-menu .navbar-link:hover::before, .mobile-navbar .navbar-menu .navbar-link:focus::before {
    border-color: var(--color-primary);
  }
  .mobile-navbar .navbar-menu .navbar-link .is-heading {
    flex: 1;
    font-size: 0.8125rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    text-transform: none;
    color: var(--color-dark-text);
    letter-spacing: 0;
  }
  .mobile-navbar .navbar-menu .navbar-link .menu-avatar {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    object-fit: cover;
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 3.5px color-mix(in srgb, #0023ff 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 2px var(--color-white), 0 0 0 3.5px color-mix(in srgb, var(--color-primary) 45%, transparent);
    }
  }
  .mobile-navbar .navbar-menu .navbar-link .menu-icon {
    display: flex;
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, #0023ff 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 12%, transparent);
    }
    color: var(--color-primary);
  }
  .mobile-navbar .navbar-menu .navbar-link .menu-icon svg {
    width: 1.125rem;
    height: 1.125rem;
    stroke-width: 1.75px;
    stroke: currentColor;
  }
  .mobile-navbar .navbar-menu .navbar-link svg {
    stroke-width: 1.75px;
    stroke: var(--color-primary);
  }
  .mobile-navbar .navbar-dropdown {
    display: flex;
    width: 100%;
    min-width: 0px;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: calc(var(--spacing) * 1.5);
    --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);
    position: static;
    inset: auto;
    background: color-mix(in srgb, #ededed 35%, #fff);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-fade-grey) 35%, var(--color-white));
    }
  }
  .mobile-navbar .navbar-menu a.navbar-item {
    position: relative;
    display: block;
    width: 100%;
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: 0.875rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: normal;
    text-decoration-line: none;
    color: var(--color-dark-text);
    background-color: transparent;
    transition: background-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
  }
  .mobile-navbar .navbar-menu a.navbar-item:hover, .mobile-navbar .navbar-menu a.navbar-item:focus {
    background-color: color-mix(in srgb, #0023ff 10%, #fff) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-primary) 10%, var(--color-white)) !important;
    }
    color: var(--color-primary) !important;
  }
  .mobile-navbar .navbar-menu a.navbar-item.is-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .mobile-navbar .navbar-menu .menu-badge {
    display: flex;
    height: calc(var(--spacing) * 5);
    min-width: calc(var(--spacing) * 5);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --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,);
    color: #fff;
    background-color: var(--color-primary);
    border: 0;
    box-shadow: 0 2px 6px color-mix(in srgb, #0023ff 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 2px 6px color-mix(in srgb, var(--color-primary) 35%, transparent);
    }
  }
  .mobile-navbar .navbar-burger {
    position: relative;
    display: block;
    height: 3.5rem;
    width: 3.5rem;
    cursor: pointer;
    appearance: none;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    color: var(--color-dark-text);
  }
  .mobile-navbar .navbar-burger:hover {
    background-color: color-mix(in srgb, #0023ff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-primary) 8%, transparent);
    }
  }
  .mobile-navbar .navbar-burger span {
    position: absolute;
    display: block;
    height: calc(var(--spacing) * 0.5);
    width: calc(var(--spacing) * 4);
    border-radius: calc(infinity * 1px);
    background-color: currentcolor;
    inset-inline-start: calc(50% - 8px);
    transform-origin: center;
    transition: background-color 120ms ease-out, opacity 120ms ease-out, transform 120ms ease-out;
  }
  .mobile-navbar .navbar-burger span:nth-child(1) {
    top: calc(50% - 6px);
  }
  .mobile-navbar .navbar-burger span:nth-child(2) {
    top: calc(50% - 1px);
  }
  .mobile-navbar .navbar-burger span:nth-child(3) {
    top: calc(50% + 4px);
  }
  .mobile-navbar .navbar-burger.is-active {
    color: var(--color-primary);
  }
  .mobile-navbar .navbar-burger.is-active span:nth-child(1) {
    transform: translateY(5px) rotate(45deg);
  }
  .mobile-navbar .navbar-burger.is-active span:nth-child(2) {
    opacity: 0%;
  }
  .mobile-navbar .navbar-burger.is-active span:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg);
  }
  .mobile-navbar .navbar-item.is-icon svg {
    stroke-width: 1.6px;
    stroke: var(--color-primary);
  }
  .mobile-navbar .navbar-item.is-sidebar-toggler {
    border-radius: var(--radius-lg);
    transition: background-color 0.16s ease;
  }
  .mobile-navbar .navbar-item.is-sidebar-toggler:hover {
    background-color: color-mix(in srgb, #0023ff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-primary) 8%, transparent);
    }
  }
  .mobile-navbar .navbar-item.is-sidebar-toggler svg {
    stroke: var(--color-muted-grey) !important;
  }
  [lang='fa'] .mobile-navbar .is-heading {
    letter-spacing: 0;
  }
  @media (max-width: 767px) {
    .main-sidebar ~ .shop-wrapper {
      transition-property: background-color, width, margin-inline-start, padding-top;
      transition-duration: 300ms;
    }
    .main-sidebar.is-pushed-mobile ~ .shop-wrapper {
      padding-top: var(--mobile-navbar-height);
    }
    .checkout-chrome > .action-bar, .checkout-chrome > .action-bar.is-mobile {
      position: static !important;
      inset: auto !important;
      inset-inline: auto !important;
      left: auto !important;
      right: auto !important;
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      margin-inline: 0 !important;
      -webkit-margin-start: 0 !important;
      -webkit-margin-end: 0 !important;
    }
  }
}
/*! layout-checkout.css | Nephos | Checkout shell layout (from legacy _checkout.scss) */
@layer components {
  .shop-wrapper:has(.checkout-wrapper) {
    --checkout-action-bar-height: 60px;
    --checkout-side-width: 420px;
    --checkout-side-bg: color-mix(in srgb, #ededed 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --checkout-side-bg: color-mix(in srgb, var(--color-fade-grey) 95%, transparent);
    }
    width: calc(100% - 80px);
    margin-inline-start: 80px;
  }
  @media (min-width: 991px) {
    .shop-wrapper:has(.checkout-wrapper) {
      display: grid !important;
      min-height: 100vh;
      grid-template-columns: minmax(0, 1fr) var(--checkout-side-width);
      grid-template-rows: auto minmax(0, 1fr);
      grid-template-areas: 'chrome chrome' 'main side-inner';
    }
    .shop-wrapper:has(.checkout-wrapper) > .search-overlay, .shop-wrapper:has(.checkout-wrapper) > .search-input-wrapper {
      position: fixed;
      grid-row: 1;
      grid-column: 1;
      width: 0;
      height: 0;
      min-width: 0;
      min-height: 0;
      overflow: visible;
      pointer-events: none;
      z-index: 10;
    }
    .shop-wrapper:has(.checkout-wrapper) > .search-input-wrapper.is-active, .shop-wrapper:has(.checkout-wrapper) > .search-input-wrapper:has(.field.is-active) {
      pointer-events: auto;
    }
    .shop-wrapper:has(.checkout-wrapper) > .section {
      display: contents;
    }
    .shop-wrapper:has(.checkout-wrapper) > .checkout-chrome {
      grid-area: chrome;
      display: grid;
      grid-template-columns: minmax(0, 1fr) var(--checkout-side-width);
      grid-template-rows: auto;
      align-items: stretch;
      min-width: 0;
    }
    .checkout-chrome > .action-bar, .shop-wrapper:has(.checkout-wrapper) > .checkout-chrome > .action-bar {
      grid-column: 1;
      grid-row: 1;
      position: static !important;
      top: auto !important;
      bottom: auto !important;
      inset: auto !important;
      inset-inline: auto !important;
      left: auto !important;
      right: auto !important;
      z-index: auto;
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      margin-inline: 0 !important;
      -webkit-margin-start: 0 !important;
      -webkit-margin-end: 0 !important;
      margin-inline-start: 0 !important;
      margin-inline-end: 0 !important;
      justify-content: center !important;
      align-self: stretch;
      box-sizing: border-box;
    }
    .shop-wrapper:has(.checkout-wrapper) > .checkout-chrome > .side-header {
      grid-column: 2;
      grid-row: 1;
      position: static;
      top: auto;
      z-index: 1;
      width: 100%;
      height: var(--checkout-action-bar-height);
      min-height: var(--checkout-action-bar-height);
      margin: 0;
      inset-inline-end: auto;
      min-width: 0;
      align-self: stretch;
    }
    .checkout-wrapper {
      display: contents;
    }
    .checkout-wrapper .checkout-main {
      grid-area: main;
      width: auto;
      min-width: 0;
      height: 100%;
    }
    .checkout-wrapper .checkout-side {
      display: contents;
    }
    .checkout-wrapper .side-inner {
      grid-area: side-inner;
      display: flex;
      flex-direction: column;
      height: 100%;
      min-height: 0;
      overflow-y: auto;
      background-color: var(--checkout-side-bg);
    }
    .checkout-wrapper .side-inner .side-action {
      position: sticky;
      bottom: 0;
      z-index: 1;
      flex-shrink: 0;
      width: 100%;
      max-width: 100%;
      margin: 0;
      padding: 0;
      height: 5rem;
      box-sizing: border-box;
      background-color: transparent;
      background-image: linear-gradient(to top, var(--checkout-side-bg), transparent);
    }
    .checkout-wrapper .side-inner .side-action #checkout-next, .checkout-wrapper .side-inner .side-action > .button {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
    .checkout-wrapper:has(.checkout-success) .checkout-main {
      display: flex;
      flex-direction: column;
      min-height: 0;
    }
    .checkout-wrapper:has(.checkout-success) .checkout-container {
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      min-height: 0;
      width: 100%;
    }
    .checkout-wrapper:has(.checkout-success) .checkout-success {
      display: flex;
      flex: 1 1 auto;
      align-items: center;
      justify-content: center;
      min-height: 0;
    }
    .checkout-wrapper:has(.checkout-success) .success-card {
      position: relative;
      top: auto;
      margin-inline: auto;
    }
  }
  @media (max-width: 1300px) {
    .shop-wrapper:has(.checkout-wrapper) {
      --checkout-side-width: 360px;
    }
  }
  @media (max-width: 1024px) {
    .shop-wrapper:has(.checkout-wrapper) {
      --checkout-side-width: 320px;
    }
  }
  @media (max-width: 990px) {
    .main-sidebar.is-pushed-mobile ~ .shop-wrapper:has(.checkout-wrapper) {
      width: 100% !important;
      margin-inline-start: 0 !important;
    }
    .shop-wrapper:has(.checkout-wrapper) {
      display: flex !important;
      flex-direction: column;
      min-height: 0;
      width: calc(100% - 80px) !important;
      margin-inline-start: 80px !important;
      grid-template-columns: unset;
      grid-template-rows: unset;
      grid-template-areas: unset;
    }
    .shop-wrapper:has(.checkout-wrapper) > .checkout-chrome {
      display: flex;
      flex-direction: column;
      order: 1;
      width: 100%;
    }
    .checkout-chrome > .action-bar, .shop-wrapper:has(.checkout-wrapper) > .checkout-chrome > .action-bar {
      order: 1;
      position: static !important;
      inset: auto !important;
      inset-inline: auto !important;
      left: auto !important;
      right: auto !important;
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      margin-inline: 0 !important;
      -webkit-margin-start: 0 !important;
      -webkit-margin-end: 0 !important;
      margin-inline-start: 0 !important;
      margin-inline-end: 0 !important;
      align-self: stretch;
    }
    .shop-wrapper:has(.checkout-wrapper) > .checkout-chrome > .side-header {
      order: 2;
      width: 100%;
      flex: 0 0 auto;
    }
    .shop-wrapper:has(.checkout-wrapper) > .section {
      display: block;
      order: 3;
      width: 100%;
    }
    .checkout-wrapper {
      display: flex;
      flex-direction: column;
      min-height: 0;
    }
    .checkout-wrapper .checkout-main {
      order: 1;
      width: 100%;
      grid-area: unset;
    }
    .checkout-wrapper .checkout-side {
      display: block;
      order: 2;
      width: 100%;
    }
    .checkout-wrapper .side-inner {
      height: auto;
      overflow: visible;
      grid-area: unset;
    }
    .checkout-wrapper .side-inner .side-action {
      position: static !important;
      inset-inline: auto !important;
      width: calc(100% + 60px) !important;
      max-width: none !important;
      margin-inline-start: -30px !important;
      margin-inline-end: -30px !important;
      padding-inline: 30px;
      box-sizing: border-box;
      height: auto;
      background-color: transparent;
      background-image: none;
    }
  }
  @media (max-width: 767px) {
    .checkout-chrome > .action-bar, .checkout-chrome > .action-bar.is-mobile, .shop-wrapper:has(.checkout-wrapper) > .checkout-chrome > .action-bar {
      position: static !important;
      inset: auto !important;
      inset-inline: auto !important;
      left: auto !important;
      right: auto !important;
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      margin-inline: 0 !important;
      -webkit-margin-start: 0 !important;
      -webkit-margin-end: 0 !important;
      margin-inline-start: 0 !important;
      margin-inline-end: 0 !important;
    }
  }
}
/*! checkout-steps.css | Nephos | Restored kit checkout component base + Cargo step UI */
@layer components {
  .page-checkout .shop-wrapper {
    min-height: 100vh;
    background: var(--color-surface, #ededed);
  }
  .page-checkout .checkout-chrome > .action-bar, .shop-wrapper:has(.checkout-wrapper) .checkout-chrome > .action-bar {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 1;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    margin-inline: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    height: var(--checkout-action-bar-height, 60px);
    min-height: var(--checkout-action-bar-height, 60px);
    box-shadow: none;
    background-color: var(--color-white, #fff);
    justify-content: center !important;
    padding-inline: 1rem;
    box-sizing: border-box;
  }
  .page-checkout .checkout-chrome .steps-wrapper, .shop-wrapper:has(.checkout-wrapper) .steps-wrapper {
    width: min(600px, 100%);
    margin-inline: auto;
    padding-block: 0.35rem;
  }
  .page-checkout .steps-wrapper .step-list, .shop-wrapper:has(.checkout-wrapper) .steps-wrapper .step-list {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    counter-reset: wizard;
  }
  .page-checkout .steps-wrapper .step-list > li, .shop-wrapper:has(.checkout-wrapper) .steps-wrapper .step-list > li {
    position: relative;
    flex: 1 1 0;
    width: auto;
    float: none;
    text-align: center;
    min-width: 0;
  }
  .page-checkout .steps-wrapper .step-list > li::before, .shop-wrapper:has(.checkout-wrapper) .steps-wrapper .step-list > li::before {
    counter-increment: wizard;
    content: counter(wizard);
    display: block;
    color: var(--color-muted-grey, #a2a5b9);
    background-color: var(--color-placeholder, #e0e0e0);
    border: 3px solid var(--color-white, #fff);
    text-align: center;
    width: 3em;
    height: 3em;
    line-height: 2.5em;
    border-radius: 3em;
    position: relative;
    inset-inline-start: 50%;
    margin-inline-start: -1.5em;
    z-index: 1;
    font-size: 0.8rem;
    font-weight: 700 !important;
    box-sizing: border-box;
  }
  .page-checkout .steps-wrapper .step-list > li + li::after, .shop-wrapper:has(.checkout-wrapper) .steps-wrapper .step-list > li + li::after {
    content: '';
    display: block;
    width: 100%;
    background-color: var(--color-placeholder, #e0e0e0);
    height: 5px;
    position: absolute;
    inset-inline-start: -50%;
    top: 1.1em;
    z-index: 0;
  }
  .page-checkout .steps-wrapper .step-list > li.active, .shop-wrapper:has(.checkout-wrapper) .steps-wrapper .step-list > li.active {
    color: var(--color-white, #fff);
  }
  .page-checkout .steps-wrapper .step-list > li.active::before, .shop-wrapper:has(.checkout-wrapper) .steps-wrapper .step-list > li.active::before {
    background: var(--color-primary, #671cc9);
    color: var(--color-white, #fff);
    border-color: var(--color-white, #fff);
    font-weight: 500;
  }
  .page-checkout .steps-wrapper .step-list > li.active::after, .shop-wrapper:has(.checkout-wrapper) .steps-wrapper .step-list > li.active + li::after, .shop-wrapper:has(.checkout-wrapper) .steps-wrapper .step-list > li.active::after {
    background-color: var(--color-primary, #671cc9);
  }
  .page-checkout .steps-wrapper .step-list > li.active + li::after, .shop-wrapper:has(.checkout-wrapper) .steps-wrapper .step-list > li.active + li::after {
    background-color: var(--color-primary, #671cc9);
  }
  .page-checkout .steps-wrapper .step-list > li.is-current::before, .shop-wrapper:has(.checkout-wrapper) .steps-wrapper .step-list > li.is-current::before {
    box-shadow: 0 0 0 3px color-mix(in srgb, #0023ff 28%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary, #671cc9) 28%, transparent);
    }
  }
  .page-checkout .checkout-chrome > .side-header, .shop-wrapper:has(.checkout-wrapper) .checkout-chrome > .side-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    height: var(--checkout-action-bar-height, 60px);
    min-height: var(--checkout-action-bar-height, 60px);
    padding-inline: 1.875rem;
    margin: 0;
    background: color-mix(in srgb, #fff 96%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-white, #fff) 96%, var(--color-fade-grey, #eee));
    }
    border-bottom: 1px solid color-mix(in srgb, #ededed 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in srgb, var(--color-fade-grey, #e8e8e8) 80%, transparent);
    }
    box-sizing: border-box;
  }
  .checkout-wrapper .checkout-main {
    min-width: 0;
  }
  .checkout-wrapper .checkout-container {
    width: 100%;
    max-width: 860px;
    margin-inline: auto;
    padding: 1.5rem 2.5rem 3rem;
  }
  @media (max-width: 767px) {
    .checkout-wrapper .checkout-container {
      padding: 1rem 1.25rem 2rem;
    }
  }
  .checkout-wrapper .checkout-side .side-inner {
    padding: 1.25rem 1.875rem 5rem;
  }
  .checkout-wrapper .side-header .side-title, .checkout-chrome .side-header .side-title {
    margin: 0;
    font-family: var(--font-raleway, Raleway, sans-serif);
    font-size: 1.3rem;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: var(--color-dark-text, #283252);
    line-height: 1.2;
  }
  [lang='fa'] .checkout-wrapper .side-header .side-title, [lang='fa'] .checkout-chrome .side-header .side-title {
    font-family: var(--font-sans, Vazirmatn, sans-serif);
  }
  .checkout-chrome .side-header .button, .checkout-wrapper .side-header .button {
    height: 38px;
    min-width: 90px;
    font-size: 0.9rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, #ededed 50%, #ccc);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-fade-grey, #e8e8e8) 50%, #ccc);
    }
    background: var(--color-white, #fff);
    color: var(--color-dark-text, #283252);
    text-decoration: none;
    padding-inline: 1rem;
    white-space: nowrap;
  }
  .checkout-chrome .side-header .button:hover, .checkout-wrapper .side-header .button:hover {
    border-color: var(--color-primary, #671cc9);
    color: var(--color-primary, #671cc9);
  }
  .checkout-wrapper .side-card {
    width: 100%;
    background: var(--color-white, #fff);
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, #ededed 70%, #bbb);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-fade-grey, #e8e8e8) 70%, #bbb);
    }
    padding: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .checkout-wrapper .side-card.user-card {
    display: flex;
    align-items: center;
  }
  .checkout-wrapper .side-card.user-card .avatar-container {
    position: relative;
    height: 44px;
    width: 44px;
    min-width: 44px;
  }
  .checkout-wrapper .side-card.user-card .avatar-container img {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
  }
  .checkout-wrapper .side-card.user-card .meta {
    width: 100%;
    margin-inline-start: 0.75rem;
  }
  .checkout-wrapper .side-card.user-card .meta span {
    display: block;
  }
  .checkout-wrapper .side-card.user-card .meta span:first-child {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--color-muted-grey, #999);
    text-transform: uppercase;
  }
  .checkout-wrapper .side-card.user-card .meta span:nth-child(2) {
    font-weight: 600;
    color: var(--color-dark-text, #283252);
    font-size: 0.9rem;
  }
  .checkout-wrapper .side-card.is-address .address-title, .checkout-wrapper .side-card.is-totals .info-title {
    margin: 0 0 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-muted-grey, #999);
  }
  .checkout-wrapper .side-card.is-address .address {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--color-dark-text, #283252);
  }
  .checkout-wrapper .side-card.is-totals .payment-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
    font-size: 0.9rem;
    color: var(--color-muted-grey, #666);
  }
  .checkout-wrapper .side-card.is-totals .payment-block:last-child {
    margin-bottom: 0;
    padding-top: 0.5rem;
    border-top: 1px solid var(--color-fade-grey, #e8e8e8);
  }
  .checkout-wrapper .side-card.is-totals .payment-block .is-bold, .checkout-wrapper .side-card.is-totals .payment-block span.is-bold {
    font-weight: 700;
    color: var(--color-dark-text, #283252);
  }
  .checkout-wrapper .side-card.is-totals .payment-block .has-price {
    color: var(--color-dark-text, #283252);
    font-variant-numeric: tabular-nums;
  }
  .checkout-wrapper .method-card {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 0.25rem;
  }
  .checkout-wrapper .method-card > input[type='radio'] {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
  }
  .checkout-wrapper .method-card .method-card-inner {
    display: flex;
    align-items: center;
    min-height: 5.5rem;
    padding: 1.25rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, #ededed 70%, #bbb);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-fade-grey, #e8e8e8) 70%, #bbb);
    }
    background: var(--color-white, #fff);
    transition: border-color 0.3s, box-shadow 0.3s;
  }
  .checkout-wrapper .method-card:hover .method-card-inner {
    border-color: var(--color-dark-text, #283252);
  }
  .checkout-wrapper .method-card > input:checked ~ .method-card-inner, .checkout-wrapper .method-card.is-selected .method-card-inner {
    border-color: var(--color-primary, #671cc9);
    box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06);
  }
  .checkout-wrapper .method-card .icon-container {
    position: relative;
    height: 48px;
    width: 48px;
    min-width: 48px;
  }
  .checkout-wrapper .method-card .icon-container img {
    display: block;
    width: 48px;
    height: 48px;
    object-fit: contain;
    filter: grayscale(1);
    opacity: 0.6;
    transition: filter 0.3s, opacity 0.3s;
  }
  .checkout-wrapper .method-card > input:checked ~ .method-card-inner .icon-container img, .checkout-wrapper .method-card.is-selected .method-card-inner .icon-container img {
    filter: grayscale(0);
    opacity: 1;
  }
  .checkout-wrapper .method-card .icon-container .indicator {
    position: absolute;
    bottom: -0.5rem;
    inset-inline-start: -0.4rem;
    height: 26px;
    width: 26px;
    display: none;
    justify-content: center;
    align-items: center;
    background: var(--color-primary, #671cc9);
    border-radius: 50%;
    border: 2px solid var(--color-white, #fff);
  }
  .checkout-wrapper .method-card > input:checked ~ .method-card-inner .icon-container .indicator, .checkout-wrapper .method-card.is-selected .method-card-inner .icon-container .indicator {
    display: flex !important;
  }
  .checkout-wrapper .method-card .icon-container .indicator svg {
    height: 10px;
    width: 10px;
    stroke-width: 5px;
    stroke: var(--color-white, #fff);
  }
  .checkout-wrapper .method-card .meta {
    margin-inline-start: 1rem;
    min-width: 0;
  }
  .checkout-wrapper .method-card .meta h3 {
    margin: 0 0 0.25rem;
    font-weight: 600;
    font-size: 1rem;
    color: var(--color-dark-text, #283252);
  }
  .checkout-wrapper .method-card .meta p {
    margin: 0;
    line-height: 1.3;
    font-size: 0.9rem;
    color: var(--color-muted-grey, #999);
  }
  .checkout-wrapper .shipping-methods-grid, .checkout-wrapper .payment-methods-grid {
    margin: 1.25rem 0;
  }
  .checkout-wrapper .shipping-methods-grid .columns, .checkout-wrapper .payment-methods-grid .columns {
    display: flex;
    flex-wrap: wrap;
  }
  .checkout-wrapper .shipping-methods-grid .column, .checkout-wrapper .payment-methods-grid .column {
    margin-bottom: 1rem;
  }
  .checkout-wrapper .checkout-shipping-methods > h2, .checkout-wrapper .checkout-payment-methods > h2, .checkout-wrapper .order-summary > h2, .checkout-wrapper .checkout-step-title.is-active {
    margin: 0 0 0.5rem;
    font-family: var(--font-raleway, Raleway, sans-serif);
    font-size: 1.2rem;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: var(--color-dark-text, #283252);
  }
  [lang='fa'] .checkout-wrapper .checkout-shipping-methods > h2, [lang='fa'] .checkout-wrapper .checkout-payment-methods > h2, [lang='fa'] .checkout-wrapper .order-summary > h2, [lang='fa'] .checkout-wrapper .checkout-step-title.is-active {
    font-family: var(--font-sans, Vazirmatn, sans-serif);
  }
  .checkout-wrapper .checkout-shipping-methods > p, .checkout-wrapper .checkout-payment-methods > p, .checkout-wrapper .order-summary > p {
    color: var(--color-muted-grey, #999);
    margin-bottom: 0.75rem;
  }
  .checkout-steps-body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 0.5rem;
  }
  .checkout-step {
    border: 1px solid color-mix(in srgb, #ededed 70%, #bbb);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-fade-grey, #e8e8e8) 70%, #bbb);
    }
    border-radius: 0.75rem;
    background: var(--color-white, #fff);
    overflow: hidden;
  }
  .checkout-step-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: color-mix(in srgb, #ededed 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-fade-grey, #f0f0f0) 85%, transparent);
    }
  }
  .checkout-step-title {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-dark-text, #283252);
  }
  .checkout-step-title.is-active {
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 400 !important;
    text-transform: uppercase;
  }
  .checkout-step-edit {
    border: 0;
    background: transparent;
    color: var(--color-primary, #671cc9);
    font-size: 0.875rem;
    cursor: pointer;
    font-weight: 500;
  }
  .checkout-step-edit:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .checkout-step-body {
    padding: 1.25rem 1.5rem 1.5rem;
  }
  .checkout-step-footer {
    margin-top: 1.25rem;
  }
  .checkout-step-footer .button, .checkout-step-footer .cargo-checkout-btn {
    min-width: 10rem;
  }
  .checkout-loading {
    display: flex;
    min-height: 320px;
    align-items: center;
    justify-content: center;
  }
  .checkout-wrapper .cargo-checkout-field {
    margin-bottom: 0.85rem;
  }
  .checkout-wrapper .cargo-checkout-field .label {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-dark-text, #283252);
  }
  .checkout-wrapper .cargo-checkout-field .input.is-default, .checkout-wrapper .cargo-checkout-field input.input {
    width: 100%;
    height: 44px;
    border-radius: 6px;
    border: 1px solid color-mix(in srgb, #ededed 60%, #ccc);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-fade-grey, #e8e8e8) 60%, #ccc);
    }
    padding-inline: 0.9rem;
    background: var(--color-white, #fff);
    color: var(--color-dark-text, #283252);
  }
  .checkout-wrapper .cargo-checkout-field .input.is-default:focus {
    outline: none;
    border-color: var(--color-primary, #671cc9);
    box-shadow: 0 0 0 3px color-mix(in srgb, #0023ff 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary, #671cc9) 18%, transparent);
    }
  }
  .checkout-wrapper .cargo-checkout-field__error {
    color: #e11d48;
    font-size: 0.8rem;
  }
  .checkout-wrapper .coupon-inline .control {
    position: relative;
  }
  .checkout-wrapper .coupon-inline .coupon-button {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    height: 44px;
    min-width: 5.5rem;
    border-radius: 0 6px 6px 0;
  }
  [dir='rtl'] .checkout-wrapper .coupon-inline .coupon-button {
    border-radius: 6px 0 0 6px;
  }
  .checkout-success {
    min-height: calc(100vh - 120px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .checkout-success .success-card {
    width: 100%;
    max-width: 520px;
    margin: 1.25rem;
    background: var(--color-white, #fff);
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, #ededed 70%, #bbb);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-fade-grey, #e8e8e8) 70%, #bbb);
    }
    padding: 2.5rem;
  }
  .checkout-success .success-content h3 {
    margin: 1rem 0 0.5rem;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-dark-text, #283252);
  }
  .checkout-success .success-content p {
    margin-bottom: 1.25rem;
    color: var(--color-muted-grey, #999);
  }
  .checkout-line-items {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
  }
  .payment-disclaimer {
    width: 100%;
    background: var(--color-white, #fff);
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, #ededed 70%, #bbb);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-fade-grey, #e8e8e8) 70%, #bbb);
    }
    padding: 1.25rem;
  }
  .payment-disclaimer .title-wrap {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .payment-disclaimer .title-wrap img {
    height: 28px;
    width: 28px;
  }
  .payment-disclaimer .title-wrap h3 {
    margin: 0;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-dark-text, #283252);
  }
  .payment-disclaimer p {
    font-size: 0.9rem;
    color: var(--color-muted-grey, #888);
    margin-bottom: 0.5rem;
  }
}
/*! layout-quickviews.css | Nephos | Quickview sidebars and FAB */
@layer components {
  .menu-fab {
    position: fixed;
    inset-inline-end: 30px;
    top: 12px;
    width: 50px;
    height: 50px;
    background: var(--color-white);
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04);
    transition: all 0.4s;
    transform: translateX(0) rotate(0);
    opacity: 1;
  }
  .menu-fab.dismissed {
    transform: translateX(300px) rotate(360deg);
    opacity: 0;
  }
  [dir='rtl'] .menu-fab.dismissed {
    transform: translateX(-300px) rotate(360deg);
  }
  .menu-fab .menu-toggle {
    font-size: 20px;
    color: var(--color-grey-6, #666);
    line-height: 1;
    text-align: center;
    background: transparent;
    display: block;
    width: 24px;
    height: 26px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    transition: opacity 0.4s;
    opacity: 1;
    position: relative;
    transform: scale(0.7);
  }
  .menu-fab .menu-toggle .icon-box-toggle {
    height: 100%;
    width: 100%;
    background: transparent;
    position: relative;
    display: block;
  }
  .menu-fab .menu-toggle .icon-box-toggle.active > span.rotate {
    -webkit-transform: rotate(90deg);
    -moz-transform: translate(0px, 0px) rotate(90deg);
    -ms-transform: translate(0px, 0px) rotate(90deg);
    -o-transform: translate(0px, 0px) rotate(90deg);
    transform: translate(0px, 0px) rotate(90deg);
  }
  .menu-fab .menu-toggle .icon-box-toggle.active > span > i.icon-line-center {
    visibility: hidden;
    width: 1px;
    height: 3px;
    inset-inline-start: 70%;
  }
  .menu-fab .menu-toggle .icon-box-toggle.active > span > i.icon-line-bottom {
    margin: -1.5px;
    margin-inline-start: -10px;
    inset-inline-start: 50%;
    top: 50%;
    -webkit-transform: rotate(135deg);
    -moz-transform: translate(0px, 0px) rotate(135deg);
    -ms-transform: translate(0px, 0px) rotate(135deg);
    -o-transform: translate(0px, 0px) rotate(135deg);
    transform: translate(0px, 0px) rotate(135deg);
  }
  .menu-fab .menu-toggle .icon-box-toggle.active > span > i.icon-line-top {
    margin: -1.5px;
    margin-inline-start: -10px;
    inset-inline-start: 50%;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: translate(0px, 0px) rotate(45deg);
    -ms-transform: translate(0px, 0px) rotate(45deg);
    -o-transform: translate(0px, 0px) rotate(45deg);
    transform: translate(0px, 0px) rotate(45deg);
  }
  .menu-fab .menu-toggle .icon-line-center {
    position: absolute;
    width: 20px;
    height: 2px;
    background: var(--color-primary);
    margin: -1.5px;
    margin-inline-start: -10px;
    inset-inline-start: 50%;
    top: 50%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .menu-fab .menu-toggle .icon-line-top {
    position: absolute;
    width: 20px;
    height: 2px;
    background: var(--color-primary);
    margin: -2px;
    margin-inline-start: -10px;
    inset-inline-start: 50%;
    top: 30%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .menu-fab .menu-toggle .icon-line-bottom {
    position: absolute;
    width: 20px;
    height: 2px;
    background: var(--color-primary);
    margin: 1.5px;
    margin-inline-start: -10px;
    inset-inline-start: 50%;
    top: 60%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .category-quickview {
    position: fixed;
    top: 0;
    inset-inline-end: 0;
    height: 100%;
    width: 320px;
    background-color: var(--color-white);
    border-inline-start: 1px solid var(--color-fade-grey);
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.06);
    z-index: 9;
    transform: translateX(100%);
    transition: all 0.3s;
    overflow-x: hidden;
  }
  [dir='rtl'] .category-quickview {
    transform: translateX(-100%);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.06);
  }
  .category-quickview.is-active {
    transform: translateX(0);
  }
  .category-quickview.is-pushed-mobile {
    transform: translateX(calc(100% + 80px));
  }
  [dir='rtl'] .category-quickview.is-pushed-mobile {
    transform: translateX(calc(-100% - 80px));
  }
  .category-quickview.is-active.is-pushed-mobile {
    transform: translateX(0);
  }
  [dir='rtl'] .category-quickview.is-active.is-pushed-mobile {
    transform: translateX(0);
  }
  .category-quickview .inner {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
  }
  .category-quickview .category-quickview-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    min-height: 56px;
    padding-inline: 20px;
    gap: 12px;
    border-bottom: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
  }
  .category-quickview .category-quickview-header h2 {
    margin: 0;
    font-family: 'Raleway', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-dark-text);
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
  [lang='fa'] .category-quickview .category-quickview-header h2 {
    font-family: 'Vazirmatn', sans-serif;
    letter-spacing: 0;
    text-transform: none;
    font-size: 1.05rem;
  }
  .category-quickview .category-quickview-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 999px;
    background: var(--color-surface-muted, #fcfcfc);
    color: var(--color-dark-text);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
  }
  .category-quickview .category-quickview-close:hover {
    background: var(--color-fade-grey);
    color: var(--color-primary);
  }
  .category-quickview .category-quickview-close svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    transition: transform 0.25s ease;
  }
  .category-quickview .category-quickview-close:hover svg {
    transform: rotate(90deg);
  }
  .category-quickview .category-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 16px 20px;
    background: var(--color-bg, #fff);
  }
  .category-quickview .category-body::-webkit-scrollbar {
    width: 6px;
  }
  .category-quickview .category-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.15);
  }
  .category-quickview .category-menu {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .category-quickview .category-nav-item {
    margin: 0;
  }
  .category-quickview .category-nav-item a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    border-radius: 12px;
    background: var(--color-white);
    color: var(--color-dark-text);
    text-decoration: none;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  }
  .category-quickview .category-nav-item a:hover {
    border-color: color-mix(in srgb, #0023ff 25%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 25%, var(--color-fade-grey));
    }
    background: var(--color-surface-muted, #fcfcfc);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  }
  .category-quickview .category-nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--color-surface-muted, #fcfcfc);
    transition: background-color 0.2s ease;
  }
  .category-quickview .category-nav-item a:hover .category-nav-icon {
    background: color-mix(in srgb, #0023ff 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 12%, transparent);
    }
  }
  .category-quickview .category-nav-icon svg {
    width: 22px;
    height: 22px;
    fill: var(--color-muted-grey, #999);
    transition: fill 0.2s ease;
  }
  .category-quickview .category-nav-item a:hover .category-nav-icon svg {
    fill: var(--color-primary);
  }
  .category-quickview .category-nav-label {
    flex: 1;
    min-width: 0;
    font-family: 'Raleway', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.3;
  }
  [lang='fa'] .category-quickview .category-nav-label {
    font-family: 'Vazirmatn', sans-serif;
    letter-spacing: 0;
    font-size: 0.9rem;
    font-weight: 500;
  }
  .category-quickview .category-nav-chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--color-muted-grey, #999);
    transition: color 0.2s ease;
  }
  .category-quickview .category-nav-chevron svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    transition: transform 0.2s ease;
  }
  .category-quickview .category-nav-item a:hover .category-nav-chevron {
    color: var(--color-primary);
  }
  .category-quickview .category-nav-item a:hover .category-nav-chevron svg {
    transform: translateX(2px);
  }
  .category-quickview .category-quickview-footer {
    flex-shrink: 0;
    margin-top: auto;
    padding: 16px 20px 20px;
    background: var(--color-smoke-white, #fcfcfc);
    border-top: 1px solid var(--color-fade-grey);
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.04);
  }
  .category-quickview .category-all-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 12px 16px;
    border: 0;
    border-radius: 999px;
    background: var(--color-primary);
    color: var(--color-white);
    font-family: 'Raleway', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }
  [lang='fa'] .category-quickview .category-all-cta {
    font-family: 'Vazirmatn', sans-serif;
    letter-spacing: 0;
    text-transform: none;
    font-size: 0.875rem;
    font-weight: 500;
  }
  .category-quickview .category-all-cta:hover {
    background: color-mix(in srgb, #0023ff 88%, #000);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 88%, #000);
    }
    box-shadow: 0 6px 16px color-mix(in srgb, #0023ff 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 6px 16px color-mix(in srgb, var(--color-primary) 35%, transparent);
    }
    transform: translateY(-1px);
  }
  .category-quickview .category-all-cta-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .category-quickview .category-all-cta-icon svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
  }
  .shop-quickview {
    position: fixed;
    top: 0;
    inset-inline-start: 80px;
    height: 100%;
    width: 380px;
    background-color: var(--color-white);
    border-inline-end: 1px solid var(--color-fade-grey);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.06);
    z-index: 3;
    transform: translateX(-100%);
    transition: all 0.3s;
    overflow-x: hidden;
  }
  [dir='rtl'] .shop-quickview {
    transform: translateX(100%);
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.06);
  }
  .shop-quickview.is-pushed-mobile {
    transform: translateX(calc(-100% - 80px));
    inset-inline-start: 0 !important;
  }
  [dir='rtl'] .shop-quickview.is-pushed-mobile {
    transform: translateX(calc(100% + 80px));
  }
  .shop-quickview.is-active, .shop-quickview.is-active.is-pushed-mobile {
    transform: translateX(0);
  }
  [dir='rtl'] .shop-quickview.is-active, [dir='rtl'] .shop-quickview.is-active.is-pushed-mobile {
    transform: translateX(0);
  }
  .shop-quickview .inner {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
  }
  .shop-quickview .shop-quickview-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    min-height: 56px;
    padding-inline: 20px;
    gap: 12px;
    border-bottom: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
  }
  .shop-quickview .shop-quickview-brand {
    margin: 0;
    display: flex;
    align-items: center;
    min-height: 28px;
  }
  .shop-quickview .shop-quickview-logo {
    display: block;
    height: 28px;
    width: auto;
    max-width: 88px;
  }
  .shop-quickview .shop-quickview-logo-dark {
    display: none;
  }
  .shop-quickview .shop-quickview-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 999px;
    background: var(--color-surface-muted, #fcfcfc);
    color: var(--color-dark-text);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
  }
  .shop-quickview .shop-quickview-close:hover {
    background: var(--color-fade-grey);
    color: var(--color-primary);
  }
  .shop-quickview .shop-quickview-close svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    transition: transform 0.25s ease;
  }
  .shop-quickview .shop-quickview-close:hover svg {
    transform: rotate(90deg);
  }
  .shop-quickview .shop-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 16px 20px;
    background: var(--color-bg, #fff);
  }
  .shop-quickview .shop-body::-webkit-scrollbar {
    width: 6px;
  }
  .shop-quickview .shop-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.15);
  }
  .shop-quickview .shop-menu {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .shop-quickview .shop-nav-item {
    margin: 0;
  }
  .shop-quickview .shop-nav-item a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    border-radius: 12px;
    background: var(--color-white);
    color: var(--color-dark-text);
    text-decoration: none;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }
  .shop-quickview .shop-nav-item a:hover {
    border-color: color-mix(in srgb, #0023ff 25%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 25%, var(--color-fade-grey));
    }
    background: var(--color-surface-muted, #fcfcfc);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  }
  .shop-quickview .shop-nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--color-surface-muted, #fcfcfc);
    color: var(--color-primary);
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  .shop-quickview .shop-nav-item a:hover .shop-nav-icon {
    background: color-mix(in srgb, #0023ff 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 12%, transparent);
    }
  }
  .shop-quickview .shop-nav-icon svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
  }
  .shop-quickview .shop-nav-label {
    flex: 1;
    min-width: 0;
    font-family: 'Raleway', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.3;
  }
  [lang='fa'] .shop-quickview .shop-nav-label {
    font-family: 'Vazirmatn', sans-serif;
    letter-spacing: 0;
    font-size: 0.9rem;
    font-weight: 500;
  }
  .shop-quickview .shop-nav-chevron, .shop-quickview .shop-profile-chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--color-muted-grey, #999);
    transition: color 0.2s ease;
  }
  .shop-quickview .shop-nav-chevron svg, .shop-quickview .shop-profile-chevron svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    transition: transform 0.2s ease;
  }
  .shop-quickview .shop-nav-item a:hover .shop-nav-chevron, .shop-quickview .shop-profile-card:hover .shop-profile-chevron {
    color: var(--color-primary);
  }
  .shop-quickview .shop-nav-item a:hover .shop-nav-chevron svg, .shop-quickview .shop-profile-card:hover .shop-profile-chevron svg {
    transform: translateX(2px);
  }
  .shop-quickview .shop-quickview-footer {
    flex-shrink: 0;
    margin-top: auto;
    padding: 16px 20px 20px;
    background: var(--color-smoke-white, #fcfcfc);
    border-top: 1px solid var(--color-fade-grey);
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.04);
  }
  .shop-quickview .shop-profile-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    border-radius: 14px;
    background: var(--color-white);
    color: inherit;
    text-decoration: none;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  }
  .shop-quickview .shop-profile-card:hover {
    border-color: color-mix(in srgb, #0023ff 25%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 25%, var(--color-fade-grey));
    }
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  }
  .shop-quickview .shop-profile-card img {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--color-fade-grey);
  }
  .shop-quickview .shop-profile-card .user {
    flex: 1;
    min-width: 0;
    color: var(--color-dark-text);
  }
  .shop-quickview .shop-profile-card .user span {
    display: block;
    font-family: 'Raleway', sans-serif;
  }
  [lang='fa'] .shop-quickview .shop-profile-card .user span {
    font-family: 'Vazirmatn', sans-serif;
  }
  .shop-quickview .shop-profile-card .user span:first-child {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.3;
    margin-bottom: 2px;
  }
  .shop-quickview .shop-profile-card .user span:nth-child(2) {
    font-size: 0.75rem;
    color: var(--color-muted-grey, #999);
    line-height: 1.3;
  }
  .shop-quickview .shop-profile-card .user span:nth-child(2) var {
    font-style: normal;
    font-weight: 700;
    color: var(--color-primary);
  }
  .shop-quickview .shop-profile-card .user span:nth-child(2) small {
    font-size: 0.7rem;
    font-weight: 500;
  }
  .filters-quickview {
    position: fixed;
    top: 0;
    inset-inline-start: 80px;
    height: 100%;
    width: 320px;
    background-color: var(--color-white);
    background-size: cover;
    background-position: bottom;
    box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.02);
    z-index: 3;
    transform: translateX(-100%);
    transition: all 0.3s;
  }
  [dir='rtl'] .filters-quickview {
    transform: translateX(100%);
    box-shadow: -2px 0px 2px 0px rgba(0, 0, 0, 0.02);
  }
  .filters-quickview.is-pushed-mobile {
    transform: translateX(calc(-100% - 80px));
  }
  [dir='rtl'] .filters-quickview.is-pushed-mobile {
    transform: translateX(calc(100% + 80px));
  }
  .filters-quickview.is-active, .filters-quickview.is-active.is-pushed-mobile {
    transform: translateX(0);
  }
  [dir='rtl'] .filters-quickview.is-active, [dir='rtl'] .filters-quickview.is-active.is-pushed-mobile {
    transform: translateX(0);
  }
  .filters-quickview .inner {
    position: relative;
    height: 100%;
  }
  .filters-quickview .inner .quickview-header {
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.1));
  }
  .filters-quickview .inner .quickview-header span {
    cursor: pointer;
  }
  .filters-quickview .inner .quickview-header h2 {
    position: relative;
    font-size: 0.95rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: var(--color-dark-text);
    text-transform: uppercase;
    letter-spacing: 6px;
  }
  [lang='fa'] .filters-quickview .inner .quickview-header h2 {
    font-family: 'Vazirmatn', sans-serif;
    letter-spacing: 0;
  }
  .filters-quickview .inner .quickview-header svg {
    width: 20px;
    height: 20px;
    stroke: var(--color-dark-text);
  }
  .filters-quickview .inner .quickview-header svg:hover {
    stroke: var(--color-primary);
  }
  .filters-quickview .inner .filters-body {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 100vh;
  }
  .filters-quickview .inner .filters-body::-webkit-scrollbar {
    width: 10px;
  }
  .filters-quickview .inner .filters-body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--color-scrollbar-thumb, rgba(0, 0, 0, 0.2));
  }
  .filters-quickview .inner .checkbox-wrap input.d-checkbox + span {
    background-color: var(--color-white);
    border-color: var(--color-muted-grey);
  }
  .filters-quickview .inner .checkbox-wrap input.d-checkbox:checked + span {
    border-color: var(--color-primary);
  }
  .filters-quickview .inner .price-range-wrapper .price-limit {
    color: var(--color-muted-grey);
  }
  .filters-quickview .inner .range-slider .slider-output small {
    color: var(--color-muted-grey);
  }
  .filters-quickview .inner .range-slider .range-value {
    color: var(--color-primary);
  }
  .filters-quickview .inner .range-slider.is-dual .range-slider-track {
    background: var(--color-accent-grey, var(--color-fade-grey, #ccc));
  }
  .filters-quickview .inner .range-slider.is-dual .range-slider-fill {
    background: var(--color-primary);
  }
  .filters-quickview .inner .range-slider.is-dual .input-range::-webkit-slider-thumb {
    background: var(--color-primary);
  }
  .filters-quickview .inner .range-slider.is-dual .input-range::-moz-range-thumb {
    background: var(--color-primary);
  }
  .filters-quickview .inner .filter-block {
    width: 100%;
  }
  .filters-quickview .inner .filter-block .filter-title {
    position: relative;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--color-dark-text);
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  [lang='fa'] .filters-quickview .inner .filter-block .filter-title {
    letter-spacing: 0;
  }
  .filters-quickview .inner .checkbox-wrap {
    color: var(--color-dark-text) !important;
    font-family: 'Raleway', sans-serif;
    font-size: 0.9rem;
  }
  [lang='fa'] .filters-quickview .inner .checkbox-wrap {
    font-family: 'Vazirmatn', sans-serif;
  }
  .filters-quickview .inner .checkbox-wrap span {
    position: relative;
    top: -2px;
  }
  .cart-quickview {
    position: fixed;
    top: 0;
    inset-inline-start: 80px;
    height: 100%;
    width: 380px;
    background-color: var(--color-white);
    border-inline-end: 1px solid var(--color-fade-grey);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.06);
    z-index: 3;
    transform: translateX(-100%);
    transition: all 0.3s;
    overflow-x: hidden;
  }
  [dir='rtl'] .cart-quickview {
    transform: translateX(100%);
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.06);
  }
  .cart-quickview.is-pushed-mobile {
    transform: translateX(calc(-100% - 80px));
  }
  [dir='rtl'] .cart-quickview.is-pushed-mobile {
    transform: translateX(calc(100% + 80px));
  }
  .cart-quickview.is-active, .cart-quickview.is-active.is-pushed-mobile {
    transform: translateX(0);
  }
  [dir='rtl'] .cart-quickview.is-active, [dir='rtl'] .cart-quickview.is-active.is-pushed-mobile {
    transform: translateX(0);
  }
  .cart-quickview .inner {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
  }
  .cart-quickview .cart-quickview-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    min-height: 56px;
    padding-inline: 20px;
    gap: 12px;
    border-bottom: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
  }
  .cart-quickview .cart-quickview-header h2 {
    margin: 0;
    font-family: 'Raleway', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-dark-text);
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
  [lang='fa'] .cart-quickview .cart-quickview-header h2 {
    font-family: 'Vazirmatn', sans-serif;
    letter-spacing: 0;
    text-transform: none;
    font-size: 1.05rem;
  }
  .cart-quickview .cart-quickview-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 999px;
    background: var(--color-surface-muted, #fcfcfc);
    color: var(--color-dark-text);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
  }
  .cart-quickview .cart-quickview-close:hover {
    background: var(--color-fade-grey);
    color: var(--color-primary);
  }
  .cart-quickview .cart-quickview-close svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    transition: transform 0.25s ease;
  }
  .cart-quickview .cart-quickview-close:hover svg {
    transform: rotate(90deg);
  }
  .cart-quickview .cart-quickview-footer {
    flex-shrink: 0;
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px 20px 20px;
    background: var(--color-smoke-white, #fcfcfc);
    border-top: 1px solid var(--color-fade-grey);
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.04);
  }
  .cart-quickview .cart-summary {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
  }
  .cart-quickview .cart-summary-label {
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--color-muted-grey);
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }
  [lang='fa'] .cart-quickview .cart-summary-label {
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.9rem;
  }
  .cart-quickview .cart-total {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--color-dark-text);
    line-height: 1.2;
  }
  .cart-quickview .cart-total::before {
    content: '$';
    font-size: 90%;
  }
  [lang='fa'] .cart-quickview .cart-total::before {
    content: '';
  }
  [lang='fa'] .cart-quickview .cart-total::after {
    content: ' تومان';
    font-size: 0.72em;
    font-weight: 500;
    color: var(--color-muted-grey);
  }
  .cart-quickview .cart-action-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
  .cart-quickview .view-cart-button, .cart-quickview .update-cart-button, .cart-quickview .checkout-cart-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    width: 100%;
    padding: 0 16px;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
  }
  .cart-quickview .view-cart-button {
    background: transparent;
    border: 1.5px solid var(--color-primary);
    color: var(--color-primary);
  }
  .cart-quickview .view-cart-button:hover {
    background: color-mix(in srgb, #0023ff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    }
    color: var(--color-primary);
    transform: translateY(-1px);
  }
  .cart-quickview .checkout-cart-button {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    color: #fff;
    box-shadow: var(--shadow-primary);
  }
  .cart-quickview .checkout-cart-button:hover {
    opacity: 0.92;
    color: #fff;
    transform: translateY(-1px);
  }
  .cart-quickview .update-cart-button:not(.hidden) {
    background: var(--color-secondary, #00d1b2);
    border: 1px solid var(--color-secondary, #00d1b2);
    color: #fff;
  }
  .cart-quickview .view-cart-button.hidden, .cart-quickview .update-cart-button.hidden, .cart-quickview .checkout-cart-button.hidden {
    display: none !important;
  }
  .cart-quickview .inner .cart-body {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    width: 100%;
    background: var(--color-surface, #f0f0f0);
  }
  .cart-quickview .inner .cart-body .cart-loader {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-white);
    opacity: 0;
    pointer-events: none;
    z-index: 1;
    transition: all 0.3s;
  }
  .cart-quickview .inner .cart-body .cart-loader.is-active {
    opacity: 1;
    pointer-events: all;
  }
  .cart-quickview .inner .cart-body .cart-loader .loader {
    height: 4rem;
    width: 4rem;
  }
  .cart-quickview .inner .cart-body .empty-cart {
    width: 100%;
    margin: auto;
    padding: 32px 24px;
  }
  .cart-quickview .inner .cart-body .empty-cart h3, .cart-quickview .inner .cart-body .empty-cart img {
    display: block;
  }
  .cart-quickview .inner .cart-body .empty-cart h3 {
    margin-top: 12px;
    font-family: 'Raleway', sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--color-dark-text);
  }
  [lang='fa'] .cart-quickview .inner .cart-body .empty-cart h3 {
    font-family: 'Vazirmatn', sans-serif;
  }
  .cart-quickview .inner .cart-body .empty-cart p {
    margin-top: 6px;
    font-size: 0.9rem;
    color: var(--color-muted-grey);
  }
  .cart-quickview .inner .cart-body .empty-cart img {
    max-height: 72px;
    max-width: 72px;
    opacity: 0.85;
  }
  .cart-quickview .empty-cart-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin-top: 16px;
    padding: 0 22px;
    border-radius: 999px;
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    background: var(--color-white);
    font-weight: 600;
    transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
  }
  .cart-quickview .empty-cart-cta:hover {
    color: #fff;
    background: var(--color-primary);
    box-shadow: var(--shadow-primary);
  }
  .cart-quickview .inner .cart-body .empty-cart small {
    display: block;
    margin-top: 10px;
    color: var(--color-muted-grey);
    font-size: 0.78rem;
  }
  .cart-quickview .inner .cart-body .shopping-cart-items {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    margin: 0;
    padding: 14px 16px 16px;
    overflow-x: hidden;
    overflow-y: auto;
    list-style: none;
  }
  .cart-quickview .inner .cart-body .shopping-cart-items::-webkit-scrollbar {
    width: 6px;
  }
  .cart-quickview .inner .cart-body .shopping-cart-items::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: var(--color-scrollbar-thumb, rgba(0, 0, 0, 0.18));
  }
  .cart-quickview .cart-line-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    padding: 12px;
    border-radius: 14px;
    background: var(--color-white);
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.06));
    box-shadow: var(--shadow-light);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
  .cart-quickview .cart-line-item:hover {
    border-color: color-mix(in srgb, #0023ff 18%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 18%, var(--color-fade-grey));
    }
  }
  .cart-quickview .cart-line-media {
    flex: 0 0 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: var(--color-surface-muted, #fcfcfc);
    border: 1px solid var(--color-fade-grey);
  }
  .cart-quickview .cart-line-media img {
    width: auto;
    height: auto;
    max-width: 48px;
    max-height: 48px;
    object-fit: contain;
    object-position: center;
  }
  .cart-quickview .cart-line-content {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .cart-quickview .cart-line-header, .cart-quickview .cart-line-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
  }
  .cart-quickview .item-name {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--color-dark-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  [lang='fa'] .cart-quickview .item-name {
    text-transform: none;
  }
  .cart-quickview .item-price {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.8rem;
    color: var(--color-muted-grey);
    white-space: nowrap;
  }
  .cart-quickview .item-price var {
    color: var(--color-primary);
    font-size: 0.92rem;
    font-weight: 600;
    font-style: normal;
  }
  .cart-quickview .item-price var::before {
    content: '$';
  }
  [lang='fa'] .cart-quickview .item-price var::before {
    content: '';
  }
  [lang='fa'] .cart-quickview .item-price var::after {
    content: ' تومان';
    font-size: 0.78em;
    font-weight: 500;
  }
  .cart-quickview .item-price span {
    color: var(--color-dark-text);
    font-weight: 500;
  }
  .cart-quickview .quantity {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
  }
  .cart-quickview .quantity .sidebar-spinner, .cart-quickview .quantity .return-spinner {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 2px;
    height: 32px;
    min-width: 92px;
    padding-inline: 4px;
    border: 1px solid var(--color-fade-grey);
    border-radius: 999px;
    background: var(--color-white);
    box-shadow: none;
  }
  .cart-quickview .quantity .spinner-value {
    min-width: 1.5rem;
    text-align: center;
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--color-dark-text);
    line-height: 1;
  }
  .cart-quickview .quantity .spinner-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  .cart-quickview .quantity .spinner-button:hover {
    background: color-mix(in srgb, #0023ff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    }
  }
  .cart-quickview .quantity .spinner-button svg {
    width: 14px;
    height: 14px;
    stroke: var(--color-muted-grey);
    transition: stroke 0.2s ease;
  }
  .cart-quickview .quantity .spinner-button:hover svg {
    stroke: var(--color-primary);
  }
  .cart-quickview .remove-item, .cart-quickview .remove-from-cart-action {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    cursor: pointer;
    background: transparent;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  .cart-quickview .remove-item svg {
    width: 15px;
    height: 15px;
    stroke: var(--color-muted-grey);
    transition: stroke 0.2s ease;
  }
  .cart-quickview .remove-item:hover {
    background: color-mix(in srgb, #ff3b3c 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-red, #ff3b3c) 12%, transparent);
    }
  }
  .cart-quickview .remove-item:hover svg {
    stroke: var(--color-red, #ff3b3c);
  }
  .quickview-header span:hover svg {
    transform: rotate(180deg);
  }
  .quickview-header svg {
    transform: rotate(0);
    transition: all 0.3s;
  }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .shop-quickview {
      inset-inline-start: 79px;
    }
  }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .menu-fab {
      top: 80px !important;
    }
  }
  @media (max-width: 767px) {
    .menu-fab {
      top: 72px !important;
    }
    .shop-quickview {
      inset-inline-start: 80px !important;
      width: calc(100% - 80px) !important;
      transform: translateX(calc(-100% - 80px));
    }
    [dir='rtl'] .shop-quickview {
      transform: translateX(calc(100% + 80px));
    }
    .cart-quickview {
      inset-inline-start: 80px !important;
      width: calc(100% - 80px);
      transform: translateX(calc(-100% - 80px));
    }
    [dir='rtl'] .cart-quickview {
      transform: translateX(calc(100% + 80px));
    }
    .cart-quickview .cart-quickview-footer, .shop-quickview .shop-quickview-footer, .category-quickview .category-quickview-footer {
      padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    }
    .filters-quickview {
      inset-inline-start: 80px !important;
      width: calc(100% - 80px);
      transform: translateX(-100%);
    }
    [dir='rtl'] .filters-quickview {
      transform: translateX(100%);
      box-shadow: -2px 0px 2px 0px rgba(0, 0, 0, 0.02);
    }
    .category-quickview {
      inset-inline-start: auto !important;
      inset-inline-end: 0 !important;
      width: 100% !important;
      z-index: 100;
      transform: translateX(100%);
    }
    [dir='rtl'] .category-quickview {
      transform: translateX(-100%);
    }
    .category-quickview.is-active, .category-quickview.is-active.is-pushed-mobile {
      transform: translateX(0);
    }
    [dir='rtl'] .category-quickview.is-active, [dir='rtl'] .category-quickview.is-active.is-pushed-mobile {
      transform: translateX(0);
    }
  }
}
/*! layout-search.css | Nephos | Search overlay and modal */
@layer components {
  .search-overlay {
    position: fixed;
    inset: 0;
    background: var(--color-search-backdrop, color-mix(in srgb, #4a4a4a 42%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      background: var(--color-search-backdrop, color-mix(in srgb, var(--color-dark-text) 42%, transparent));
    }
    backdrop-filter: blur(6px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 3;
  }
  .search-overlay.is-active {
    opacity: 1;
    pointer-events: auto;
  }
  .search-input-wrapper {
    position: fixed;
    inset: 0;
    z-index: 4;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 40px 20px 20px;
    pointer-events: none;
  }
  .search-input-wrapper:not(.hidden) {
    pointer-events: auto;
  }
  .search-input-wrapper.is-desktop {
    padding-inline-start: calc(80px + 24px);
    padding-inline-end: 24px;
  }
  .search-modal {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 720px;
    max-height: calc(100vh - 64px);
    background: var(--color-white);
    border: 1px solid var(--color-fade-grey);
    border-radius: 20px;
    box-shadow: var(--shadow-modal, 0 24px 48px color-mix(in srgb, #4a4a4a 14%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: var(--shadow-modal, 0 24px 48px color-mix(in srgb, var(--color-dark-text) 14%, transparent));
    }
    opacity: 0;
    transform: translateY(-12px) scale(0.98);
    transition: opacity 0.3s ease, transform 0.3s ease;
    overflow: hidden;
  }
  .search-modal.is-active {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  .search-modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-shrink: 0;
    padding: 20px 24px 0;
  }
  .search-modal-heading {
    min-width: 0;
    flex: 1;
  }
  .search-modal-close {
    display: none;
  }
  .search-modal-header h2 {
    margin: 0 0 4px;
    font-family: 'Raleway', sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-dark-text);
    letter-spacing: 0.03em;
    text-transform: uppercase;
  }
  [lang='fa'] .search-modal-header h2 {
    font-family: 'Vazirmatn', sans-serif;
    letter-spacing: 0;
    text-transform: none;
    font-size: 1.15rem;
  }
  .search-modal-subtitle {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--color-muted-grey);
    line-height: 1.4;
  }
  .search-modal-body {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 16px 24px 24px;
    gap: 16px;
  }
  .search-input-wrapper .field {
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    opacity: 1;
    transform: none;
    transition: none;
  }
  .search-control {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 4px 4px 14px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    border-radius: 14px;
    background: var(--color-surface-muted, #fcfcfc);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  }
  .search-control:focus-within {
    border-color: color-mix(in srgb, #0023ff 35%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 35%, var(--color-fade-grey));
    }
    background: var(--color-white);
    box-shadow: 0 0 0 3px color-mix(in srgb, #0023ff 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent);
    }
  }
  .search-leading-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--color-muted-grey);
  }
  .search-leading-icon svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
  }
  .search-control input {
    flex: 1;
    min-width: 0;
    height: 44px;
    border: 0;
    background: transparent;
    font-family: 'Raleway', sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--color-dark-text);
    padding: 0;
  }
  [lang='fa'] .search-control input {
    font-family: 'Vazirmatn', sans-serif;
    font-size: 0.95rem;
    font-weight: 400;
  }
  .search-control input:focus {
    outline: none !important;
  }
  .search-control input::placeholder {
    color: var(--color-placeholder, #cecece);
  }
  .search-clear-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--color-muted-grey);
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease;
  }
  .search-clear-btn.is-active {
    opacity: 1;
    pointer-events: auto;
  }
  .search-clear-btn:hover {
    background: var(--color-fade-grey);
    color: var(--color-dark-text);
  }
  .search-clear-btn svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
  }
  .search-suggestions {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-inline-end: 4px;
  }
  .search-suggestions.is-hidden {
    display: none;
  }
  .search-suggestions::-webkit-scrollbar {
    width: 6px;
  }
  .search-suggestions::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.15);
  }
  .search-section h3 {
    margin: 0 0 10px;
    font-family: 'Raleway', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-muted-grey);
  }
  [lang='fa'] .search-section h3 {
    font-family: 'Vazirmatn', sans-serif;
    letter-spacing: 0;
    text-transform: none;
    font-size: 0.8125rem;
    font-weight: 500;
  }
  .search-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
  }
  .search-section-header h3 {
    margin: 0;
  }
  .search-section-action {
    border: 0;
    background: transparent;
    padding: 0;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--color-primary);
    cursor: pointer;
    transition: opacity 0.2s ease;
  }
  .search-section-action:hover {
    opacity: 0.75;
  }
  .search-section-empty {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--color-muted-grey);
  }
  .search-recent-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .search-recent-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    border-radius: 999px;
    background: var(--color-white);
    color: var(--color-dark-text);
    font-family: inherit;
    font-size: 0.8125rem;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
  }
  .search-recent-chip:hover {
    border-color: color-mix(in srgb, #0023ff 25%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 25%, var(--color-fade-grey));
    }
    color: var(--color-primary);
    background: var(--color-surface-muted, #fcfcfc);
  }
  .search-recent-chip svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
    flex-shrink: 0;
  }
  .search-product-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .search-product-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    border-radius: 12px;
    background: var(--color-white);
    color: inherit;
    text-decoration: none;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }
  .search-product-card:hover {
    border-color: color-mix(in srgb, #0023ff 25%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 25%, var(--color-fade-grey));
    }
    background: var(--color-surface-muted, #fcfcfc);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    transform: translateY(-1px);
  }
  .search-product-card img {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
    background: var(--color-surface-muted, #fcfcfc);
  }
  .search-product-card-content {
    min-width: 0;
    flex: 1;
  }
  .search-product-card-name {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--color-dark-text);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .search-product-card-meta {
    display: block;
    margin-top: 2px;
    font-size: 0.7rem;
    color: var(--color-muted-grey);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .search-product-card-price {
    display: block;
    margin-top: 4px;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--color-primary);
  }
  .search-input-wrapper .control.is-loading::after {
    animation: spinAround 500ms infinite linear;
    border: 2px solid var(--color-fade-grey);
    border-radius: 9999px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: '';
    display: block;
    height: 1.25rem;
    width: 1.25rem;
    position: absolute;
    inset-inline-end: 48px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
  }
  .search-input-wrapper .easy-autocomplete {
    width: 100%;
  }
  .search-input-wrapper .easy-autocomplete input {
    box-shadow: none !important;
  }
  .search-input-wrapper .easy-autocomplete-container {
    width: 100%;
    position: static !important;
  }
  .search-input-wrapper .easy-autocomplete-container ul {
    position: static !important;
    display: none;
    margin: 8px 0 0;
    padding: 6px;
    list-style: none;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    border-radius: 14px;
    background: var(--color-white);
    box-shadow: var(--shadow-elevated-md);
    max-height: 280px;
    overflow-y: auto;
  }
  .search-input-wrapper .easy-autocomplete-container ul.opened {
    display: block !important;
  }
  .search-input-wrapper .easy-autocomplete-container ul li {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 10px;
    overflow: hidden;
  }
  .search-input-wrapper .easy-autocomplete-container ul li.selected {
    background: var(--color-surface-muted, #fcfcfc) !important;
  }
  .search-input-wrapper .easy-autocomplete-container ul li.full-search {
    cursor: pointer;
    border-top: 1px solid var(--color-fade-grey);
    margin-top: 4px;
    border-radius: 0 0 10px 10px;
  }
  .nephos-search-template {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    transition: background-color 0.2s ease;
  }
  .search-input-wrapper .easy-autocomplete-container ul li:hover .nephos-search-template, .search-input-wrapper .easy-autocomplete-container ul li.selected .nephos-search-template {
    background: transparent;
  }
  .nephos-search-template .autocpl-product {
    display: block;
    width: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
    object-fit: cover;
    flex-shrink: 0;
    filter: none;
    opacity: 1;
  }
  .nephos-search-template .icon-wrapper {
    width: 44px !important;
    height: 44px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 10px;
    background: var(--color-surface-muted, #fcfcfc);
  }
  .nephos-search-template .icon-wrapper svg {
    height: 20px;
    width: 20px;
    stroke-width: 1.6px;
    stroke: var(--color-primary);
  }
  .nephos-search-template .entry-text {
    min-width: 0;
    flex: 1;
  }
  .nephos-search-template .entry-text span {
    display: block;
    line-height: 1.3;
  }
  .nephos-search-template .entry-text span:first-child {
    font-size: 0.875rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: var(--color-dark-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  [lang='fa'] .nephos-search-template .entry-text span:first-child {
    font-family: 'Vazirmatn', sans-serif;
    font-weight: 500;
  }
  .nephos-search-template .entry-text span:nth-child(2), .nephos-search-template .entry-text small {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-primary);
    margin-top: 2px;
  }
  .nephos-search-template .entry-text small {
    display: block;
    font-weight: 500;
    color: var(--color-muted-grey);
  }
  @media (max-width: 767px) {
    .search-overlay {
      z-index: 20;
    }
    .search-input-wrapper, .search-input-wrapper.is-desktop {
      z-index: 21;
      inset: 0;
      inset-inline: 0;
      top: 0;
      width: 100%;
      height: 100%;
      max-width: none;
      margin: 0;
      padding: 16px;
      padding-top: max(16px, env(safe-area-inset-top, 0px));
      padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
      align-items: center;
      justify-content: center;
    }
    .search-input-wrapper.is-desktop .field {
      position: static;
      top: auto;
      padding: 0;
    }
    .search-input-wrapper.is-desktop input {
      height: 44px;
      padding-inline-end: 0;
      font-size: 0.95rem;
    }
    .search-input-wrapper.is-desktop #clear-search {
      position: static;
      top: auto;
      inset-inline-end: auto;
    }
    .search-input-wrapper.is-desktop #clear-search svg {
      width: 16px;
      height: 16px;
    }
    .search-modal {
      width: 100%;
      max-height: min(calc(100vh - 32px), calc(100dvh - 32px));
      border-radius: 16px;
    }
    .search-modal-close {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      width: 36px;
      height: 36px;
      margin-top: -4px;
      border: 0;
      border-radius: 10px;
      background: var(--color-surface-muted, #fcfcfc);
      color: var(--color-muted-grey);
      cursor: pointer;
      transition: background-color 0.2s ease, color 0.2s ease;
    }
    .search-modal-close:hover {
      background: var(--color-fade-grey);
      color: var(--color-dark-text);
    }
    .search-modal-close svg {
      width: 18px;
      height: 18px;
      stroke: currentColor;
    }
    .search-product-grid {
      grid-template-columns: 1fr;
    }
  }
}
/*! layout-home-shop.css | Nephos | Modern scrollable shop home */
@layer components {
  .shop-wrapper.is-home-shop {
    overflow: hidden;
  }
  .home-shop-page {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .home-shop {
    max-width: 1120px;
    margin-inline: auto;
    padding: 28px 28px 40px;
    display: flex;
    flex-direction: column;
    gap: 28px;
  }
  .home-shop-hero {
    position: relative;
    overflow: visible;
    padding-inline: 21px;
  }
  .home-shop-hero-slick {
    position: relative;
  }
  .home-shop-hero-slick .embla__viewport {
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    box-shadow: var(--shadow-elevated);
  }
  .home-shop-hero-slick .embla__container {
    align-items: stretch;
  }
  .home-shop-hero-slick .embla__slide.slick-slide {
    flex: 0 0 100%;
    min-width: 0;
    align-self: stretch;
    display: flex;
    flex-direction: column;
  }
  .home-shop-hero-slick .home-shop-hero-slide {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
  }
  .home-shop-hero-slick .home-shop-hero-banner {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
  }
  .home-shop-hero-banner {
    position: relative;
    isolation: isolate;
    min-height: 340px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .home-shop .has-background-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .home-shop-hero-banner-scrim {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    background-color: var(--color-hero-scrim-base);
  }
  .home-shop-hero-banner-scrim::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--gradient-hero-scrim);
  }
  [dir='rtl'] .home-shop-hero-banner-scrim::before {
    background: var(--gradient-hero-scrim-rtl);
  }
  .home-shop-hero-banner-layout {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 24px;
    align-items: center;
    flex: 1;
    min-height: 340px;
    padding: 36px 56px 52px;
  }
  .home-shop-hero-copy {
    text-align: start;
  }
  .home-shop-hero-copy h1 {
    color: #fff;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.32);
  }
  .home-shop-hero-copy p {
    color: rgba(255, 255, 255, 0.9);
    max-width: 42ch;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.28);
  }
  .home-shop-kicker.is-light {
    color: #fff;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.18);
  }
  .home-shop-stats.is-light .home-shop-stat strong {
    color: #fff;
  }
  .home-shop-stats.is-light .home-shop-stat span {
    color: rgba(255, 255, 255, 0.72);
  }
  .home-shop-btn.is-ghost.is-on-dark {
    border-color: rgba(255, 255, 255, 0.35);
    background: transparent;
    color: #fff;
  }
  .home-shop-btn.is-ghost.is-on-dark:hover {
    border-color: rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
  }
  .home-shop-hero-product {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: var(--shadow-elevated-strong);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .home-shop-hero-product:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-elevated-strong-hover);
  }
  .home-shop-hero-product-link {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    color: inherit;
    text-decoration: none;
  }
  .home-shop-hero-product-media {
    position: relative;
    flex-shrink: 0;
    width: 108px;
    height: 108px;
    border-radius: 14px;
    overflow: hidden;
    background: var(--color-surface-muted, #fcfcfc);
  }
  .home-shop-hero-product-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .home-shop-hero-product-badge {
    position: absolute;
    top: 8px;
    inset-inline-start: 8px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.625rem;
    font-weight: 700;
    color: #fff;
    background: var(--color-primary);
    line-height: 1.5;
  }
  .home-shop-hero-product-body {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1;
  }
  .home-shop-hero-product-label {
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--color-muted-grey);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
  [lang='fa'] .home-shop-hero-product-label {
    text-transform: none;
    letter-spacing: 0;
  }
  .home-shop-hero-product-name {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--color-dark-text);
    line-height: 1.3;
  }
  .home-shop-hero-product-desc {
    font-size: 0.8125rem;
    color: var(--color-muted-grey);
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .home-shop-hero-product-pricing {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
  }
  .home-shop-hero-product-price {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--color-primary);
  }
  .home-shop-hero-product-old-price {
    font-size: 0.75rem;
    color: var(--color-muted-grey);
    text-decoration: line-through;
  }
  .home-shop-hero-product-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: color-mix(in srgb, #0023ff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    }
    color: var(--color-primary);
  }
  .home-shop-hero-product-arrow svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
  }
  [dir='rtl'] .home-shop-hero-product-arrow svg {
    transform: scaleX(-1);
  }
  .home-shop-hero .embla__arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    padding: 0;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.1));
    border-radius: 50%;
    background: var(--color-white);
    color: var(--color-dark-text);
    box-shadow: var(--shadow-elevated-sm);
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  }
  .home-shop-hero .embla__arrow:hover {
    border-color: color-mix(in srgb, #0023ff 30%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-fade-grey));
    }
    color: var(--color-primary);
    box-shadow: var(--shadow-elevated-md);
  }
  .home-shop-hero .embla__arrow svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
  }
  .home-shop-hero .embla__arrow--prev {
    inset-inline-start: 0;
  }
  .home-shop-hero .embla__arrow--next {
    inset-inline-end: 0;
  }
  .home-shop-hero-slick > .splide__pagination.slick-dots, .home-shop-hero-slick > .embla__dots.slick-dots {
    position: absolute;
    bottom: 16px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 8px;
    z-index: 2;
    pointer-events: auto;
  }
  .home-shop-hero-slick > .splide__pagination.slick-dots .splide__pagination__page, .home-shop-hero-slick > .embla__dots.slick-dots .splide__pagination__page {
    background: rgba(255, 255, 255, 0.42);
  }
  .home-shop-hero-slick > .splide__pagination.slick-dots li.slick-active .splide__pagination__page, .home-shop-hero-slick > .splide__pagination.slick-dots .splide__pagination__page.is-active, .home-shop-hero-slick > .splide__pagination.slick-dots .splide__pagination__page.is-selected, .home-shop-hero-slick > .embla__dots.slick-dots li.slick-active .splide__pagination__page, .home-shop-hero-slick > .embla__dots.slick-dots .splide__pagination__page.is-active, .home-shop-hero-slick > .embla__dots.slick-dots .splide__pagination__page.is-selected {
    background: #fff;
    transform: scale(1.15);
  }
  .home-shop-kicker, .home-shop-promo-kicker {
    display: inline-block;
    margin-bottom: 10px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-primary);
    background: color-mix(in srgb, #0023ff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    }
  }
  [lang='fa'] .home-shop-kicker, [lang='fa'] .home-shop-promo-kicker {
    letter-spacing: 0;
    text-transform: none;
    font-size: 0.75rem;
  }
  .home-shop-hero-copy h1 {
    margin: 0 0 10px;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    font-weight: 700;
    line-height: 1.25;
  }
  .home-shop-hero-copy p {
    margin: 0 0 18px;
    font-size: 0.9375rem;
    line-height: 1.6;
  }
  .home-shop-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
  }
  .home-shop-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 18px;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    white-space: nowrap;
  }
  .home-shop-btn.is-primary {
    background: var(--color-primary);
    color: #fff;
    box-shadow: var(--shadow-button-primary);
  }
  .home-shop-btn.is-primary:hover {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: var(--shadow-button-primary-hover);
  }
  .home-shop-btn.is-ghost {
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.1));
    background: var(--color-white);
    color: var(--color-dark-text);
  }
  .home-shop-btn.is-ghost:hover {
    border-color: color-mix(in srgb, #0023ff 25%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 25%, var(--color-fade-grey));
    }
    color: var(--color-primary);
  }
  .home-shop-btn.is-light {
    background: #fff;
    color: var(--color-primary);
    box-shadow: var(--shadow-elevated-sm);
  }
  .home-shop-btn.is-light:hover {
    color: var(--color-primary);
    transform: translateY(-1px);
  }
  .home-shop-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
  }
  .home-shop-stat {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .home-shop-stat strong {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color-dark-text);
    line-height: 1.2;
  }
  .home-shop-stat span {
    font-size: 0.75rem;
    color: var(--color-muted-grey);
  }
  .home-shop-section-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
  }
  .home-shop-section-header h2 {
    margin: 0 0 4px;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-dark-text);
  }
  .home-shop-section-header p {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--color-muted-grey);
  }
  .home-shop-section-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--color-primary);
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .home-shop-section-link svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
  }
  [dir='ltr'] .home-shop-section-link svg {
    transform: scaleX(-1);
  }
  .home-shop-categories {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
  }
  .home-shop-category-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 4px;
    min-height: 132px;
    padding: 14px;
    border-radius: 16px;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: transform 0.2s ease;
  }
  .home-shop-category-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--gradient-category-card);
    transition: background 0.2s ease;
  }
  .home-shop-category-card:hover {
    transform: translateY(-2px);
    color: #fff;
  }
  .home-shop-category-card:hover::before {
    background: var(--gradient-category-card-hover);
  }
  .home-shop-category-icon, .home-shop-category-name, .home-shop-category-count {
    position: relative;
    z-index: 1;
  }
  .home-shop-category-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(6px);
    margin-bottom: 4px;
  }
  .home-shop-category-icon svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
  }
  .home-shop-category-name {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.3;
  }
  .home-shop-category-count {
    font-size: 0.6875rem;
    opacity: 0.88;
  }
  .home-shop-product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }
  .home-shop-card {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }
  .home-shop-card:hover {
    border-color: color-mix(in srgb, #0023ff 22%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 22%, var(--color-fade-grey));
    }
    box-shadow: var(--shadow-elevated-md);
    transform: translateY(-2px);
  }
  .home-shop-card-media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    padding: 18px;
    background: var(--color-surface-muted, #fcfcfc);
    text-decoration: none;
  }
  .home-shop-card-media img {
    width: 100%;
    max-width: 120px;
    height: auto;
    max-height: 120px;
    object-fit: contain;
    transition: transform 0.25s ease;
  }
  .home-shop-card:hover .home-shop-card-media img {
    transform: scale(1.04);
  }
  .home-shop-card-badge {
    position: absolute;
    top: 10px;
    inset-inline-start: 10px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.625rem;
    font-weight: 700;
    color: #fff;
    background: var(--color-red, #ff3b3c);
  }
  .home-shop-card-body {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 12px 14px 14px;
    flex: 1;
  }
  .home-shop-card-category {
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--color-muted-grey);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
  [lang='fa'] .home-shop-card-category {
    text-transform: none;
    letter-spacing: 0;
  }
  .home-shop-card-title {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--color-dark-text);
    text-decoration: none;
    line-height: 1.35;
  }
  .home-shop-card-title:hover {
    color: var(--color-primary);
  }
  .home-shop-card-pricing {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
  }
  .home-shop-card-price {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-primary);
  }
  .home-shop-card-old-price {
    font-size: 0.6875rem;
    color: var(--color-muted-grey);
    text-decoration: line-through;
  }
  .home-shop-card-actions {
    position: absolute;
    top: 10px;
    inset-inline-end: 10px;
    display: flex;
    gap: 6px;
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity 0.2s ease, transform 0.2s ease;
  }
  .home-shop-card:hover .home-shop-card-actions {
    opacity: 1;
    transform: translateY(0);
  }
  .home-shop-card-actions .add, .home-shop-card-actions .like {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--color-white);
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    box-shadow: var(--shadow-elevated-xs);
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
  }
  .home-shop-card-actions .add:hover, .home-shop-card-actions .like:hover {
    border-color: color-mix(in srgb, #0023ff 30%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-fade-grey));
    }
  }
  .home-shop-card-actions svg {
    width: 16px;
    height: 16px;
    stroke: var(--color-muted-grey-bold);
  }
  .home-shop-promo {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    min-height: 180px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .home-shop-promo::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--gradient-promo-fallback);
    background: var(--gradient-promo);
  }
  .home-shop-promo-content {
    position: relative;
    z-index: 1;
    max-width: 520px;
    padding: 28px;
    color: #fff;
    text-align: start;
  }
  .home-shop-promo-content h3 {
    margin: 0 0 8px;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.3;
  }
  .home-shop-promo-content p {
    margin: 0 0 16px;
    font-size: 0.875rem;
    line-height: 1.5;
    opacity: 0.92;
  }
  .home-shop-trust {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
  }
  .home-shop-trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
  }
  .home-shop-trust-item svg {
    width: 20px;
    height: 20px;
    stroke: var(--color-primary);
    flex-shrink: 0;
  }
  .home-shop-trust-item strong {
    display: block;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-dark-text);
    line-height: 1.3;
  }
  .home-shop-trust-item span {
    display: block;
    font-size: 0.6875rem;
    color: var(--color-muted-grey);
    line-height: 1.3;
  }
  @media screen and (max-width: 1024px) {
    .home-shop-hero-banner-scrim {
      background-color: var(--color-hero-scrim-base);
    }
    .home-shop-hero-banner-scrim::before, [dir='rtl'] .home-shop-hero-banner-scrim::before {
      background: linear-gradient( 180deg, color-mix(in srgb, #0023ff 30%, color-mix(in srgb, #4a4a4a 92%, transparent)) 0%, color-mix(in srgb, #0023ff 14%, color-mix(in srgb, #4a4a4a 68%, transparent)) 52%, color-mix(in srgb, #0023ff 8%, color-mix(in srgb, #4a4a4a 38%, transparent)) 100% );
      @supports (color: color-mix(in lab, red, red)) {
        background: linear-gradient( 180deg, color-mix(in srgb, var(--color-primary) 30%, color-mix(in srgb, var(--color-dark-text) 92%, transparent)) 0%, color-mix(in srgb, var(--color-primary) 14%, color-mix(in srgb, var(--color-dark-text) 68%, transparent)) 52%, color-mix(in srgb, var(--color-primary) 8%, color-mix(in srgb, var(--color-dark-text) 38%, transparent)) 100% );
      }
    }
    .home-shop-hero-banner-layout {
      grid-template-columns: 1fr;
      gap: 20px;
      padding: 28px 48px 52px;
    }
    .home-shop-categories {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .home-shop-product-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .home-shop-trust {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media screen and (max-width: 768px) {
    .home-shop {
      padding: 16px 16px 28px;
      gap: 22px;
    }
    .home-shop-hero {
      padding-inline: 18px;
    }
    .home-shop-hero-banner-layout {
      min-height: 0;
      padding: 24px 44px 48px;
    }
    .home-shop-hero-product-link {
      align-items: flex-start;
    }
    .home-shop-hero .embla__arrow {
      width: 36px;
      height: 36px;
      margin-top: -18px;
    }
    .home-shop-categories {
      display: flex;
      overflow-x: auto;
      gap: 10px;
      padding-bottom: 4px;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
    }
    [dir='rtl'] .home-shop-categories {
      direction: rtl;
    }
    .home-shop-category-card {
      flex: 0 0 148px;
      scroll-snap-align: start;
    }
    .home-shop-card-actions {
      opacity: 1;
      transform: none;
    }
    .home-shop-promo-content {
      padding: 22px;
    }
    .home-shop-promo-content h3 {
      font-size: 1.125rem;
    }
  }
}
/*! layout-shop.css | Nephos | Modern shop categories landing */
@layer components {
  .shop-wrapper.is-shop-page {
    overflow: hidden;
  }
  .shop-page {
    max-width: 1120px;
    margin-inline: auto;
    padding: 32px 28px 48px;
    display: flex;
    flex-direction: column;
    gap: 28px;
  }
  .shop-page-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 32px;
    border-radius: 24px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.04);
  }
  .shop-page-hero-copy {
    flex: 1;
    min-width: 0;
    text-align: start;
  }
  .shop-page-kicker {
    display: inline-block;
    margin-bottom: 10px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--color-primary);
    background: color-mix(in srgb, #0023ff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    }
  }
  [lang='fa'] .shop-page-kicker {
    letter-spacing: 0;
    text-transform: none;
    font-size: 0.75rem;
  }
  .shop-page-hero-copy h1 {
    margin: 0 0 8px;
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-dark-text);
  }
  .shop-page-hero-copy p {
    margin: 0;
    max-width: 52ch;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-muted-grey);
  }
  .shop-page-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    flex-shrink: 0;
  }
  .shop-page-stat {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 72px;
    padding: 10px 14px;
    border-radius: 14px;
    background: var(--color-surface-muted, #fcfcfc);
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.06));
  }
  .shop-page-stat strong {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color-dark-text);
    line-height: 1.2;
  }
  .shop-page-stat span {
    font-size: 0.6875rem;
    color: var(--color-muted-grey);
  }
  .shop-bento {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-areas: 'house house house house house house house office office office office office' 'house house house house house house house office office office office office' 'accessories accessories accessories kitchen kitchen kitchen kids kids kids kids kids kids';
    gap: 14px;
  }
  .shop-bento-card {
    position: relative;
    display: flex;
    overflow: hidden;
    min-height: 168px;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #fff;
    text-decoration: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.1);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
  }
  .shop-bento-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.16);
    color: #fff;
  }
  .shop-bento-card.is-featured {
    grid-area: house;
    min-height: 360px;
  }
  .shop-bento-card.is-tall {
    grid-area: office;
    min-height: 360px;
  }
  .shop-bento-card.is-wide {
    grid-area: kids;
    min-height: 200px;
  }
  .shop-bento-card.is-accessories {
    grid-area: accessories;
  }
  .shop-bento-card.is-kitchen {
    grid-area: kitchen;
  }
  .shop-bento-card-scrim {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background-color: var(--color-bento-scrim-base);
  }
  .shop-bento-card-scrim::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--gradient-bento-scrim);
    transition: opacity 0.25s ease, background 0.25s ease;
  }
  .shop-bento-card:hover .shop-bento-card-scrim::before {
    opacity: 1;
    background: var(--gradient-bento-scrim-hover);
  }
  .shop-bento-card-body, .shop-bento-card-copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 6px;
    width: 100%;
    min-height: 100%;
    padding: 22px;
    text-align: start;
  }
  .shop-bento-card-copy {
    flex: 1;
    min-width: 0;
    color: #fff;
    text-decoration: none;
    transition: color 0.2s ease;
  }
  .shop-bento-card-copy:hover {
    color: #fff;
  }
  .shop-bento-card-layout {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 100%;
    padding: 22px;
  }
  .shop-bento-card.has-featured-product .shop-bento-card-copy {
    padding: 0;
  }
  .shop-bento-featured-product {
    flex-shrink: 0;
    width: auto;
    max-width: min(148px, 34%);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .shop-bento-featured-product:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
  }
  .shop-bento-featured-product-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    color: inherit;
    text-decoration: none;
  }
  .shop-bento-featured-product-media {
    position: relative;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: var(--color-surface-muted, #fcfcfc);
  }
  .shop-bento-featured-product-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .shop-bento-featured-product-body {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
    flex: 1;
  }
  .shop-bento-featured-product-name {
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--color-dark-text);
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .shop-bento-featured-product-price {
    font-size: 0.625rem;
    font-weight: 700;
    color: var(--color-primary);
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .shop-bento-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 4px;
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  }
  .shop-bento-card-icon svg {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .shop-bento-card-name {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.28);
  }
  .shop-bento-card.is-featured .shop-bento-card-name, .shop-bento-card.is-tall .shop-bento-card-name {
    font-size: 1.5rem;
  }
  .shop-bento-card-tagline {
    font-size: 0.8125rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.88);
  }
  .shop-bento-card-desc {
    display: block;
    max-width: 42ch;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.82);
  }
  .shop-bento-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
  }
  .shop-bento-card-count {
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
  }
  .shop-bento-card-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    opacity: 0.85;
    transition: opacity 0.2s ease;
  }
  .shop-bento-card:hover .shop-bento-card-link {
    opacity: 1;
  }
  .shop-bento-card-link svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
  }
  [dir='ltr'] .shop-bento-card-link svg {
    transform: scaleX(-1);
  }
  .shop-page-section {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .shop-page-section-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
  }
  .shop-page-section-header h2 {
    margin: 0 0 4px;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-dark-text);
  }
  .shop-page-section-header p {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--color-muted-grey);
  }
  .shop-page-section-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--color-primary);
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .shop-page-section-link svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
  }
  [dir='ltr'] .shop-page-section-link svg {
    transform: scaleX(-1);
  }
  .shop-page-product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }
  .shop-page-product-card {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }
  .shop-page-product-card:hover {
    border-color: color-mix(in srgb, #0023ff 22%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 22%, var(--color-fade-grey));
    }
    box-shadow: var(--shadow-elevated-md);
    transform: translateY(-2px);
  }
  .shop-page-product-media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    padding: 18px;
    background: var(--color-surface-muted, #fcfcfc);
    text-decoration: none;
  }
  .shop-page-product-media img {
    width: 100%;
    max-width: 120px;
    height: auto;
    max-height: 120px;
    object-fit: contain;
    transition: transform 0.25s ease;
  }
  .shop-page-product-card:hover .shop-page-product-media img {
    transform: scale(1.04);
  }
  .shop-page-product-badge {
    position: absolute;
    top: 10px;
    inset-inline-start: 10px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.625rem;
    font-weight: 700;
    color: #fff;
    background: var(--color-red, #ff3b3c);
  }
  .shop-page-product-body {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 12px 14px 14px;
    flex: 1;
  }
  .shop-page-product-category {
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--color-muted-grey);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
  [lang='fa'] .shop-page-product-category {
    text-transform: none;
    letter-spacing: 0;
  }
  .shop-page-product-title {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--color-dark-text);
    text-decoration: none;
    line-height: 1.35;
  }
  .shop-page-product-title:hover {
    color: var(--color-primary);
  }
  .shop-page-product-pricing {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
  }
  .shop-page-product-price {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-primary);
  }
  .shop-page-product-old-price {
    font-size: 0.6875rem;
    color: var(--color-muted-grey);
    text-decoration: line-through;
  }
  .shop-page-product-actions {
    position: absolute;
    top: 10px;
    inset-inline-end: 10px;
    display: flex;
    gap: 6px;
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity 0.2s ease, transform 0.2s ease;
  }
  .shop-page-product-card:hover .shop-page-product-actions {
    opacity: 1;
    transform: translateY(0);
  }
  .shop-page-product-actions .add, .shop-page-product-actions .like {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--color-white);
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
  }
  .shop-page-product-actions .add:hover, .shop-page-product-actions .like:hover {
    border-color: color-mix(in srgb, #0023ff 30%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-fade-grey));
    }
  }
  .shop-page-product-actions svg {
    width: 16px;
    height: 16px;
    stroke: var(--color-muted-grey-bold);
  }
  @media screen and (max-width: 1024px) {
    .shop-bento {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-template-areas: none;
    }
    .shop-bento-card, .shop-bento-card.is-featured, .shop-bento-card.is-tall, .shop-bento-card.is-wide, .shop-bento-card.is-accessories, .shop-bento-card.is-kitchen {
      grid-area: auto;
      grid-column: span 1;
      min-height: 220px;
    }
    .shop-bento-card.is-featured, .shop-bento-card.is-wide {
      grid-column: span 2;
      min-height: 260px;
    }
    .shop-page-product-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media screen and (max-width: 768px) {
    .shop-page {
      padding: 20px 16px 36px;
      gap: 20px;
    }
    .shop-page-hero {
      flex-direction: column;
      align-items: stretch;
      padding: 22px 20px;
      border-radius: 20px;
    }
    .shop-page-stats {
      justify-content: flex-start;
    }
    .shop-bento {
      grid-template-columns: 1fr;
      gap: 12px;
    }
    .shop-bento-card, .shop-bento-card.is-featured, .shop-bento-card.is-tall, .shop-bento-card.is-wide {
      grid-column: span 1;
      min-height: 200px;
    }
    .shop-bento-card-body, .shop-bento-card-layout {
      padding: 18px;
    }
    .shop-bento-card-layout {
      flex-direction: column;
      align-items: stretch;
    }
    .shop-bento-featured-product {
      width: 100%;
      max-width: none;
    }
    .shop-page-section-header {
      flex-direction: column;
      align-items: flex-start;
    }
    .shop-page-product-actions {
      opacity: 1;
      transform: none;
    }
  }
}
/*! layout-products-grid.css | Nephos | Catalog products grid */
@layer components {
  .catalog-page {
    padding: 24px 0 48px;
  }
  .catalog-container {
    width: 100%;
    max-width: 1180px;
    margin-inline: auto;
    padding-inline: 28px;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .catalog-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 32px;
    border-radius: 24px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.04);
  }
  .catalog-hero-copy {
    flex: 1;
    min-width: 0;
    text-align: start;
  }
  .catalog-kicker {
    display: inline-block;
    margin-bottom: 10px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--color-primary);
    background: color-mix(in srgb, #0023ff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    }
  }
  [lang='fa'] .catalog-kicker {
    letter-spacing: 0;
    text-transform: none;
    font-size: 0.75rem;
  }
  .catalog-hero-copy h1 {
    margin: 0 0 8px;
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-dark-text);
  }
  .catalog-hero-copy p {
    margin: 0;
    max-width: 52ch;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-muted-grey);
  }
  .catalog-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-shrink: 0;
  }
  .catalog-view-toggle, .products-modern-view-toggle {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border-radius: 12px;
    background: var(--color-surface-muted, #fcfcfc);
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
  }
  .catalog-view-toggle a, .products-modern-view-toggle a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    color: var(--color-muted-grey);
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
  }
  .catalog-view-toggle a.is-active, .catalog-view-toggle a:hover, .products-modern-view-toggle a.is-active, .products-modern-view-toggle a:hover {
    background: var(--color-white);
    color: var(--color-primary);
    box-shadow: var(--shadow-elevated-xs);
  }
  .catalog-view-toggle svg, .products-modern-view-toggle svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
  }
  .catalog-sort {
    display: inline-flex;
    align-items: center;
    gap: 0;
    max-width: none;
    padding: 4px;
    border-radius: 12px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-surface-muted, #fcfcfc);
  }
  .catalog-sort-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px 0 8px;
    margin: 0;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-muted-grey);
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
  }
  .catalog-sort-label svg {
    width: 14px;
    height: 14px;
    stroke: var(--color-primary);
    flex-shrink: 0;
  }
  [lang='fa'] .catalog-sort-label {
    letter-spacing: 0;
  }
  .catalog-sort-control-wrap {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
  }
  .catalog-sort-control-wrap::after {
    content: '';
    position: absolute;
    inset-inline-end: 12px;
    top: 50%;
    width: 10px;
    height: 10px;
    pointer-events: none;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%2366676b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .catalog-sort-control, .catalog-sort .nephos-select {
    display: block;
    min-width: 168px;
    max-width: 220px;
    min-height: 36px;
    padding-block: 8px;
    padding-inline: 12px 32px;
    margin: 0;
    border: 0;
    border-radius: 9px;
    background: var(--color-white);
    color: var(--color-dark-text);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.3;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    cursor: pointer;
    transition: box-shadow 0.2s ease, color 0.2s ease;
  }
  .catalog-sort-control:hover, .catalog-sort-control:focus, .catalog-sort .nephos-select:hover, .catalog-sort .nephos-select:focus {
    outline: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    color: var(--color-primary);
    background: var(--color-white);
  }
  @supports (appearance: base-select) {
    .catalog-sort .nephos-select {
      border-radius: 9px;
      border: 0;
      height: 36px;
      min-height: 36px;
      padding-block: 0;
      padding-inline: 12px 28px;
    }
    .catalog-sort .nephos-select::picker-icon {
      display: none;
    }
    .catalog-sort .nephos-select::picker(select) {
      margin-block-start: 6px;
      padding-block: 6px;
      border-radius: 12px;
      border-color: var(--color-border-subtle, rgba(0, 0, 0, 0.1));
      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
      min-inline-size: max(anchor-size(self-inline), 200px);
    }
    .catalog-sort .nephos-select option {
      padding-block: 8px;
      padding-inline: 12px;
      font-size: 0.8125rem;
    }
    .catalog-sort .nephos-select option:checked {
      background: color-mix(in srgb, #0023ff 8%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb, var(--color-primary) 8%, transparent);
      }
    }
  }
  @supports not (appearance: base-select) {
    .catalog-sort-control, .catalog-sort .nephos-select {
      appearance: none;
      -webkit-appearance: none;
      background-image: none;
    }
  }
  .catalog-section {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .catalog-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0 2px;
  }
  .catalog-section-copy h2 {
    margin: 0 0 2px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--color-dark-text);
  }
  .catalog-section-copy p {
    margin: 0;
    font-size: 0.75rem;
    color: var(--color-muted-grey);
  }
  .catalog-section-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    border-radius: 12px;
    color: var(--color-primary);
    background: color-mix(in srgb, #0023ff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    }
    border: 1px solid color-mix(in srgb, #0023ff 16%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-primary) 16%, transparent);
    }
  }
  .catalog-section-icon svg, .catalog-section-icon img {
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px;
  }
  .catalog-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
  }
  .catalog-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    border-radius: 18px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }
  .catalog-card:hover {
    border-color: color-mix(in srgb, #0023ff 22%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 22%, var(--color-fade-grey));
    }
    box-shadow: var(--shadow-elevated-md);
    transform: translateY(-2px);
  }
  .catalog-card-media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    padding: 18px;
    background: var(--color-surface-muted, #fcfcfc);
    text-decoration: none;
  }
  .catalog-card-media img {
    width: 100%;
    max-width: 116px;
    height: auto;
    max-height: 116px;
    object-fit: contain;
    transition: transform 0.25s ease;
  }
  .catalog-card:hover .catalog-card-media img {
    transform: scale(1.04);
  }
  .catalog-card-badge {
    position: absolute;
    top: 10px;
    inset-inline-start: 10px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.625rem;
    font-weight: 700;
    color: #fff;
    background: var(--color-red, #ff3b3c);
    line-height: 1.5;
  }
  .catalog-card-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    padding: 12px 14px 14px;
    text-align: start;
  }
  .catalog-card-tag {
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--color-muted-grey);
  }
  [lang='fa'] .catalog-card-tag {
    letter-spacing: 0;
    text-transform: none;
  }
  .catalog-card-title {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--color-dark-text);
    text-decoration: none;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .catalog-card-title:hover {
    color: var(--color-primary);
  }
  .catalog-card-desc {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.45;
    color: var(--color-muted-grey);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .catalog-card .product-price {
    margin: 4px 0 0;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-primary);
    text-transform: none;
  }
  .catalog-card .product-price span {
    display: inline;
    font-family: inherit;
    text-transform: none;
  }
  .catalog-card .product-price .sale-price {
    margin-inline-end: 6px;
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--color-muted-grey);
    text-decoration: line-through;
  }
  .catalog-card-actions {
    position: absolute;
    top: 10px;
    inset-inline-end: 10px;
    display: flex;
    gap: 6px;
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  .catalog-card:hover .catalog-card-actions {
    opacity: 1;
  }
  .catalog-card-actions .add, .catalog-card-actions .like {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--color-white);
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transform: none !important;
    transition-delay: 0s !important;
  }
  .catalog-card-actions svg {
    width: 16px;
    height: 16px;
    stroke: var(--color-muted-grey-bold);
  }
  .catalog-more {
    padding-top: 8px;
    text-align: center;
  }
  .catalog-more a, .catalog-more-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 10px 18px;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--color-primary);
    text-decoration: none;
    background: color-mix(in srgb, #0023ff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 8%, transparent);
    }
    transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease;
  }
  .catalog-more a svg, .catalog-more-link svg {
    width: 15px;
    height: 15px;
    stroke: currentColor;
    flex-shrink: 0;
  }
  .catalog-more a:hover, .catalog-more-link:hover {
    background: color-mix(in srgb, #0023ff 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 14%, transparent);
    }
    transform: translateY(-1px);
    color: var(--color-primary);
  }
  html.dark .catalog-more a, html.dark .catalog-more-link {
    background: color-mix(in srgb, #0023ff 16%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 16%, transparent);
    }
  }
  @media screen and (max-width: 1100px) {
    .catalog-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media screen and (max-width: 900px) {
    .catalog-container {
      padding-inline: 20px;
      gap: 28px;
    }
    .catalog-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }
  }
  @media screen and (max-width: 768px) {
    .catalog-page {
      padding: 16px 0 36px;
    }
    .catalog-container {
      padding-inline: 16px;
      gap: 24px;
    }
    .catalog-hero {
      flex-direction: column;
      align-items: stretch;
      padding: 22px 20px;
      border-radius: 20px;
    }
    .catalog-toolbar {
      width: 100%;
      justify-content: space-between;
    }
    .catalog-sort {
      flex: 1;
      min-width: 0;
      width: 100%;
      justify-content: space-between;
    }
    .catalog-sort-label span {
      display: none;
    }
    .catalog-sort-control-wrap {
      flex: 1;
      min-width: 0;
    }
    .catalog-sort-control, .catalog-sort .nephos-select {
      width: 100%;
      max-width: none;
      min-width: 0;
    }
    .catalog-section-icon {
      display: none;
    }
    .catalog-card-actions {
      opacity: 1;
    }
  }
  @media (hover: none) {
    .catalog-card-actions {
      opacity: 1;
    }
  }
  .catalog-page--list .catalog-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .catalog-list-card {
    position: relative;
    display: grid;
    grid-template-columns: 88px minmax(0, 1.4fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px 20px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }
  .catalog-list-card:hover {
    border-color: color-mix(in srgb, #0023ff 22%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 22%, var(--color-fade-grey));
    }
    box-shadow: var(--shadow-elevated-sm);
    transform: translateY(-1px);
  }
  .catalog-list-media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    flex-shrink: 0;
    border-radius: 14px;
    background: var(--color-surface-muted, #fcfcfc);
    text-decoration: none;
    overflow: hidden;
  }
  .catalog-list-media img {
    width: 100%;
    height: 100%;
    max-width: 72px;
    max-height: 72px;
    object-fit: contain;
  }
  .catalog-list-badge {
    position: absolute;
    top: 6px;
    inset-inline-start: 6px;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 0.5625rem;
    font-weight: 700;
    color: #fff;
    background: var(--color-red, #ff3b3c);
    line-height: 1.4;
  }
  .catalog-list-main {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    text-align: start;
  }
  .catalog-list-rating {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    flex-wrap: wrap;
  }
  .catalog-list-star {
    width: 12px;
    height: 12px;
    stroke: #f5b301;
    fill: none;
  }
  .catalog-list-star.is-filled {
    fill: #f5b301;
  }
  .catalog-list-rating-label {
    margin-inline-start: 6px;
    font-size: 0.6875rem;
    color: var(--color-muted-grey);
  }
  .catalog-list-tag {
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--color-muted-grey);
  }
  .catalog-list-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-dark-text);
    text-decoration: none;
    line-height: 1.35;
  }
  .catalog-list-title:hover {
    color: var(--color-primary);
  }
  .catalog-list-desc {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--color-muted-grey);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .catalog-list-card .product-price {
    margin: 2px 0 0;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-primary);
  }
  .catalog-list-card .product-price .sale-price {
    margin-inline-end: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--color-muted-grey);
    text-decoration: line-through;
  }
  .catalog-list-aside {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    padding-inline: 4px;
    border-inline-start: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
  }
  .catalog-list-excerpt {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.55;
    color: var(--color-muted-grey);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .catalog-list-more {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    align-self: flex-start;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-primary);
    text-decoration: none;
  }
  .catalog-list-more svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
  }
  [dir='ltr'] .catalog-list-more svg {
    transform: scaleX(-1);
  }
  .catalog-list-actions {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex-shrink: 0;
  }
  .catalog-list-actions .add, .catalog-list-actions .like {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--color-surface-muted, #fcfcfc);
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    cursor: pointer;
    transform: none !important;
    transition-delay: 0s !important;
  }
  .catalog-list-actions svg {
    width: 16px;
    height: 16px;
    stroke: var(--color-muted-grey-bold);
  }
  @media screen and (max-width: 900px) {
    .catalog-list-card {
      grid-template-columns: 72px minmax(0, 1fr) auto;
      gap: 12px 14px;
    }
    .catalog-list-aside {
      display: none;
    }
    .catalog-list-media {
      width: 72px;
      height: 72px;
    }
  }
  @media screen and (max-width: 768px) {
    .catalog-list-card {
      grid-template-columns: 64px minmax(0, 1fr);
      grid-template-areas: 'media main' 'actions actions';
      padding: 12px;
    }
    .catalog-list-media {
      grid-area: media;
      width: 64px;
      height: 64px;
    }
    .catalog-list-main {
      grid-area: main;
    }
    .catalog-list-actions {
      grid-area: actions;
      flex-direction: row;
      justify-content: flex-end;
    }
  }
  .section.is-products-modern {
    padding-block: 24px 48px;
  }
  .products-modern-container {
    width: 100%;
    max-width: 1180px;
    margin-inline: auto;
    padding-inline: 28px;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .products-modern-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 32px;
    border-radius: 24px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.04);
  }
  .products-modern-hero-copy {
    flex: 1;
    min-width: 0;
    text-align: start;
  }
  .products-modern-kicker {
    display: inline-block;
    margin-bottom: 10px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--color-primary);
    background: color-mix(in srgb, #0023ff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    }
  }
  [lang='fa'] .products-modern-kicker {
    letter-spacing: 0;
    text-transform: none;
    font-size: 0.75rem;
  }
  .products-modern-hero-copy h1 {
    margin: 0 0 8px;
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-dark-text);
  }
  .products-modern-hero-copy p {
    margin: 0;
    max-width: 52ch;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-muted-grey);
  }
  .products-modern-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-shrink: 0;
  }
  .products-modern-section {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .products-modern-section-inner {
    width: 100%;
    max-width: 1140px;
    margin-inline: auto;
  }
  .is-products-modern .listing-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-top: 1px solid #d6d6d6;
    line-height: 16px;
  }
  .products-modern-grid {
    display: flex;
    flex-wrap: wrap;
    margin-inline: -0.75rem;
    padding-top: 1.25rem;
  }
  .products-modern-grid > .column {
    display: flex;
    padding: 0.75rem;
    box-sizing: border-box;
  }
  .products-modern-grid > .column.is-3 {
    width: 25%;
    flex: none;
  }
  .products-modern-grid > .column.is-6 {
    width: 50%;
    flex: none;
  }
  .products-modern-grid > .column.is-9 {
    width: 75%;
    flex: none;
  }
  .products-modern-grid > .column.is-12 {
    width: 100%;
    flex: none;
  }
  .products-modern-grid .flat-card.product-container {
    height: 100%;
    width: 100%;
  }
  .products-modern-grid .flat-card.product-container:not(.is-long) {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  .products-modern-grid .flat-card.product-container:not(.is-long) .product-info {
    flex-shrink: 0;
  }
  .products-modern-grid .flat-card.product-container:not(.is-long) .image {
    display: flex;
    min-height: 0;
    flex: 1;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-block: 0 !important;
    padding-block: 0.5rem;
  }
  .products-modern-grid .flat-card.product-container:not(.is-long) .image img {
    margin-block: 0 !important;
    max-height: 100%;
    max-width: 100px !important;
    width: auto;
    height: auto;
    object-fit: contain;
  }
  .products-modern-grid .flat-card.product-container.is-long {
    min-height: 0;
    min-width: 0;
    justify-content: flex-start;
  }
  .products-modern-grid .flat-card.product-container.is-long .start-image, .products-modern-grid .flat-card.product-container.is-long .start-image.is-md {
    flex: 0 0 32%;
    max-width: 200px;
    min-width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .products-modern-grid .flat-card.product-container.is-long .start-image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 190px;
    width: auto;
    height: auto;
    object-fit: contain;
  }
  .products-modern-grid .flat-card.product-container.is-long .product-info {
    flex: 1 1 0;
    min-width: 0;
  }
  .products-modern-grid > .column.is-6 .flat-card.product-container.is-long {
    flex-direction: column;
    align-items: stretch;
  }
  .products-modern-grid > .column.is-6 .flat-card.product-container.is-long .start-image, .products-modern-grid > .column.is-6 .flat-card.product-container.is-long .start-image.is-md {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
    min-width: 0;
  }
  .products-modern-grid > .column.is-6 .flat-card.product-container.is-long .start-image img {
    max-width: 140px;
    max-height: 140px;
  }
  .is-products-modern .show-more {
    padding-block: 0.625rem;
    text-align: center;
  }
  .is-products-modern .show-more a {
    font-size: 85%;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-primary);
    text-decoration: none;
  }
  .is-products-modern .show-more a:hover {
    opacity: 0.8;
    text-decoration: underline;
  }
  @media screen and (max-width: 1024px) {
    .products-modern-grid > .column.is-3 {
      width: 33.3333%;
    }
    .products-modern-grid > .column.is-6, .products-modern-grid > .column.is-9 {
      width: 50%;
    }
  }
  @media screen and (max-width: 768px) {
    .section.is-products-modern {
      padding-block: 16px 36px;
    }
    .products-modern-container {
      padding-inline: 16px;
      gap: 24px;
    }
    .products-modern-hero {
      flex-direction: column;
      align-items: stretch;
      padding: 22px 20px;
      border-radius: 20px;
    }
    .products-modern-hero-actions {
      width: 100%;
      justify-content: flex-start;
    }
    .products-modern-grid {
      margin-inline: -0.15rem;
    }
    .products-modern-grid > .column {
      padding: 0.45rem 0.15rem;
    }
    .products-modern-grid > .column.is-3, .products-modern-grid > .column.is-6, .products-modern-grid > .column.is-9, .products-modern-grid > .column.is-12 {
      width: 50%;
    }
  }
  @media screen and (max-width: 480px) {
    .products-modern-grid > .column.is-3, .products-modern-grid > .column.is-6, .products-modern-grid > .column.is-9, .products-modern-grid > .column.is-12 {
      width: 100%;
    }
  }
}
/*! layout-product-detail.css | Nephos | Product detail page */
@layer components {
  #product-page.pd-page .product-panel {
    display: flex;
    flex-direction: column;
    border-inline-end: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    box-shadow: none;
    background: var(--color-white);
  }
  #product-page.pd-page .product-info-panel {
    background: var(--color-surface-muted, #f5f5f5);
  }
  #product-page.pd-page .inner-panel {
    background: transparent;
  }
  .pd-panel-top {
    position: relative;
    z-index: 15;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 20px 24px;
    flex-shrink: 0;
  }
  .pd-back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-surface-muted, #fcfcfc);
    color: var(--color-dark-text);
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  }
  .pd-back-link svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    flex-shrink: 0;
  }
  .pd-back-link:hover {
    color: var(--color-primary);
    border-color: color-mix(in srgb, #0023ff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 25%, transparent);
    }
    background: color-mix(in srgb, #0023ff 6%, #fff);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 6%, var(--color-white));
    }
  }
  .pd-panel-top-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  .pd-share-btn, .pd-wishlist-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    border-radius: 999px;
    background: var(--color-white);
    color: var(--color-muted-grey);
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  }
  .pd-share-btn svg, .pd-wishlist-btn svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
  }
  .pd-wishlist-btn .is-liked, .pd-wishlist-btn:hover svg {
    stroke: var(--color-primary);
  }
  .pd-share-btn:hover, .pd-wishlist-btn:hover {
    color: var(--color-primary);
    border-color: color-mix(in srgb, #0023ff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 20%, transparent);
    }
  }
  #product-page.pd-page #product-view > .embla__dots, #product-page.pd-page #product-view > .splide__pagination {
    display: none !important;
  }
  .pd-gallery-view {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    padding: 20px 24px 108px !important;
    min-height: 0;
    background: radial-gradient( 120% 80% at 50% 18%, color-mix(in srgb, #0023ff 7%, transparent) 0%, transparent 62% ), var(--color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient( 120% 80% at 50% 18%, color-mix(in srgb, var(--color-primary) 7%, transparent) 0%, transparent 62% ), var(--color-white);
    }
  }
  .pd-gallery-shell {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: 100%;
    max-width: 420px;
    margin-inline: auto;
  }
  .pd-gallery-stage {
    position: relative;
    width: 100%;
    padding: 18px 16px 14px;
    border-radius: 24px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
    box-shadow: var(--shadow-elevated), var(--shadow-inset-top);
    overflow: hidden;
  }
  .pd-gallery-stage-bg {
    position: absolute;
    inset: 12px 12px 52px;
    border-radius: 18px;
    background: radial-gradient( 90% 70% at 50% 42%, color-mix(in srgb, #0023ff 9%, #fff) 0%, var(--color-surface-muted, #f7f7fa) 72% );
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient( 90% 70% at 50% 42%, color-mix(in srgb, var(--color-primary) 9%, var(--color-white)) 0%, var(--color-surface-muted, #f7f7fa) 72% );
    }
    pointer-events: none;
  }
  .pd-gallery-stage-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: clamp(240px, 42vh, 360px);
    padding: 8px 36px 4px;
  }
  .pd-gallery-carousel {
    width: 100%;
  }
  .pd-gallery-carousel .embla__viewport, .pd-gallery-carousel .slick-list {
    overflow: visible !important;
  }
  .pd-gallery-carousel img {
    display: block;
    width: auto !important;
    max-width: min(100%, 320px) !important;
    max-height: clamp(220px, 38vh, 340px) !important;
    height: auto !important;
    margin-inline: auto;
    object-fit: contain;
    filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.14));
    transition: transform 0.35s ease, filter 0.35s ease;
    cursor: zoom-in;
  }
  .pd-gallery-stage:hover .pd-gallery-carousel img {
    transform: translateY(-2px) scale(1.015);
    filter: drop-shadow(0 20px 34px rgba(0, 0, 0, 0.16));
  }
  .pd-gallery-nav {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    border-radius: 999px;
    background: color-mix(in srgb, #fff 94%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-white) 94%, transparent);
    }
    color: var(--color-dark-text);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(8px);
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, background 0.2s ease;
  }
  .pd-gallery-nav svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
  }
  .pd-gallery-nav:hover {
    color: var(--color-primary);
    border-color: color-mix(in srgb, #0023ff 24%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 24%, transparent);
    }
    background: var(--color-white);
    transform: scale(1.04);
  }
  .pd-gallery-nav--prev {
    inset-inline-start: 10px;
  }
  .pd-gallery-nav--next {
    inset-inline-end: 10px;
  }
  .pd-gallery-meta {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.06));
  }
  .pd-gallery-counter {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--color-dark-text);
    background: var(--color-surface-muted, #f3f3f6);
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.06));
  }
  .pd-gallery-zoom-hint {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-inline-start: auto;
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--color-muted-grey);
  }
  .pd-gallery-zoom-hint svg {
    width: 13px;
    height: 13px;
    stroke: var(--color-primary);
  }
  .pd-gallery-thumbs {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    padding: 8px;
    border-radius: 16px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
    box-shadow: var(--shadow-elevated-sm);
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
  }
  .pd-gallery-thumbs:empty {
    display: none;
  }
  .pd-gallery-thumbs::-webkit-scrollbar {
    height: 4px;
  }
  .pd-gallery-thumbs::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: color-mix(in srgb, #999 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-muted-grey) 35%, transparent);
    }
  }
  .pd-gallery-thumb {
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
    padding: 5px;
    border-radius: 14px;
    border: 2px solid transparent;
    background: var(--color-surface-muted, #f6f6f8);
    cursor: pointer;
    scroll-snap-align: center;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, transform 0.2s ease;
  }
  .pd-gallery-thumb:hover {
    transform: translateY(-1px);
    background: var(--color-white);
  }
  .pd-gallery-thumb.is-active {
    border-color: var(--color-primary);
    background: color-mix(in srgb, #0023ff 6%, #fff);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 6%, var(--color-white));
    }
    box-shadow: 0 6px 16px color-mix(in srgb, #0023ff 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 6px 16px color-mix(in srgb, var(--color-primary) 18%, transparent);
    }
  }
  .pd-gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 9px;
  }
  .pd-meta-scroll, .pd-ratings-scroll {
    max-height: calc(100vh - 200px);
    padding: 8px 24px 100px !important;
  }
  .pd-meta-block {
    padding: 14px 16px !important;
    margin-bottom: 10px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08)) !important;
    border-radius: 14px;
    background: var(--color-white);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03);
  }
  .pd-meta-block h3 {
    margin: 0 0 6px;
    font-size: 0.6875rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em;
    color: var(--color-muted-grey) !important;
  }
  [lang='fa'] .pd-meta-block h3 {
    letter-spacing: 0;
    font-size: 0.75rem !important;
  }
  .pd-meta-block p {
    margin: 0;
    font-size: 0.875rem !important;
    line-height: 1.55 !important;
    color: var(--color-dark-text) !important;
  }
  .pd-color-swatches {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 4px !important;
  }
  .pd-color-swatch {
    width: 32px;
    height: 32px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
    transition: border-color 0.2s ease, transform 0.2s ease;
  }
  .pd-color-swatch .dot {
    width: 100%;
    height: 100%;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  .pd-color-swatch.is-active {
    border-color: var(--color-primary);
    transform: scale(1.08);
  }
  .pd-ratings-summary {
    padding: 20px !important;
    margin-bottom: 16px;
    border-radius: 16px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
  }
  .pd-ratings-summary h3 {
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-transform: none !important;
  }
  .pd-ratings-summary .stars {
    border-radius: 12px !important;
    background: var(--color-surface-muted, #fcfcfc) !important;
  }
  .pd-review-card {
    display: flex;
    gap: 12px;
    padding: 14px 16px;
    margin-top: 12px !important;
    border-radius: 14px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
  }
  .pd-review-card .media-left figure {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    overflow: hidden;
    border: 2px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
  }
  .pd-review-card .rating-content {
    display: block;
    margin-top: 6px;
    line-height: 1.55 !important;
  }
  .pd-panel-bar {
    position: absolute;
    bottom: 20px;
    inset-inline: 16px;
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 10px;
    border-radius: 16px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: color-mix(in srgb, #fff 92%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-white) 92%, transparent);
    }
    backdrop-filter: blur(12px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
  }
  .pd-zoom-tools {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0 !important;
    padding: 4px;
    border-radius: 10px;
    background: var(--color-surface-muted, #f5f5f5);
  }
  .pd-zoom-tools span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    transition: background 0.2s ease;
  }
  .pd-zoom-tools span:hover {
    background: var(--color-white);
  }
  .pd-view-tabs {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0 !important;
    padding: 4px;
    border-radius: 12px;
    background: var(--color-surface-muted, #f5f5f5);
    max-height: none !important;
  }
  .pd-view-tab {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    width: auto !important;
    height: auto !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--color-muted-grey);
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  }
  .pd-view-tab svg {
    width: 15px !important;
    height: 15px !important;
  }
  .pd-view-tab.is-active {
    background: var(--color-white);
    color: var(--color-primary);
    box-shadow: var(--shadow-elevated-xs);
  }
  .pd-view-tab.is-active svg {
    stroke: var(--color-primary) !important;
  }
  .panel-body > .pd-breadcrumb {
    margin-bottom: 18px;
  }
  .pd-breadcrumb-category-item.hidden, .pd-breadcrumb-category-sep.hidden {
    display: none;
  }
  .pd-category-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .panel-body .pd-category-block {
    margin-top: 20px;
  }
  .pd-breadcrumb {
    width: 100%;
    margin: 0;
  }
  .pd-breadcrumb-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
    margin: 0;
    padding: 7px 10px;
    list-style: none;
    border-radius: 14px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-surface-muted, #f8f8fa);
    box-shadow: var(--shadow-inset-top);
  }
  .pd-breadcrumb-item {
    display: inline-flex;
    align-items: center;
    min-width: 0;
  }
  .pd-breadcrumb-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 999px;
    color: var(--color-muted-grey);
    font-size: 0.75rem;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease, background 0.2s ease;
  }
  .pd-breadcrumb-link svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
    flex-shrink: 0;
  }
  .pd-breadcrumb-link:hover {
    color: var(--color-primary);
    background: color-mix(in srgb, #0023ff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 8%, transparent);
    }
  }
  .pd-breadcrumb-sep {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    color: var(--color-muted-grey);
    background: var(--color-white);
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    list-style: none;
  }
  .pd-breadcrumb-sep svg {
    width: 11px;
    height: 11px;
    stroke: currentColor;
    opacity: 0.75;
  }
  .pd-breadcrumb-current {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-primary);
    background: color-mix(in srgb, #0023ff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    }
    border: 1px solid color-mix(in srgb, #0023ff 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);
    }
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pd-category-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
  }
  .product-category-primary {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-width: 0;
  }
  .pd-category-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 14px;
    color: var(--color-primary);
    background: color-mix(in srgb, #0023ff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    }
    border: 1px solid color-mix(in srgb, #0023ff 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);
    }
  }
  .pd-category-icon-wrap svg {
    display: block;
    width: 26px;
    height: 26px;
    fill: currentColor;
  }
  .pd-category-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    flex: 1;
  }
  .pd-category-kicker {
    display: inline-block;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--color-muted-grey);
    line-height: 1.3;
  }
  [lang='fa'] .pd-category-kicker {
    letter-spacing: 0;
    font-size: 0.75rem;
  }
  #product-page.pd-page #product-category {
    margin: 0;
    padding: 0 !important;
    font-size: 1.125rem !important;
    font-weight: 700 !important;
    line-height: 1.3;
    text-transform: none !important;
    letter-spacing: 0;
    color: var(--color-dark-text);
  }
  .pd-category-more {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding-top: 10px;
    border-top: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.06));
  }
  .pd-category-more::before {
    content: 'دسته‌های مرتبط';
    width: 100%;
    margin-bottom: 2px;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--color-muted-grey);
  }
  [lang='fa'] .pd-category-more::before {
    letter-spacing: 0;
    font-size: 0.75rem;
  }
  .pd-category-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px 6px 8px;
    border-radius: 999px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-surface-muted, #fafafa);
    color: var(--color-dark-text);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
  }
  .pd-category-chip:hover {
    border-color: color-mix(in srgb, #0023ff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 25%, transparent);
    }
    background: color-mix(in srgb, #0023ff 6%, #fff);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 6%, var(--color-white));
    }
    color: var(--color-primary);
  }
  .pd-category-chip-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    color: var(--color-primary);
    background: color-mix(in srgb, #0023ff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    }
  }
  .pd-category-chip-icon svg {
    display: block;
    width: 13px;
    height: 13px;
    fill: currentColor;
  }
  .pd-category-chip-label {
    white-space: nowrap;
  }
  #product-page.pd-page .panel-body {
    padding: 16px 24px 32px !important;
    overflow-y: auto;
    overflow-x: hidden;
  }
  #product-page.pd-page .inner-panel {
    overflow: hidden;
  }
  #product-page.pd-page .product-name {
    font-size: clamp(1.5rem, 2.5vw, 2rem) !important;
    font-weight: 700 !important;
    line-height: 1.2;
    text-transform: none !important;
    letter-spacing: 0;
  }
  #product-page.pd-page .product-name var {
    font-style: normal;
  }
  #product-page.pd-page .product-name span {
    display: inline-block;
    margin-inline-start: 10px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.6875rem !important;
    font-weight: 600;
    vertical-align: middle;
    color: var(--color-muted-grey) !important;
    background: var(--color-surface-muted, #f0f0f0);
  }
  #product-page.pd-page .product-description {
    font-size: 0.9375rem !important;
    line-height: 1.65 !important;
    max-width: 62ch;
  }
  .pd-quick-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
  }
  .pd-rating-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    border-radius: 999px;
    background: var(--color-white);
    color: var(--color-dark-text);
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
  }
  .pd-rating-chip:hover {
    border-color: color-mix(in srgb, #0023ff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 30%, transparent);
    }
    color: var(--color-primary);
  }
  .pd-rating-chip-stars {
    display: inline-flex;
    align-items: center;
    gap: 1px;
  }
  .pd-rating-chip-star {
    width: 11px;
    height: 11px;
    stroke: #f5b301;
    fill: none;
  }
  .pd-rating-chip-star.is-filled {
    fill: #f5b301;
  }
  .pd-stock-badge, .pd-shipping-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
  }
  .pd-stock-badge.is-in-stock {
    color: #0d7a4f;
    background: color-mix(in srgb, #0d7a4f 10%, transparent);
  }
  .pd-stock-badge.is-out-of-stock {
    color: #b42318;
    background: color-mix(in srgb, #b42318 10%, transparent);
  }
  .pd-shipping-chip {
    color: var(--color-muted-grey);
    background: var(--color-white);
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
  }
  .pd-shipping-chip svg {
    width: 14px;
    height: 14px;
    stroke: var(--color-primary);
  }
  .pd-trust-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
  }
  .pd-trust-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 12px 8px;
    border-radius: 14px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
    text-align: center;
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--color-muted-grey);
    line-height: 1.35;
  }
  .pd-trust-item svg {
    width: 18px;
    height: 18px;
    stroke: var(--color-primary);
  }
  .pd-purchase-card {
    margin-top: 22px;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.05);
  }
  .pd-purchase-head {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px 20px 20px;
    background: linear-gradient( 135deg, color-mix(in srgb, #0023ff 7%, #fff) 0%, var(--color-surface-muted, #f8f8fa) 100% );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 135deg, color-mix(in srgb, var(--color-primary) 7%, var(--color-white)) 0%, var(--color-surface-muted, #f8f8fa) 100% );
    }
    border-bottom: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.06));
  }
  .pd-purchase-head::before {
    content: '';
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    height: 3px;
    background: linear-gradient( 90deg, var(--color-primary), color-mix(in srgb, #0023ff 45%, transparent) );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 90deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 45%, transparent) );
    }
  }
  .pd-purchase-kicker {
    display: inline-flex;
    align-self: flex-start;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--color-primary);
    background: color-mix(in srgb, #0023ff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    }
  }
  [lang='fa'] .pd-purchase-kicker {
    letter-spacing: 0;
    font-size: 0.75rem;
  }
  .pd-purchase-price {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .pd-purchase-price-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-muted-grey);
  }
  .pd-purchase-price .value {
    gap: 10px !important;
  }
  .pd-purchase-price .value span:first-child {
    font-size: clamp(1.5rem, 2.4vw, 1.875rem) !important;
    font-weight: 800 !important;
    line-height: 1.1;
    color: var(--color-primary) !important;
  }
  .pd-purchase-price .value #old-price {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: var(--color-muted-grey) !important;
    text-decoration: line-through;
    opacity: 0.85;
  }
  #product-page.pd-page .pd-purchase-options.product-controls.pd-purchase-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 16px 16px 12px;
    justify-content: stretch !important;
  }
  .pd-purchase-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    margin: 0 !important;
  }
  .pd-purchase-field--size {
    grid-column: 1;
  }
  .pd-purchase-field--qty {
    grid-column: 2;
  }
  .pd-purchase-field--cart {
    grid-column: 1 / -1;
    margin-top: 4px !important;
  }
  .pd-field-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-muted-grey);
    cursor: default;
  }
  .pd-field-label svg {
    width: 14px;
    height: 14px;
    stroke: var(--color-primary);
    flex-shrink: 0;
  }
  .pd-field-control {
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-surface-muted, #fafafa);
  }
  .pd-purchase-field .sort-box {
    max-width: none;
    width: 100%;
  }
  .pd-purchase-field .sort-box .nephos-select, .pd-purchase-field .size-box .nephos-select {
    width: 100% !important;
    min-height: 40px;
    border-radius: 10px !important;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.1)) !important;
    background: var(--color-white) !important;
    font-size: 0.8125rem;
    font-weight: 600;
    box-shadow: none;
  }
  .pd-purchase-field .details-spinner {
    min-width: 0 !important;
    width: 100%;
    height: 40px !important;
    padding: 0 4px;
    border-radius: 10px !important;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.1)) !important;
    background: var(--color-white) !important;
    box-shadow: none !important;
  }
  .pd-purchase-field .spinner-button {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    transition: background 0.2s ease;
  }
  .pd-purchase-field .spinner-button:hover {
    background: var(--color-surface-muted, #f0f0f0);
  }
  .pd-purchase-field .spinner-button svg {
    width: 14px;
    height: 14px;
    stroke: var(--color-muted-grey);
  }
  .pd-purchase-field .spinner-button:hover svg {
    stroke: var(--color-primary);
  }
  .pd-purchase-field .spinner-value {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--color-dark-text);
  }
  .pd-purchase-field--cart .pd-add-to-cart-btn {
    position: relative;
    display: inline-flex !important;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    justify-content: center;
    align-items: center;
    min-height: 54px;
    padding: 8px 14px 8px 10px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: linear-gradient( 135deg, var(--color-primary) 0%, color-mix(in srgb, #0023ff 78%, #7f00ff 22%) 100% ) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 78%, var(--color-accent) 22%) 100% ) !important;
    }
    color: #fff !important;
    font-size: 0.9375rem !important;
    font-weight: 700 !important;
    letter-spacing: 0;
    text-transform: none !important;
    white-space: nowrap !important;
    box-shadow: var(--shadow-primary), 0 4px 14px color-mix(in srgb, #0023ff 22%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: var(--shadow-primary), 0 4px 14px color-mix(in srgb, var(--color-primary) 22%, transparent);
    }
    cursor: pointer;
    pointer-events: auto;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
  }
  .pd-purchase-field--cart .pd-add-to-cart-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
    box-shadow: var(--shadow-primary), 0 8px 22px color-mix(in srgb, #0023ff 28%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: var(--shadow-primary), 0 8px 22px color-mix(in srgb, var(--color-primary) 28%, transparent);
    }
  }
  .pd-purchase-field--cart .pd-add-to-cart-btn:active {
    transform: translateY(0);
    filter: brightness(0.98);
  }
  .pd-purchase-field--cart .pd-add-to-cart-btn:focus-visible {
    outline: 2px solid color-mix(in srgb, #0023ff 55%, #fff 45%);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 2px solid color-mix(in srgb, var(--color-primary) 55%, #fff 45%);
    }
    outline-offset: 3px;
  }
  .pd-purchase-field--cart .pd-cart-btn-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
  }
  .pd-purchase-field--cart .pd-cart-btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: color-mix(in srgb, #fff 18%, transparent);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 28%, transparent);
  }
  .pd-purchase-field--cart .pd-cart-btn-icon svg {
    width: 19px;
    height: 19px;
    stroke: #fff;
    stroke-width: 2.25;
  }
  .pd-purchase-field--cart .pd-cart-btn-label {
    flex: 1;
    text-align: center;
    line-height: 1.2;
  }
  .pd-purchase-field--cart .pd-cart-btn-arrow {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    stroke: color-mix(in srgb, #fff 82%, transparent);
    opacity: 0.9;
    transition: transform 0.2s ease;
  }
  .pd-purchase-field--cart .pd-add-to-cart-btn:hover .pd-cart-btn-arrow {
    transform: translateX(-3px);
  }
  [dir='rtl'] .pd-purchase-field--cart .pd-add-to-cart-btn:hover .pd-cart-btn-arrow {
    transform: translateX(3px);
  }
  .pd-purchase-field--cart .pd-cart-btn-spinner {
    display: none;
    width: 1.35rem;
    height: 1.35rem;
    border: 2px solid color-mix(in srgb, #fff 35%, transparent);
    border-top-color: #fff;
    border-inline-end-color: transparent;
    border-radius: 999px;
    animation: spinAround 500ms infinite linear;
  }
  .pd-purchase-field--cart .pd-add-to-cart-btn.is-cart-adding {
    pointer-events: none;
    transform: none;
    filter: none;
  }
  .pd-purchase-field--cart .pd-add-to-cart-btn.is-cart-adding .pd-cart-btn-content {
    display: none;
  }
  .pd-purchase-field--cart .pd-add-to-cart-btn.is-cart-adding .pd-cart-btn-spinner {
    display: inline-block;
  }
  .pd-purchase-foot {
    display: flex;
    justify-content: center;
    padding: 12px 16px 16px;
    border-top: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.06));
    background: var(--color-surface-muted, #fcfcfc);
  }
  .pd-copy-link-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--color-muted-grey);
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease;
  }
  .pd-copy-link-btn svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
  }
  .pd-copy-link-btn:hover, .pd-copy-link-btn.is-copied {
    color: var(--color-primary);
    background: color-mix(in srgb, #0023ff 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 6%, transparent);
    }
  }
  .pd-related {
    width: 100%;
    margin-top: 28px;
    padding-top: 8px;
  }
  .pd-related-title {
    margin: 0 0 14px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-dark-text);
  }
  .pd-related-grid.catalog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
  @media (width <= 768px) {
    #product-page.pd-page .product-panel {
      position: relative;
      width: 100%;
      min-height: auto;
      height: auto;
    }
    #product-page.pd-page .product-info-panel {
      position: relative;
      width: 100%;
      min-height: auto;
      height: auto;
    }
    .pd-gallery-view {
      padding: 16px 16px 88px !important;
    }
    .pd-gallery-shell {
      max-width: none;
    }
    .pd-gallery-stage {
      padding: 14px 12px 12px;
      border-radius: 20px;
    }
    .pd-gallery-stage-inner {
      min-height: 220px;
      padding-inline: 30px;
    }
    .pd-gallery-nav {
      width: 32px;
      height: 32px;
      margin-top: -16px;
    }
    .pd-gallery-zoom-hint span {
      display: none;
    }
    .pd-gallery-thumb {
      width: 52px;
      height: 52px;
    }
    .pd-panel-bar {
      bottom: 12px;
      inset-inline: 12px;
    }
    .pd-view-tab span {
      display: none;
    }
    .pd-back-link span {
      display: none;
    }
    .pd-trust-row {
      grid-template-columns: 1fr;
    }
    #product-page.pd-page .pd-purchase-options.product-controls.pd-purchase-grid {
      grid-template-columns: 1fr;
      padding-inline: 14px;
    }
    .pd-purchase-field--size, .pd-purchase-field--qty, .pd-purchase-field--cart {
      grid-column: 1 / -1;
    }
    .pd-related-grid.catalog-grid {
      grid-template-columns: 1fr;
    }
    .panel-body > .pd-breadcrumb {
      margin-bottom: 14px;
    }
    .pd-breadcrumb-list {
      padding: 6px 8px;
      border-radius: 12px;
      gap: 4px;
    }
    .pd-breadcrumb-link, .pd-breadcrumb-current {
      font-size: 0.6875rem;
      padding-block: 4px;
    }
    .pd-breadcrumb-link {
      padding-inline: 8px;
    }
    .pd-breadcrumb-current {
      padding-inline: 10px;
    }
    .pd-category-card {
      padding: 12px 14px;
      border-radius: 16px;
    }
    .pd-category-icon-wrap {
      width: 46px;
      height: 46px;
      border-radius: 12px;
    }
    .pd-category-icon-wrap svg {
      width: 22px;
      height: 22px;
    }
    #product-page.pd-page #product-category {
      font-size: 1rem !important;
    }
  }
}
/*! layout-search-results.css | Nephos | Search results page */
@layer components {
  .search-results-page {
    padding: 24px 0 48px;
  }
  .search-results-container {
    width: 100%;
    max-width: 1180px;
    margin-inline: auto;
    padding-inline: 28px;
    display: flex;
    flex-direction: column;
    gap: 28px;
  }
  .search-results-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 32px;
    border-radius: 24px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.04);
  }
  .search-results-hero-copy {
    flex: 1;
    min-width: 0;
    text-align: start;
  }
  .search-results-kicker {
    display: inline-block;
    margin-bottom: 10px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--color-primary);
    background: color-mix(in srgb, #0023ff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    }
  }
  [lang='fa'] .search-results-kicker {
    letter-spacing: 0;
    text-transform: none;
    font-size: 0.75rem;
  }
  .search-results-hero-copy h1 {
    margin: 0 0 8px;
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-dark-text);
  }
  .search-results-hero-copy p {
    margin: 0;
    max-width: 52ch;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-muted-grey);
  }
  .search-results-refine {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
    min-width: min(100%, 280px);
  }
  .search-results-refine-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-muted-grey);
  }
  .search-results-refine-label svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
  }
  .search-results-refine-control {
    position: relative;
    display: flex;
    align-items: center;
  }
  .search-results-refine-icon {
    position: absolute;
    inset-inline-start: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-muted-grey);
    pointer-events: none;
  }
  .search-results-refine-icon svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
  }
  .search-results-refine-input {
    width: 100%;
    height: 42px;
    padding-inline: 40px 14px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    border-radius: 12px;
    background: var(--color-surface-muted, #fcfcfc);
    font-family: inherit;
    font-size: 0.875rem;
    color: var(--color-dark-text);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  }
  .search-results-refine-input:focus {
    outline: none;
    border-color: color-mix(in srgb, #0023ff 35%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 35%, var(--color-fade-grey));
    }
    background: var(--color-white);
    box-shadow: 0 0 0 3px color-mix(in srgb, #0023ff 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent);
    }
  }
  .search-results-refine-input::placeholder {
    color: var(--color-placeholder, #cecece);
  }
  .search-results-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
  }
  .search-results-sidebar {
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: sticky;
    top: 20px;
  }
  .search-results-filter-card {
    padding: 18px 18px 14px;
    border-radius: 18px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
  }
  .search-results-filter-card h2 {
    margin: 0 0 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-muted-grey);
  }
  [lang='fa'] .search-results-filter-card h2 {
    letter-spacing: 0;
    text-transform: none;
    font-size: 0.8125rem;
    font-weight: 600;
  }
  .search-results-filter-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
  }
  .search-results-filter-item + .search-results-filter-item {
    border-top: 1px solid color-mix(in srgb, #ededed 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in srgb, var(--color-fade-grey) 70%, transparent);
    }
  }
  .search-results-filter-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding-inline: 8px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-muted-grey);
    background: var(--color-surface-muted, #fcfcfc);
  }
  .search-results-main {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
  }
  .search-results-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 2px;
  }
  .search-results-count {
    margin: 0;
    font-size: 0.875rem;
    color: var(--color-muted-grey);
  }
  .search-results-count strong {
    font-weight: 700;
    color: var(--color-dark-text);
  }
  .search-results-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .search-result-card {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px 20px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }
  .search-result-card:hover {
    border-color: color-mix(in srgb, #0023ff 22%, #ededed);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-primary) 22%, var(--color-fade-grey));
    }
    box-shadow: var(--shadow-elevated-sm);
    transform: translateY(-1px);
  }
  .search-result-media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    flex-shrink: 0;
    border-radius: 14px;
    background: var(--color-surface-muted, #fcfcfc);
    text-decoration: none;
    overflow: hidden;
  }
  .search-result-media img {
    width: 100%;
    height: 100%;
    max-width: 72px;
    max-height: 72px;
    object-fit: contain;
  }
  .search-result-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    text-align: start;
  }
  .search-result-tag {
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--color-muted-grey);
  }
  .search-result-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-dark-text);
    text-decoration: none;
    line-height: 1.35;
  }
  .search-result-title:hover {
    color: var(--color-primary);
  }
  .search-result-desc {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--color-muted-grey);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .search-result-price {
    margin: 2px 0 0;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-primary);
  }
  .search-result-price span {
    display: inline;
    font-family: inherit;
    text-transform: none;
  }
  .search-result-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    flex-shrink: 0;
  }
  .search-result-qty.main-cart-spinner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 96px;
    height: 36px;
    margin: 0;
    border-radius: 999px;
    border: 1px solid var(--color-border-subtle, rgba(0, 0, 0, 0.08));
    background: var(--color-surface-muted, #fcfcfc);
    box-shadow: none;
  }
  .search-result-qty .spinner-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    opacity: 1;
    transition: background-color 0.2s ease;
  }
  .search-result-qty .spinner-button:hover {
    background: var(--color-fade-grey);
  }
  .search-result-qty .spinner-button svg {
    width: 14px;
    height: 14px;
    stroke: var(--color-muted-grey);
  }
  .search-result-qty .spinner-button:hover svg {
    stroke: var(--color-primary);
  }
  .search-result-qty .spinner-value {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-dark-text);
    line-height: 1;
  }
  .search-result-add {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 96px;
    height: 36px;
    padding-inline: 12px;
    border: 0;
    border-radius: 10px;
    background: var(--color-primary);
    color: #fff;
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
  }
  .search-result-add:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px color-mix(in srgb, #0023ff 28%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 6px 16px color-mix(in srgb, var(--color-primary) 28%, transparent);
    }
  }
  .search-result-add svg {
    width: 15px;
    height: 15px;
    stroke: currentColor;
  }
  .search-results-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 48px 24px;
    border-radius: 20px;
    border: 1px dashed var(--color-border-subtle, rgba(0, 0, 0, 0.12));
    background: var(--color-white);
    text-align: center;
  }
  .search-results-empty.hidden {
    display: none;
  }
  .search-results-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    color: var(--color-primary);
    background: color-mix(in srgb, #0023ff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    }
  }
  .search-results-empty-icon svg {
    width: 22px;
    height: 22px;
    stroke: currentColor;
  }
  .search-results-empty h2 {
    margin: 0;
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--color-dark-text);
  }
  .search-results-empty p {
    margin: 0;
    max-width: 36ch;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--color-muted-grey);
  }
  @media screen and (max-width: 900px) {
    .search-results-container {
      padding-inline: 20px;
      gap: 24px;
    }
    .search-results-layout {
      grid-template-columns: minmax(0, 1fr);
    }
    .search-results-sidebar {
      position: static;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }
    .search-result-card {
      grid-template-columns: 72px minmax(0, 1fr) auto;
      gap: 12px 14px;
    }
    .search-result-media {
      width: 72px;
      height: 72px;
    }
  }
  @media screen and (max-width: 768px) {
    .search-results-page {
      padding: 16px 0 36px;
    }
    .search-results-container {
      padding-inline: 16px;
      gap: 20px;
    }
    .search-results-hero {
      flex-direction: column;
      align-items: stretch;
      padding: 22px 20px;
      border-radius: 20px;
    }
    .search-results-refine {
      width: 100%;
      min-width: 0;
    }
    .search-results-sidebar {
      grid-template-columns: 1fr;
    }
    .search-result-card {
      grid-template-columns: 64px minmax(0, 1fr);
      gap: 12px;
    }
    .search-result-media {
      width: 64px;
      height: 64px;
      grid-row: span 2;
    }
    .search-result-actions {
      grid-column: 2;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
    }
    .search-result-add span {
      display: none;
    }
    .search-result-add {
      min-width: 36px;
      width: 36px;
      padding: 0;
    }
  }
}
/*! theme-presets-ui.css | Nephos | Preset picker UI */
@layer components {
  #preset-toggle, .js-preset-toggle {
    position: relative;
    overflow: visible;
  }
  .main-sidebar .sidebar-inner .bottom-menu li#preset-toggle {
    overflow: visible;
  }
  #preset-toggle.is-active > a svg, .js-preset-toggle.is-active > a svg {
    stroke: var(--color-primary);
  }
  .preset-panel {
    position: fixed;
    z-index: 100;
    width: 220px;
    background: var(--color-white);
    border: 1px solid var(--color-fade-grey);
    border-radius: 8px;
    box-shadow: var(--shadow-light);
    padding: 12px;
  }
  .preset-panel-header {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-title-grey);
    margin-bottom: 10px;
  }
  .preset-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 280px;
    overflow-y: auto;
  }
  .preset-swatch {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--color-fade-grey);
    border-radius: 6px;
    background: var(--color-surface-muted);
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
    text-align: start;
  }
  .preset-swatch:hover {
    border-color: var(--color-primary);
  }
  .preset-swatch.is-active {
    border-color: var(--color-primary);
    background: var(--color-white);
    box-shadow: inset 0 0 0 1px var(--color-primary);
  }
  .preset-swatch-color {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid var(--color-white);
    box-shadow: 0 0 0 1px var(--color-fade-grey);
  }
  .preset-swatch-name {
    font-size: 0.85rem;
    color: var(--color-dark-text);
    font-weight: 500;
  }
}
/*! dark-mode.css | Nephos | Light/dark theme tokens + surface overrides */
:root {
  color-scheme: light;
  --color-category-icon: #999;
  --color-bg: #ededed;
  --color-surface: #f0f0f0;
  --color-surface-muted: #fcfcfc;
  --color-scrollbar-thumb: rgba(0, 0, 0, 0.2);
  --color-border-subtle: rgba(0, 0, 0, 0.1);
  --shadow-elevated: 0 18px 42px color-mix(in srgb, #4a4a4a 6%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated: 0 18px 42px color-mix(in srgb, var(--color-dark-text) 6%, transparent);
  }
  --shadow-elevated-md: 0 10px 24px color-mix(in srgb, #4a4a4a 6%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated-md: 0 10px 24px color-mix(in srgb, var(--color-dark-text) 6%, transparent);
  }
  --shadow-elevated-sm: 0 8px 22px color-mix(in srgb, #4a4a4a 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated-sm: 0 8px 22px color-mix(in srgb, var(--color-dark-text) 5%, transparent);
  }
  --shadow-elevated-xs: 0 2px 8px color-mix(in srgb, #4a4a4a 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated-xs: 0 2px 8px color-mix(in srgb, var(--color-dark-text) 5%, transparent);
  }
  --shadow-inset-top: inset 0 1px 0 color-mix(in srgb, #fcfcfc 35%, #fff 65%);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-inset-top: inset 0 1px 0 color-mix(in srgb, var(--color-surface-muted) 35%, var(--color-white) 65%);
  }
  --color-search-overlay: rgba(255, 255, 255, 0.9);
  --color-pageloader-surface: #ededed;
  --color-pageloader-ball: var(--color-primary);
  --color-pageloader-ring-bg: color-mix(in srgb, #0023ff 18%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --color-pageloader-ring-bg: color-mix(in srgb, var(--color-primary) 18%, transparent);
  }
  --color-pageloader-ring-border: color-mix(in srgb, #0023ff 45%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --color-pageloader-ring-border: color-mix(in srgb, var(--color-primary) 45%, transparent);
  }
  --color-infraloader-surface: #fff;
  --color-pageloader-demo-gradient: linear-gradient(
    to right,
    var(--color-accent) 0%,
    var(--color-primary) 100%
  );
  --color-pageloader-demo-gradient-rtl: linear-gradient(
    to left,
    var(--color-accent) 0%,
    var(--color-primary) 100%
  );
}
.dark {
  color-scheme: dark;
  --color-category-icon: #9aa3b5;
  --color-white: #1e2433;
  --color-smoke-white: #252b3b;
  --color-light-grey: #1a2030;
  --color-section-grey: #1e2433;
  --color-fade-grey: #2d3548;
  --color-accent-grey: #3d4660;
  --color-dark-text: #e8eaed;
  --color-muted-grey: #9aa3b5;
  --color-muted-grey-bold: #b0b8c8;
  --color-title-grey: #7d8699;
  --color-grey-6: #b0b8c8;
  --color-chosen-grey: #3d4660;
  --color-chosen-dark-grey: #9aa3b5;
  --color-placeholder: #5c6578;
  --color-bg: #141820;
  --color-surface: #1a2030;
  --color-surface-muted: #252b3b;
  --color-scrollbar-thumb: rgba(255, 255, 255, 0.22);
  --shadow-light: -1px 3px 15px 0 color-mix(in srgb, #ededed 52%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-light: -1px 3px 15px 0 color-mix(in srgb, var(--color-bg) 52%, transparent);
  }
  --shadow-elevated: 0 18px 42px color-mix(in srgb, #ededed 44%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated: 0 18px 42px color-mix(in srgb, var(--color-bg) 44%, transparent);
  }
  --shadow-elevated-md: 0 10px 24px color-mix(in srgb, #ededed 34%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated-md: 0 10px 24px color-mix(in srgb, var(--color-bg) 34%, transparent);
  }
  --shadow-elevated-sm: 0 8px 22px color-mix(in srgb, #ededed 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated-sm: 0 8px 22px color-mix(in srgb, var(--color-bg) 30%, transparent);
  }
  --shadow-elevated-xs: 0 2px 8px color-mix(in srgb, #ededed 28%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated-xs: 0 2px 8px color-mix(in srgb, var(--color-bg) 28%, transparent);
  }
  --shadow-inset-top: inset 0 1px 0 color-mix(in srgb, #ccc 30%, #f0f0f0 70%);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-inset-top: inset 0 1px 0 color-mix(in srgb, var(--color-accent-grey) 30%, var(--color-surface) 70%);
  }
  --shadow-primary: 0 14px 26px -12px color-mix(in srgb, #0023ff 30%, transparent),
    0 4px 23px 0 color-mix(in srgb, #ededed 38%, transparent),
    0 8px 10px -5px color-mix(in srgb, #0023ff 14%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-primary: 0 14px 26px -12px color-mix(in srgb, var(--color-primary) 30%, transparent),
    0 4px 23px 0 color-mix(in srgb, var(--color-bg) 38%, transparent),
    0 8px 10px -5px color-mix(in srgb, var(--color-primary) 14%, transparent);
  }
  --shadow-secondary: 0 14px 26px -12px color-mix(in srgb, #00d1b2 30%, transparent),
    0 4px 23px 0 color-mix(in srgb, #ededed 38%, transparent),
    0 8px 10px -5px color-mix(in srgb, #00d1b2 14%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-secondary: 0 14px 26px -12px color-mix(in srgb, var(--color-secondary) 30%, transparent),
    0 4px 23px 0 color-mix(in srgb, var(--color-bg) 38%, transparent),
    0 8px 10px -5px color-mix(in srgb, var(--color-secondary) 14%, transparent);
  }
  --shadow-accent: 0 14px 26px -12px color-mix(in srgb, #7f00ff 30%, transparent),
    0 4px 23px 0 color-mix(in srgb, #ededed 38%, transparent),
    0 8px 10px -5px color-mix(in srgb, #7f00ff 14%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-accent: 0 14px 26px -12px color-mix(in srgb, var(--color-accent) 30%, transparent),
    0 4px 23px 0 color-mix(in srgb, var(--color-bg) 38%, transparent),
    0 8px 10px -5px color-mix(in srgb, var(--color-accent) 14%, transparent);
  }
  --color-sidebar: #1a2230;
  --color-quickview-overlay: rgba(14, 18, 28, 0.94);
  --color-card-hover-shadow: color-mix(in srgb, #0023ff 14%, #ededed 86%);
  @supports (color: color-mix(in lab, red, red)) {
    --color-card-hover-shadow: color-mix(in srgb, var(--color-primary) 14%, var(--color-bg) 86%);
  }
  --color-border-subtle: color-mix(in srgb, #ccc 36%, #f0f0f0 64%);
  @supports (color: color-mix(in lab, red, red)) {
    --color-border-subtle: color-mix(in srgb, var(--color-accent-grey) 36%, var(--color-surface) 64%);
  }
  --color-search-overlay: rgba(14, 24, 36, 0.94);
  --color-pageloader-surface: #141820;
  --color-pageloader-ball: var(--color-primary);
  --color-pageloader-ring-bg: color-mix(in srgb, #0023ff 18%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --color-pageloader-ring-bg: color-mix(in srgb, var(--color-primary) 18%, transparent);
  }
  --color-pageloader-ring-border: color-mix(in srgb, #0023ff 45%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --color-pageloader-ring-border: color-mix(in srgb, var(--color-primary) 45%, transparent);
  }
  --color-infraloader-surface: #141820;
  --color-pageloader-demo-gradient: linear-gradient(
    to right,
    color-mix(in srgb, #7f00ff 55%, #ededed) 0%,
    color-mix(in srgb, #0023ff 45%, #ededed) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-pageloader-demo-gradient: linear-gradient(
    to right,
    color-mix(in srgb, var(--color-accent) 55%, var(--color-bg)) 0%,
    color-mix(in srgb, var(--color-primary) 45%, var(--color-bg)) 100%
  );
  }
  --color-pageloader-demo-gradient-rtl: linear-gradient(
    to left,
    color-mix(in srgb, #7f00ff 55%, #ededed) 0%,
    color-mix(in srgb, #0023ff 45%, #ededed) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-pageloader-demo-gradient-rtl: linear-gradient(
    to left,
    color-mix(in srgb, var(--color-accent) 55%, var(--color-bg)) 0%,
    color-mix(in srgb, var(--color-primary) 45%, var(--color-bg)) 100%
  );
  }
}
.dark a:not([class*='bg-primary']):not([class*='bg-secondary']) {
  color: var(--color-primary);
}
.dark a[class*='bg-primary'], .dark a[class*='bg-secondary'] {
  color: #fff;
}
.dark a[class*='bg-primary']:hover, .dark a[class*='bg-primary']:focus, .dark a[class*='bg-secondary']:hover, .dark a[class*='bg-secondary']:focus {
  color: #fff;
}
.dark .hover\:shadow-primary:hover {
  --tw-shadow: var(--shadow-primary);
  box-shadow: var(--shadow-primary) !important;
}
.dark .hover\:shadow-secondary:hover {
  --tw-shadow: var(--shadow-secondary);
  box-shadow: var(--shadow-secondary) !important;
}
.dark a[class*='bg-primary']:hover, .dark a[class*='bg-primary']:focus {
  --tw-shadow: var(--shadow-primary);
  box-shadow: var(--shadow-primary) !important;
}
.dark a[class*='bg-secondary']:hover, .dark a[class*='bg-secondary']:focus {
  --tw-shadow: var(--shadow-secondary);
  box-shadow: var(--shadow-secondary) !important;
}
.dark .button.is-primary:hover, .dark .button.is-primary:focus {
  box-shadow: var(--shadow-primary) !important;
}
.dark .button.is-secondary:hover, .dark .button.is-secondary:focus {
  box-shadow: var(--shadow-secondary) !important;
}
.dark .demo-btn.is-primary:hover, .dark .demo-btn.is-primary:focus {
  box-shadow: var(--shadow-primary) !important;
}
.dark .demo-btn.is-secondary:hover, .dark .demo-btn.is-secondary:focus {
  box-shadow: var(--shadow-secondary) !important;
}
.dark .button.is-primary, .dark .button.is-primary:hover, .dark .button.is-primary:focus, .dark .button.is-primary:active, .dark .button.is-link, .dark .button.is-link:hover, .dark .tag.is-primary, .dark .has-text-primary, .dark .has-text-link, .dark .product-price, .dark .product-info .product-price, .dark .flat-card .product-info .product-price, .dark .flat-card .product-info .product-price span:first-child, .dark .product-price.is-on-sale {
  color: var(--color-primary);
}
.dark .on-sale {
  background: var(--color-primary);
}
.dark #new-price, .dark .product-controls .product-price .value span:first-child {
  color: var(--color-primary);
}
.dark .product-panel .product-actions .right-actions span.is-active svg, .dark .product-panel .product-actions .right-actions span:hover svg, .dark .product-panel .product-actions .zoom-buttons span:hover svg, .dark .product-panel .product-actions .zoom-buttons svg:hover, .dark .details-spinner .spinner-button:hover svg {
  stroke: var(--color-primary);
}
.dark .pop-button-burst {
  color: var(--color-primary);
}
.dark .button.is-primary, .dark .button.is-primary:hover, .dark .button.is-primary:focus, .dark .button.is-primary:active, .dark .button.is-link, .dark .button.is-link:hover, .dark .tag.is-primary {
  background-color: var(--color-primary);
  border-color: transparent;
  color: #fff;
}
.dark .has-slimscroll::-webkit-scrollbar-thumb {
  background: var(--color-scrollbar-thumb) !important;
}
.dark body {
  background: var(--color-bg);
}
.dark .shop-wrapper {
  background-color: var(--color-surface);
}
.dark .shop-wrapper > .section {
  background-color: transparent;
}
.dark .shop-wrapper.has-background-image {
  background-color: transparent;
}
.dark .hero-caption h2 {
  color: #fff;
}
.dark .dropdown-content {
  background-color: var(--color-white);
  border-color: var(--color-fade-grey);
  color: var(--color-dark-text);
}
.dark .product-info-panel {
  background-color: var(--color-surface);
}
.pageloader::before {
  background-color: var(--color-pageloader-ball, var(--color-primary)) !important;
}
.pageloader::after {
  background-color: var( --color-pageloader-ring-bg, color-mix(in srgb, #0023ff 18%, transparent) ) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: var( --color-pageloader-ring-bg, color-mix(in srgb, var(--color-primary) 18%, transparent) ) !important;
  }
  border-color: var( --color-pageloader-ring-border, color-mix(in srgb, #0023ff 45%, transparent) ) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var( --color-pageloader-ring-border, color-mix(in srgb, var(--color-primary) 45%, transparent) ) !important;
  }
}
.dark .loader, .dark .loader.is-loading {
  border-color: var(--color-accent-grey);
  border-right-color: transparent;
  border-top-color: transparent;
}
.dark .filters-quickview .inner {
  background: var(--color-white);
}
.dark .nephos-select {
  background-color: var(--color-white);
  border-color: var(--color-fade-grey);
  color: var(--color-dark-text);
}
.dark .nephos-select::picker(select) {
  background-color: var(--color-white);
  border-color: var(--color-chosen-grey);
  color: var(--color-grey-6);
}
.dark .modal-background {
  background-color: var(--color-overlay);
}
.dark .main-sidebar .sidebar-brand {
  background: var(--color-surface-muted);
}
.dark .tippy-box[data-theme~='nephos'] {
  background-color: var(--color-white);
  color: var(--color-dark-text);
  border-color: var(--color-fade-grey);
}
.dark .tippy-box[data-theme~='nephos'][data-placement^='bottom'] > .tippy-arrow::before {
  border-top-color: var(--color-white);
  border-bottom-color: var(--color-white);
}
.dark .tippy-box[data-theme~='nephos-order'] {
  background-color: var(--color-sidebar);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.45);
}
.dark .tippy-box[data-theme~='nephos-order'] .popover-flex-block {
  border-bottom-color: color-mix(in srgb, #344258, white 10%);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in srgb, var(--color-sidebar), white 10%);
  }
}
.dark .tippy-box[data-theme~='nephos-order'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: var(--color-sidebar);
}
.dark .tippy-box[data-theme~='nephos-order'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: var(--color-sidebar);
}
.dark .tippy-box[data-theme~='nephos-order'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: var(--color-sidebar);
}
.dark .tippy-box[data-theme~='nephos-order'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: var(--color-sidebar);
}
.dark .main-sidebar .sidebar-brand img {
  filter: brightness(0) invert(1);
  opacity: 0.9;
}
.dark #preset-toggle.is-active a svg {
  stroke: var(--color-primary);
}
.dark .flat-card .product-info a {
  color: var(--color-dark-text);
}
.dark .flat-card .product-description {
  color: var(--color-muted-grey);
}
.dark .menu-fab {
  background: var(--color-white);
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 3px 14px 4px rgba(0, 0, 0, 0.28);
}
.dark .menu-fab .menu-toggle .icon-box-toggle {
  background: transparent;
}
.dark .menu-fab .menu-toggle .icon-line-bottom {
  background: var(--color-primary);
}
.dark .flat-card.is-list-item {
  background-color: var(--color-white);
  border-color: var(--color-fade-grey);
}
.dark .flat-card.product-container:hover {
  box-shadow: 0 5px 43px var(--color-card-hover-shadow) !important;
}
.dark .profile-info-card .card-title {
  background: var(--color-smoke-white);
  border-bottom-color: var(--color-fade-grey);
}
.dark .profile-info-card .card-title h3 {
  color: var(--color-muted-grey-bold);
}
.dark .flat-card .actions .like svg {
  stroke: var(--color-muted-grey);
}
.dark .flat-card .product-info .product-price .sale-price {
  color: var(--color-muted-grey);
}
.dark .flat-card.is-list-item .rating i.is-empty {
  color: var(--color-placeholder);
}
.dark .main-cart-spinner {
  background: var(--color-white);
  border-color: var(--color-fade-grey);
  box-shadow: var(--shadow-light);
}
.dark .main-cart-spinner .spinner-value {
  color: var(--color-dark-text);
}
.dark .main-cart-spinner .spinner-button svg {
  stroke: var(--color-muted-grey);
}
.dark .main-cart-spinner .spinner-button:hover svg {
  stroke: var(--color-primary);
}
.dark .remove-wishlist-item-action .remove-button-inner {
  background: var(--color-white);
  color: var(--color-muted-grey);
  border-color: transparent;
}
.dark .remove-wishlist-item-action:hover .remove-button-inner {
  border-color: var(--color-primary);
}
.dark .remove-wishlist-item-action .remove-button-inner svg {
  stroke: var(--color-muted-grey);
}
.dark .remove-wishlist-item-action:hover .remove-button-inner svg {
  stroke: var(--color-primary);
}
.dark .wishlist-item .action .dropdown-button a {
  color: var(--color-muted-grey);
  border-color: var(--color-muted-grey);
}
.dark .wishlist .wishlist-item {
  border-top-color: var(--color-fade-grey);
}
.dark .menu-card .wishlists li a {
  color: var(--color-muted-grey);
}
.dark .menu-card .wishlists li.is-active {
  background: var(--color-smoke-white);
}
.dark .menu-card .wishlists li.is-active a {
  color: var(--color-dark-text) !important;
}
.dark .menu-card .wishlists li:hover {
  background: var(--color-light-grey);
}
.dark .menu-card .wishlists li:hover a {
  color: var(--color-muted-grey-bold);
}
.dark .menu-card .wishlists .action-block span {
  color: var(--color-muted-grey);
}
.dark .remove-wishlist-action svg {
  stroke: var(--color-placeholder);
}
.dark .remove-wishlist-action:hover svg {
  stroke: var(--color-primary);
}
.dark .wishlist-item .product-info a:first-child {
  color: var(--color-dark-text);
}
.dark .wishlist-item .product-info span:nth-child(2) {
  color: var(--color-muted-grey-bold);
}
.dark .tabs.account-tabs ul {
  border-bottom-color: var(--color-fade-grey) !important;
}
.dark .account-tabs.tabs li a {
  color: var(--color-muted-grey) !important;
  border-bottom-color: transparent !important;
}
.dark .account-tabs.tabs li a:hover {
  color: var(--color-muted-grey-bold) !important;
  border-bottom-color: var(--color-accent-grey) !important;
}
.dark .account-tabs.tabs li.is-active a {
  color: var(--color-primary) !important;
  border-bottom-color: var(--color-primary) !important;
}
.dark .is-account-grid .account-loader {
  background: var(--color-surface);
}
.dark .select select {
  border-color: var(--color-fade-grey);
}
.dark .sort-box .nephos-select:focus {
  background-color: var(--color-light-grey);
  border-color: var(--color-chosen-grey);
}
.dark .nephos-select::picker-icon {
  color: var(--color-muted-grey-bold);
}
.dark .listing-controls {
  border-top-color: var(--color-fade-grey);
}
.dark .listing-controls .layout-controls span svg {
  color: var(--color-muted-grey);
  stroke: var(--color-muted-grey);
}
.dark .category-title h2 {
  color: var(--color-dark-text);
}
.dark .category-title .shadow-title {
  color: var(--color-dark-text);
  opacity: 0.08;
}
.dark .product-category-more .product-category-icon {
  color: var(--color-category-icon, var(--color-muted-grey));
}
.dark .product-category-more .product-category-icon svg {
  fill: currentColor;
}
.dark .category-title .category-icon span {
  color: var(--color-accent-grey);
}
.dark .profile-footer.text-center {
  background: var(--color-smoke-white);
}
.dark .profile-footer .achievement-title {
  color: var(--color-muted-grey);
}
.dark .profile-footer .count {
  color: var(--color-dark-text);
}
.dark .flat-card.order-card {
  background-color: var(--color-white);
  border-color: var(--color-fade-grey);
}
.dark .order-card .order-info span a {
  color: var(--color-dark-text);
}
.dark .order-card .circle-chart-wrapper .circle-chart-background {
  stroke: var(--color-fade-grey);
}
.dark .order-card .circle-chart-wrapper .chart-icon svg {
  stroke: var(--color-muted-grey);
}
.dark .order-card .circle-chart-wrapper .ring-title span {
  color: var(--color-muted-grey);
}
/*! theme-presets.css | Nephos | Style preset palettes (light + dark) */
:root, [data-preset='default'] {
  --color-primary: #0023ff;
  --color-secondary: #00d1b2;
  --color-accent: #7f00ff;
  --color-overlay: rgba(0, 35, 255, 0.3);
  --shadow-primary: 0 14px 26px -12px rgba(0, 35, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(0, 35, 255, 0.2);
  --shadow-secondary: 0 14px 26px -12px rgba(0, 209, 178, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(0, 209, 178, 0.2);
  --shadow-accent: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(127, 0, 255, 0.2);
}
.dark[data-preset='default'], .dark:not([data-preset]) {
  --color-primary: #7a9fd4;
  --color-primary-hover: #8eb0dc;
  --color-overlay: rgba(0, 0, 0, 0.65);
  --shadow-primary: 0 14px 26px -12px rgba(122, 159, 212, 0.3), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(122, 159, 212, 0.14);
  --shadow-secondary: 0 14px 26px -12px rgba(0, 209, 178, 0.3), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(0, 209, 178, 0.14);
  --shadow-accent: 0 14px 26px -12px rgba(167, 139, 250, 0.3), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(167, 139, 250, 0.14);
}
[data-preset='green'] {
  --color-primary: #00d1b2;
  --color-secondary: #414272;
  --color-accent: #4a4de8;
  --color-overlay: rgba(0, 209, 178, 0.3);
  --shadow-primary: 0 14px 26px -12px rgba(0, 209, 178, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(0, 209, 178, 0.2);
  --shadow-secondary: 0 14px 26px -12px rgba(65, 66, 114, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(65, 66, 114, 0.2);
  --shadow-accent: 0 14px 26px -12px rgba(74, 77, 232, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(74, 77, 232, 0.2);
}
.dark[data-preset='green'] {
  --color-primary: #5eead4;
  --color-primary-hover: #7df0e0;
  --color-secondary: #7c82b8;
  --color-accent: #818cf8;
  --color-overlay: rgba(0, 0, 0, 0.65);
  --shadow-primary: 0 14px 26px -12px rgba(94, 234, 212, 0.28), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(94, 234, 212, 0.14);
  --shadow-secondary: 0 14px 26px -12px rgba(124, 130, 184, 0.28), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(124, 130, 184, 0.14);
  --shadow-accent: 0 14px 26px -12px rgba(129, 140, 248, 0.28), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(129, 140, 248, 0.14);
}
[data-preset='purple'] {
  --color-primary: #7c00ff;
  --color-secondary: #0083ff;
  --color-accent: #b46dff;
  --color-overlay: rgba(124, 0, 255, 0.3);
  --shadow-primary: 0 14px 26px -12px rgba(124, 0, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(124, 0, 255, 0.2);
  --shadow-secondary: 0 14px 26px -12px rgba(0, 131, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(0, 131, 255, 0.2);
  --shadow-accent: 0 14px 26px -12px rgba(180, 109, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(180, 109, 255, 0.2);
}
.dark[data-preset='purple'] {
  --color-primary: #c084fc;
  --color-primary-hover: #d8b4fe;
  --color-secondary: #60a5fa;
  --color-accent: #d8b4fe;
  --color-overlay: rgba(0, 0, 0, 0.65);
  --shadow-primary: 0 14px 26px -12px rgba(192, 132, 252, 0.3), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(192, 132, 252, 0.14);
  --shadow-secondary: 0 14px 26px -12px rgba(96, 165, 250, 0.3), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(96, 165, 250, 0.14);
  --shadow-accent: 0 14px 26px -12px rgba(216, 180, 254, 0.3), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(216, 180, 254, 0.14);
}
[data-preset='red'] {
  --color-primary: #f93052;
  --color-secondary: #083647;
  --color-accent: #0381af;
  --color-overlay: rgba(249, 48, 82, 0.3);
  --shadow-primary: 0 14px 26px -12px rgba(249, 48, 82, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(249, 48, 82, 0.2);
  --shadow-secondary: 0 14px 26px -12px rgba(8, 54, 71, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(8, 54, 71, 0.2);
  --shadow-accent: 0 14px 26px -12px rgba(3, 129, 175, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(3, 129, 175, 0.2);
}
.dark[data-preset='red'] {
  --color-primary: #fb7185;
  --color-primary-hover: #fda4af;
  --color-secondary: #38bdf8;
  --color-accent: #22d3ee;
  --color-overlay: rgba(0, 0, 0, 0.65);
  --shadow-primary: 0 14px 26px -12px rgba(251, 113, 133, 0.3), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(251, 113, 133, 0.14);
  --shadow-secondary: 0 14px 26px -12px rgba(56, 189, 248, 0.3), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(56, 189, 248, 0.14);
  --shadow-accent: 0 14px 26px -12px rgba(34, 211, 238, 0.3), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(34, 211, 238, 0.14);
}
[data-preset='slate'] {
  --color-primary: #292d42;
  --color-secondary: #00a59d;
  --color-accent: #5e668e;
  --color-overlay: rgba(41, 45, 66, 0.35);
  --shadow-primary: 0 14px 26px -12px rgba(41, 45, 66, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(41, 45, 66, 0.2);
  --shadow-secondary: 0 14px 26px -12px rgba(0, 165, 157, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(0, 165, 157, 0.2);
  --shadow-accent: 0 14px 26px -12px rgba(94, 102, 142, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(94, 102, 142, 0.2);
}
.dark[data-preset='slate'] {
  --color-primary: #94a3b8;
  --color-primary-hover: #cbd5e1;
  --color-secondary: #2dd4bf;
  --color-accent: #a5b4fc;
  --color-overlay: rgba(0, 0, 0, 0.65);
  --shadow-primary: 0 14px 26px -12px rgba(148, 163, 184, 0.3), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(148, 163, 184, 0.14);
  --shadow-secondary: 0 14px 26px -12px rgba(45, 212, 191, 0.28), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(45, 212, 191, 0.14);
  --shadow-accent: 0 14px 26px -12px rgba(165, 180, 252, 0.28), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(165, 180, 252, 0.14);
}
[data-preset='yellow'] {
  --color-primary: #ffb000;
  --color-secondary: #00ffd0;
  --color-accent: #ff9102;
  --color-overlay: rgba(255, 176, 0, 0.3);
  --shadow-primary: 0 14px 26px -12px rgba(255, 176, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(255, 176, 0, 0.2);
  --shadow-secondary: 0 14px 26px -12px rgba(0, 255, 208, 0.35), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(0, 255, 208, 0.18);
  --shadow-accent: 0 14px 26px -12px rgba(255, 145, 2, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(255, 145, 2, 0.2);
}
.dark[data-preset='yellow'] {
  --color-primary: #fbbf24;
  --color-primary-hover: #fcd34d;
  --color-secondary: #5eead4;
  --color-accent: #fb923c;
  --color-overlay: rgba(0, 0, 0, 0.65);
  --shadow-primary: 0 14px 26px -12px rgba(251, 191, 36, 0.3), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(251, 191, 36, 0.14);
  --shadow-secondary: 0 14px 26px -12px rgba(94, 234, 212, 0.28), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(94, 234, 212, 0.14);
  --shadow-accent: 0 14px 26px -12px rgba(251, 146, 60, 0.3), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(251, 146, 60, 0.14);
}
[data-preset='lignuma'] {
  --color-primary: #5c4033;
  --color-secondary: #6b7f5a;
  --color-accent: #8b7355;
  --color-overlay: rgba(92, 64, 51, 0.3);
  --shadow-primary: 0 14px 26px -12px rgba(92, 64, 51, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(92, 64, 51, 0.2);
  --shadow-secondary: 0 14px 26px -12px rgba(107, 127, 90, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(107, 127, 90, 0.2);
  --shadow-accent: 0 14px 26px -12px rgba(139, 115, 85, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(139, 115, 85, 0.2);
  --color-bg: #f8f4ed;
  --color-surface: #f3efe6;
  --color-surface-muted: #fdfbf7;
  --color-white: #ffffff;
  --color-smoke-white: #fdfbf7;
  --color-light-grey: #f0ebe3;
  --color-section-grey: #f8f4ed;
  --color-fade-grey: #e8e2d8;
  --color-accent-grey: #d4ccc0;
  --color-dark-text: #2d2520;
  --color-muted-grey: #6b5e54;
  --color-muted-grey-bold: #5c4f45;
  --color-title-grey: #7a6b60;
  --color-placeholder: #b8a99c;
  --color-chosen-grey: #e8e2d8;
  --color-sidebar: #4a3a30;
  --color-pageloader-surface: #f8f4ed;
  --color-infraloader-surface: #f8f4ed;
  --color-search-overlay: rgba(248, 244, 237, 0.92);
}
.dark[data-preset='lignuma'] {
  --color-primary: #c4a484;
  --color-primary-hover: #d4b896;
  --color-secondary: #8fa37c;
  --color-accent: #6b7f5a;
  --color-overlay: rgba(0, 0, 0, 0.65);
  --shadow-primary: 0 14px 26px -12px rgba(196, 164, 132, 0.3), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(196, 164, 132, 0.14);
  --shadow-secondary: 0 14px 26px -12px rgba(143, 163, 124, 0.28), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(143, 163, 124, 0.14);
  --shadow-accent: 0 14px 26px -12px rgba(107, 127, 90, 0.28), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(107, 127, 90, 0.14);
  --color-bg: #1e1916;
  --color-surface: #2d2520;
  --color-surface-muted: #352c26;
  --color-white: #3a312a;
  --color-smoke-white: #352c26;
  --color-light-grey: #2a231f;
  --color-section-grey: #2d2520;
  --color-fade-grey: #4a3f38;
  --color-accent-grey: #5c4f45;
  --color-dark-text: #f8f4ed;
  --color-muted-grey: #a89b8e;
  --color-muted-grey-bold: #c4b8ad;
  --color-title-grey: #8a7d72;
  --color-placeholder: #6b5e54;
  --color-chosen-grey: #4a3f38;
  --color-sidebar: #252018;
  --color-pageloader-surface: #1e1916;
  --color-infraloader-surface: #1e1916;
  --color-search-overlay: rgba(30, 25, 22, 0.94);
}
[data-preset='honey'] {
  --color-primary: #b8860b;
  --color-secondary: #6b5b3e;
  --color-accent: #e6a82e;
  --color-overlay: rgba(184, 134, 11, 0.28);
  --shadow-primary: 0 14px 26px -12px rgba(184, 134, 11, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(184, 134, 11, 0.2);
  --shadow-secondary: 0 14px 26px -12px rgba(107, 91, 62, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(107, 91, 62, 0.2);
  --shadow-accent: 0 14px 26px -12px rgba(230, 168, 46, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(230, 168, 46, 0.2);
  --color-bg: #fffbf0;
  --color-surface: #fff6e5;
  --color-surface-muted: #fffcf5;
  --color-white: #ffffff;
  --color-smoke-white: #fffcf5;
  --color-light-grey: #f7f0e0;
  --color-section-grey: #fffbf0;
  --color-fade-grey: #ede4d0;
  --color-accent-grey: #d9ccb5;
  --color-dark-text: #2e2212;
  --color-muted-grey: #7a6b52;
  --color-muted-grey-bold: #5c4f3a;
  --color-title-grey: #8f7d62;
  --color-placeholder: #b5a48a;
  --color-chosen-grey: #ede4d0;
  --color-sidebar: #3d2e14;
  --color-pageloader-surface: #fffbf0;
  --color-infraloader-surface: #fffbf0;
  --color-search-overlay: rgba(255, 251, 240, 0.92);
}
.dark[data-preset='honey'] {
  --color-primary: #f0b429;
  --color-primary-hover: #f5c84d;
  --color-secondary: #c9a05a;
  --color-accent: #ffb84d;
  --color-overlay: rgba(0, 0, 0, 0.65);
  --shadow-primary: 0 14px 26px -12px rgba(240, 180, 41, 0.3), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(240, 180, 41, 0.14);
  --shadow-secondary: 0 14px 26px -12px rgba(201, 160, 90, 0.28), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(201, 160, 90, 0.14);
  --shadow-accent: 0 14px 26px -12px rgba(255, 184, 77, 0.3), 0 4px 23px 0 rgba(0, 0, 0, 0.2),
    0 8px 10px -5px rgba(255, 184, 77, 0.14);
  --color-bg: #1a1408;
  --color-surface: #261c0e;
  --color-surface-muted: #2e2214;
  --color-white: #3a2e1c;
  --color-smoke-white: #2e2214;
  --color-light-grey: #221a0c;
  --color-section-grey: #261c0e;
  --color-fade-grey: #4a3a24;
  --color-accent-grey: #5c4a32;
  --color-dark-text: #fff5e0;
  --color-muted-grey: #b5a080;
  --color-muted-grey-bold: #d4c4a0;
  --color-title-grey: #8f7d62;
  --color-placeholder: #6b5b40;
  --color-chosen-grey: #4a3a24;
  --color-sidebar: #120e06;
  --color-pageloader-surface: #1a1408;
  --color-infraloader-surface: #1a1408;
  --color-search-overlay: rgba(26, 20, 8, 0.94);
}
/*! theme-preset-shadows.css | Nephos | Preset-aware elevation, overlays, gradients */
:root, [data-preset] {
  --shadow-button-primary: 0 8px 20px color-mix(in srgb, #0023ff 22%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-button-primary: 0 8px 20px color-mix(in srgb, var(--color-primary) 22%, transparent);
  }
  --shadow-button-primary-hover: 0 10px 24px color-mix(in srgb, #0023ff 32%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-button-primary-hover: 0 10px 24px color-mix(in srgb, var(--color-primary) 32%, transparent);
  }
  --shadow-button-secondary: 0 8px 20px color-mix(in srgb, #00d1b2 22%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-button-secondary: 0 8px 20px color-mix(in srgb, var(--color-secondary) 22%, transparent);
  }
  --shadow-button-secondary-hover: 0 10px 24px color-mix(in srgb, #00d1b2 32%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-button-secondary-hover: 0 10px 24px color-mix(in srgb, var(--color-secondary) 32%, transparent);
  }
  --shadow-button-accent: 0 8px 20px color-mix(in srgb, #7f00ff 22%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-button-accent: 0 8px 20px color-mix(in srgb, var(--color-accent) 22%, transparent);
  }
  --shadow-button-accent-hover: 0 10px 24px color-mix(in srgb, #7f00ff 32%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-button-accent-hover: 0 10px 24px color-mix(in srgb, var(--color-accent) 32%, transparent);
  }
  --shadow-primary: 0 14px 26px -12px color-mix(in srgb, #0023ff 42%, transparent),
    0 4px 23px 0 color-mix(in srgb, #4a4a4a 12%, transparent),
    0 8px 10px -5px color-mix(in srgb, #0023ff 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-primary: 0 14px 26px -12px color-mix(in srgb, var(--color-primary) 42%, transparent),
    0 4px 23px 0 color-mix(in srgb, var(--color-dark-text) 12%, transparent),
    0 8px 10px -5px color-mix(in srgb, var(--color-primary) 20%, transparent);
  }
  --shadow-secondary: 0 14px 26px -12px color-mix(in srgb, #00d1b2 42%, transparent),
    0 4px 23px 0 color-mix(in srgb, #4a4a4a 12%, transparent),
    0 8px 10px -5px color-mix(in srgb, #00d1b2 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-secondary: 0 14px 26px -12px color-mix(in srgb, var(--color-secondary) 42%, transparent),
    0 4px 23px 0 color-mix(in srgb, var(--color-dark-text) 12%, transparent),
    0 8px 10px -5px color-mix(in srgb, var(--color-secondary) 20%, transparent);
  }
  --shadow-accent: 0 14px 26px -12px color-mix(in srgb, #7f00ff 42%, transparent),
    0 4px 23px 0 color-mix(in srgb, #4a4a4a 12%, transparent),
    0 8px 10px -5px color-mix(in srgb, #7f00ff 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-accent: 0 14px 26px -12px color-mix(in srgb, var(--color-accent) 42%, transparent),
    0 4px 23px 0 color-mix(in srgb, var(--color-dark-text) 12%, transparent),
    0 8px 10px -5px color-mix(in srgb, var(--color-accent) 20%, transparent);
  }
  --color-overlay: color-mix(in srgb, #0023ff 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --color-overlay: color-mix(in srgb, var(--color-primary) 30%, transparent);
  }
  --color-search-backdrop: color-mix(in srgb, #4a4a4a 42%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --color-search-backdrop: color-mix(in srgb, var(--color-dark-text) 42%, transparent);
  }
  --gradient-promo: linear-gradient(
    to inline-end,
    color-mix(in srgb, #0023ff 88%, transparent) 0%,
    color-mix(in srgb, #0023ff 55%, transparent) 55%,
    color-mix(in srgb, #0023ff 20%, transparent) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --gradient-promo: linear-gradient(
    to inline-end,
    color-mix(in srgb, var(--color-primary) 88%, transparent) 0%,
    color-mix(in srgb, var(--color-primary) 55%, transparent) 55%,
    color-mix(in srgb, var(--color-primary) 20%, transparent) 100%
  );
  }
  --gradient-promo-fallback: linear-gradient(
    90deg,
    color-mix(in srgb, #0023ff 88%, transparent) 0%,
    color-mix(in srgb, #0023ff 55%, transparent) 55%,
    color-mix(in srgb, #0023ff 20%, transparent) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --gradient-promo-fallback: linear-gradient(
    90deg,
    color-mix(in srgb, var(--color-primary) 88%, transparent) 0%,
    color-mix(in srgb, var(--color-primary) 55%, transparent) 55%,
    color-mix(in srgb, var(--color-primary) 20%, transparent) 100%
  );
  }
  --gradient-hero-scrim: linear-gradient(
    100deg,
    color-mix(in srgb, #0023ff 35%, color-mix(in srgb, #4a4a4a 92%, transparent)) 0%,
    color-mix(in srgb, #0023ff 18%, color-mix(in srgb, #4a4a4a 72%, transparent)) 34%,
    color-mix(in srgb, #0023ff 8%, color-mix(in srgb, #4a4a4a 42%, transparent)) 62%,
    color-mix(in srgb, #4a4a4a 12%, transparent) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --gradient-hero-scrim: linear-gradient(
    100deg,
    color-mix(in srgb, var(--color-primary) 35%, color-mix(in srgb, var(--color-dark-text) 92%, transparent)) 0%,
    color-mix(in srgb, var(--color-primary) 18%, color-mix(in srgb, var(--color-dark-text) 72%, transparent)) 34%,
    color-mix(in srgb, var(--color-primary) 8%, color-mix(in srgb, var(--color-dark-text) 42%, transparent)) 62%,
    color-mix(in srgb, var(--color-dark-text) 12%, transparent) 100%
  );
  }
  --gradient-hero-scrim-rtl: linear-gradient(
    260deg,
    color-mix(in srgb, #0023ff 35%, color-mix(in srgb, #4a4a4a 92%, transparent)) 0%,
    color-mix(in srgb, #0023ff 18%, color-mix(in srgb, #4a4a4a 72%, transparent)) 34%,
    color-mix(in srgb, #0023ff 8%, color-mix(in srgb, #4a4a4a 42%, transparent)) 62%,
    color-mix(in srgb, #4a4a4a 12%, transparent) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --gradient-hero-scrim-rtl: linear-gradient(
    260deg,
    color-mix(in srgb, var(--color-primary) 35%, color-mix(in srgb, var(--color-dark-text) 92%, transparent)) 0%,
    color-mix(in srgb, var(--color-primary) 18%, color-mix(in srgb, var(--color-dark-text) 72%, transparent)) 34%,
    color-mix(in srgb, var(--color-primary) 8%, color-mix(in srgb, var(--color-dark-text) 42%, transparent)) 62%,
    color-mix(in srgb, var(--color-dark-text) 12%, transparent) 100%
  );
  }
  --color-hero-scrim-base: color-mix(
    in srgb,
    #0023ff 18%,
    color-mix(in srgb, #4a4a4a 45%, transparent)
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-hero-scrim-base: color-mix(
    in srgb,
    var(--color-primary) 18%,
    color-mix(in srgb, var(--color-dark-text) 45%, transparent)
  );
  }
  --gradient-category-card: linear-gradient(
    180deg,
    color-mix(in srgb, #0023ff 8%, color-mix(in srgb, #4a4a4a 15%, transparent)) 0%,
    color-mix(in srgb, #0023ff 22%, color-mix(in srgb, #4a4a4a 72%, transparent)) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --gradient-category-card: linear-gradient(
    180deg,
    color-mix(in srgb, var(--color-primary) 8%, color-mix(in srgb, var(--color-dark-text) 15%, transparent)) 0%,
    color-mix(in srgb, var(--color-primary) 22%, color-mix(in srgb, var(--color-dark-text) 72%, transparent)) 100%
  );
  }
  --gradient-category-card-hover: linear-gradient(
    180deg,
    color-mix(in srgb, #0023ff 14%, color-mix(in srgb, #4a4a4a 25%, transparent)) 0%,
    color-mix(in srgb, #0023ff 28%, color-mix(in srgb, #4a4a4a 82%, transparent)) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --gradient-category-card-hover: linear-gradient(
    180deg,
    color-mix(in srgb, var(--color-primary) 14%, color-mix(in srgb, var(--color-dark-text) 25%, transparent)) 0%,
    color-mix(in srgb, var(--color-primary) 28%, color-mix(in srgb, var(--color-dark-text) 82%, transparent)) 100%
  );
  }
  --color-bento-scrim-base: color-mix(
    in srgb,
    #0023ff 16%,
    color-mix(in srgb, #4a4a4a 42%, transparent)
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-bento-scrim-base: color-mix(
    in srgb,
    var(--color-primary) 16%,
    color-mix(in srgb, var(--color-dark-text) 42%, transparent)
  );
  }
  --gradient-bento-scrim: linear-gradient(
    180deg,
    color-mix(in srgb, #0023ff 6%, color-mix(in srgb, #4a4a4a 15%, transparent)) 0%,
    color-mix(in srgb, #0023ff 14%, color-mix(in srgb, #4a4a4a 55%, transparent)) 52%,
    color-mix(in srgb, #0023ff 22%, color-mix(in srgb, #4a4a4a 88%, transparent)) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --gradient-bento-scrim: linear-gradient(
    180deg,
    color-mix(in srgb, var(--color-primary) 6%, color-mix(in srgb, var(--color-dark-text) 15%, transparent)) 0%,
    color-mix(in srgb, var(--color-primary) 14%, color-mix(in srgb, var(--color-dark-text) 55%, transparent)) 52%,
    color-mix(in srgb, var(--color-primary) 22%, color-mix(in srgb, var(--color-dark-text) 88%, transparent)) 100%
  );
  }
  --gradient-bento-scrim-hover: linear-gradient(
    180deg,
    color-mix(in srgb, #0023ff 12%, color-mix(in srgb, #4a4a4a 28%, transparent)) 0%,
    color-mix(in srgb, #0023ff 20%, color-mix(in srgb, #4a4a4a 72%, transparent)) 55%,
    color-mix(in srgb, #0023ff 28%, color-mix(in srgb, #4a4a4a 94%, transparent)) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --gradient-bento-scrim-hover: linear-gradient(
    180deg,
    color-mix(in srgb, var(--color-primary) 12%, color-mix(in srgb, var(--color-dark-text) 28%, transparent)) 0%,
    color-mix(in srgb, var(--color-primary) 20%, color-mix(in srgb, var(--color-dark-text) 72%, transparent)) 55%,
    color-mix(in srgb, var(--color-primary) 28%, color-mix(in srgb, var(--color-dark-text) 94%, transparent)) 100%
  );
  }
  --color-pageloader-demo-gradient: linear-gradient(
    to right,
    var(--color-accent) 0%,
    var(--color-primary) 100%
  );
  --color-pageloader-demo-gradient-rtl: linear-gradient(
    to left,
    var(--color-accent) 0%,
    var(--color-primary) 100%
  );
  --shadow-light: -1px 3px 15px 0 color-mix(in srgb, #4a4a4a 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-light: -1px 3px 15px 0 color-mix(in srgb, var(--color-dark-text) 10%, transparent);
  }
  --shadow-elevated: 0 18px 42px color-mix(in srgb, #4a4a4a 6%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated: 0 18px 42px color-mix(in srgb, var(--color-dark-text) 6%, transparent);
  }
  --shadow-elevated-md: 0 10px 24px color-mix(in srgb, #4a4a4a 6%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated-md: 0 10px 24px color-mix(in srgb, var(--color-dark-text) 6%, transparent);
  }
  --shadow-elevated-sm: 0 8px 22px color-mix(in srgb, #4a4a4a 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated-sm: 0 8px 22px color-mix(in srgb, var(--color-dark-text) 5%, transparent);
  }
  --shadow-elevated-xs: 0 2px 8px color-mix(in srgb, #4a4a4a 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated-xs: 0 2px 8px color-mix(in srgb, var(--color-dark-text) 5%, transparent);
  }
  --shadow-elevated-strong: 0 18px 42px color-mix(in srgb, #4a4a4a 22%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated-strong: 0 18px 42px color-mix(in srgb, var(--color-dark-text) 22%, transparent);
  }
  --shadow-elevated-strong-hover: 0 22px 48px color-mix(in srgb, #4a4a4a 26%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated-strong-hover: 0 22px 48px color-mix(in srgb, var(--color-dark-text) 26%, transparent);
  }
  --shadow-modal: 0 24px 48px color-mix(in srgb, #4a4a4a 14%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-modal: 0 24px 48px color-mix(in srgb, var(--color-dark-text) 14%, transparent);
  }
  --shadow-inset-top: inset 0 1px 0 color-mix(in srgb, #fcfcfc 35%, #fff 65%);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-inset-top: inset 0 1px 0 color-mix(in srgb, var(--color-surface-muted) 35%, var(--color-white) 65%);
  }
  --color-border-subtle: var(--color-fade-grey);
  --color-card-hover-shadow: color-mix(in srgb, #0023ff 18%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --color-card-hover-shadow: color-mix(in srgb, var(--color-primary) 18%, transparent);
  }
  --color-pageloader-ball: var(--color-primary);
  --color-pageloader-ring-bg: color-mix(in srgb, #0023ff 18%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --color-pageloader-ring-bg: color-mix(in srgb, var(--color-primary) 18%, transparent);
  }
  --color-pageloader-ring-border: color-mix(in srgb, #0023ff 45%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --color-pageloader-ring-border: color-mix(in srgb, var(--color-primary) 45%, transparent);
  }
}
.dark, .dark[data-preset] {
  --shadow-button-primary: 0 8px 20px color-mix(in srgb, #0023ff 28%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-button-primary: 0 8px 20px color-mix(in srgb, var(--color-primary) 28%, transparent);
  }
  --shadow-button-primary-hover: 0 10px 24px color-mix(in srgb, #0023ff 38%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-button-primary-hover: 0 10px 24px color-mix(in srgb, var(--color-primary) 38%, transparent);
  }
  --shadow-button-secondary: 0 8px 20px color-mix(in srgb, #00d1b2 28%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-button-secondary: 0 8px 20px color-mix(in srgb, var(--color-secondary) 28%, transparent);
  }
  --shadow-button-secondary-hover: 0 10px 24px color-mix(in srgb, #00d1b2 38%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-button-secondary-hover: 0 10px 24px color-mix(in srgb, var(--color-secondary) 38%, transparent);
  }
  --shadow-button-accent: 0 8px 20px color-mix(in srgb, #7f00ff 28%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-button-accent: 0 8px 20px color-mix(in srgb, var(--color-accent) 28%, transparent);
  }
  --shadow-button-accent-hover: 0 10px 24px color-mix(in srgb, #7f00ff 38%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-button-accent-hover: 0 10px 24px color-mix(in srgb, var(--color-accent) 38%, transparent);
  }
  --shadow-primary: 0 14px 26px -12px color-mix(in srgb, #0023ff 30%, transparent),
    0 4px 23px 0 color-mix(in srgb, #ededed 38%, transparent),
    0 8px 10px -5px color-mix(in srgb, #0023ff 14%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-primary: 0 14px 26px -12px color-mix(in srgb, var(--color-primary) 30%, transparent),
    0 4px 23px 0 color-mix(in srgb, var(--color-bg) 38%, transparent),
    0 8px 10px -5px color-mix(in srgb, var(--color-primary) 14%, transparent);
  }
  --shadow-secondary: 0 14px 26px -12px color-mix(in srgb, #00d1b2 30%, transparent),
    0 4px 23px 0 color-mix(in srgb, #ededed 38%, transparent),
    0 8px 10px -5px color-mix(in srgb, #00d1b2 14%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-secondary: 0 14px 26px -12px color-mix(in srgb, var(--color-secondary) 30%, transparent),
    0 4px 23px 0 color-mix(in srgb, var(--color-bg) 38%, transparent),
    0 8px 10px -5px color-mix(in srgb, var(--color-secondary) 14%, transparent);
  }
  --shadow-accent: 0 14px 26px -12px color-mix(in srgb, #7f00ff 30%, transparent),
    0 4px 23px 0 color-mix(in srgb, #ededed 38%, transparent),
    0 8px 10px -5px color-mix(in srgb, #7f00ff 14%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-accent: 0 14px 26px -12px color-mix(in srgb, var(--color-accent) 30%, transparent),
    0 4px 23px 0 color-mix(in srgb, var(--color-bg) 38%, transparent),
    0 8px 10px -5px color-mix(in srgb, var(--color-accent) 14%, transparent);
  }
  --color-overlay: rgba(0, 0, 0, 0.65);
  --color-search-backdrop: color-mix(in srgb, #ededed 72%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --color-search-backdrop: color-mix(in srgb, var(--color-bg) 72%, transparent);
  }
  --gradient-promo: linear-gradient(
    to inline-end,
    color-mix(in srgb, #0023ff 78%, transparent) 0%,
    color-mix(in srgb, #0023ff 48%, transparent) 55%,
    color-mix(in srgb, #0023ff 18%, transparent) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --gradient-promo: linear-gradient(
    to inline-end,
    color-mix(in srgb, var(--color-primary) 78%, transparent) 0%,
    color-mix(in srgb, var(--color-primary) 48%, transparent) 55%,
    color-mix(in srgb, var(--color-primary) 18%, transparent) 100%
  );
  }
  --gradient-promo-fallback: linear-gradient(
    90deg,
    color-mix(in srgb, #0023ff 78%, transparent) 0%,
    color-mix(in srgb, #0023ff 48%, transparent) 55%,
    color-mix(in srgb, #0023ff 18%, transparent) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --gradient-promo-fallback: linear-gradient(
    90deg,
    color-mix(in srgb, var(--color-primary) 78%, transparent) 0%,
    color-mix(in srgb, var(--color-primary) 48%, transparent) 55%,
    color-mix(in srgb, var(--color-primary) 18%, transparent) 100%
  );
  }
  --gradient-hero-scrim: linear-gradient(
    100deg,
    color-mix(in srgb, #0023ff 28%, color-mix(in srgb, #ededed 94%, transparent)) 0%,
    color-mix(in srgb, #0023ff 14%, color-mix(in srgb, #ededed 78%, transparent)) 34%,
    color-mix(in srgb, #0023ff 6%, color-mix(in srgb, #ededed 48%, transparent)) 62%,
    color-mix(in srgb, #ededed 18%, transparent) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --gradient-hero-scrim: linear-gradient(
    100deg,
    color-mix(in srgb, var(--color-primary) 28%, color-mix(in srgb, var(--color-bg) 94%, transparent)) 0%,
    color-mix(in srgb, var(--color-primary) 14%, color-mix(in srgb, var(--color-bg) 78%, transparent)) 34%,
    color-mix(in srgb, var(--color-primary) 6%, color-mix(in srgb, var(--color-bg) 48%, transparent)) 62%,
    color-mix(in srgb, var(--color-bg) 18%, transparent) 100%
  );
  }
  --gradient-hero-scrim-rtl: linear-gradient(
    260deg,
    color-mix(in srgb, #0023ff 28%, color-mix(in srgb, #ededed 94%, transparent)) 0%,
    color-mix(in srgb, #0023ff 14%, color-mix(in srgb, #ededed 78%, transparent)) 34%,
    color-mix(in srgb, #0023ff 6%, color-mix(in srgb, #ededed 48%, transparent)) 62%,
    color-mix(in srgb, #ededed 18%, transparent) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --gradient-hero-scrim-rtl: linear-gradient(
    260deg,
    color-mix(in srgb, var(--color-primary) 28%, color-mix(in srgb, var(--color-bg) 94%, transparent)) 0%,
    color-mix(in srgb, var(--color-primary) 14%, color-mix(in srgb, var(--color-bg) 78%, transparent)) 34%,
    color-mix(in srgb, var(--color-primary) 6%, color-mix(in srgb, var(--color-bg) 48%, transparent)) 62%,
    color-mix(in srgb, var(--color-bg) 18%, transparent) 100%
  );
  }
  --color-hero-scrim-base: color-mix(in srgb, #0023ff 14%, color-mix(in srgb, #ededed 55%, transparent));
  @supports (color: color-mix(in lab, red, red)) {
    --color-hero-scrim-base: color-mix(in srgb, var(--color-primary) 14%, color-mix(in srgb, var(--color-bg) 55%, transparent));
  }
  --gradient-category-card: linear-gradient(
    180deg,
    color-mix(in srgb, #0023ff 10%, color-mix(in srgb, #ededed 20%, transparent)) 0%,
    color-mix(in srgb, #0023ff 24%, color-mix(in srgb, #ededed 78%, transparent)) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --gradient-category-card: linear-gradient(
    180deg,
    color-mix(in srgb, var(--color-primary) 10%, color-mix(in srgb, var(--color-bg) 20%, transparent)) 0%,
    color-mix(in srgb, var(--color-primary) 24%, color-mix(in srgb, var(--color-bg) 78%, transparent)) 100%
  );
  }
  --gradient-category-card-hover: linear-gradient(
    180deg,
    color-mix(in srgb, #0023ff 16%, color-mix(in srgb, #ededed 30%, transparent)) 0%,
    color-mix(in srgb, #0023ff 30%, color-mix(in srgb, #ededed 86%, transparent)) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --gradient-category-card-hover: linear-gradient(
    180deg,
    color-mix(in srgb, var(--color-primary) 16%, color-mix(in srgb, var(--color-bg) 30%, transparent)) 0%,
    color-mix(in srgb, var(--color-primary) 30%, color-mix(in srgb, var(--color-bg) 86%, transparent)) 100%
  );
  }
  --color-bento-scrim-base: color-mix(
    in srgb,
    #0023ff 14%,
    color-mix(in srgb, #ededed 48%, transparent)
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-bento-scrim-base: color-mix(
    in srgb,
    var(--color-primary) 14%,
    color-mix(in srgb, var(--color-bg) 48%, transparent)
  );
  }
  --gradient-bento-scrim: linear-gradient(
    180deg,
    color-mix(in srgb, #0023ff 8%, color-mix(in srgb, #ededed 18%, transparent)) 0%,
    color-mix(in srgb, #0023ff 16%, color-mix(in srgb, #ededed 58%, transparent)) 52%,
    color-mix(in srgb, #0023ff 24%, color-mix(in srgb, #ededed 90%, transparent)) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --gradient-bento-scrim: linear-gradient(
    180deg,
    color-mix(in srgb, var(--color-primary) 8%, color-mix(in srgb, var(--color-bg) 18%, transparent)) 0%,
    color-mix(in srgb, var(--color-primary) 16%, color-mix(in srgb, var(--color-bg) 58%, transparent)) 52%,
    color-mix(in srgb, var(--color-primary) 24%, color-mix(in srgb, var(--color-bg) 90%, transparent)) 100%
  );
  }
  --gradient-bento-scrim-hover: linear-gradient(
    180deg,
    color-mix(in srgb, #0023ff 14%, color-mix(in srgb, #ededed 30%, transparent)) 0%,
    color-mix(in srgb, #0023ff 22%, color-mix(in srgb, #ededed 74%, transparent)) 55%,
    color-mix(in srgb, #0023ff 30%, color-mix(in srgb, #ededed 94%, transparent)) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --gradient-bento-scrim-hover: linear-gradient(
    180deg,
    color-mix(in srgb, var(--color-primary) 14%, color-mix(in srgb, var(--color-bg) 30%, transparent)) 0%,
    color-mix(in srgb, var(--color-primary) 22%, color-mix(in srgb, var(--color-bg) 74%, transparent)) 55%,
    color-mix(in srgb, var(--color-primary) 30%, color-mix(in srgb, var(--color-bg) 94%, transparent)) 100%
  );
  }
  --color-pageloader-demo-gradient: linear-gradient(
    to right,
    color-mix(in srgb, #7f00ff 55%, #ededed) 0%,
    color-mix(in srgb, #0023ff 45%, #ededed) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-pageloader-demo-gradient: linear-gradient(
    to right,
    color-mix(in srgb, var(--color-accent) 55%, var(--color-bg)) 0%,
    color-mix(in srgb, var(--color-primary) 45%, var(--color-bg)) 100%
  );
  }
  --color-pageloader-demo-gradient-rtl: linear-gradient(
    to left,
    color-mix(in srgb, #7f00ff 55%, #ededed) 0%,
    color-mix(in srgb, #0023ff 45%, #ededed) 100%
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-pageloader-demo-gradient-rtl: linear-gradient(
    to left,
    color-mix(in srgb, var(--color-accent) 55%, var(--color-bg)) 0%,
    color-mix(in srgb, var(--color-primary) 45%, var(--color-bg)) 100%
  );
  }
  --shadow-light: -1px 3px 15px 0 color-mix(in srgb, #ededed 52%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-light: -1px 3px 15px 0 color-mix(in srgb, var(--color-bg) 52%, transparent);
  }
  --shadow-elevated: 0 18px 42px color-mix(in srgb, #ededed 44%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated: 0 18px 42px color-mix(in srgb, var(--color-bg) 44%, transparent);
  }
  --shadow-elevated-md: 0 10px 24px color-mix(in srgb, #ededed 34%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated-md: 0 10px 24px color-mix(in srgb, var(--color-bg) 34%, transparent);
  }
  --shadow-elevated-sm: 0 8px 22px color-mix(in srgb, #ededed 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated-sm: 0 8px 22px color-mix(in srgb, var(--color-bg) 30%, transparent);
  }
  --shadow-elevated-xs: 0 2px 8px color-mix(in srgb, #ededed 28%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated-xs: 0 2px 8px color-mix(in srgb, var(--color-bg) 28%, transparent);
  }
  --shadow-elevated-strong: 0 18px 42px color-mix(in srgb, #ededed 55%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated-strong: 0 18px 42px color-mix(in srgb, var(--color-bg) 55%, transparent);
  }
  --shadow-elevated-strong-hover: 0 22px 48px color-mix(in srgb, #ededed 62%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-elevated-strong-hover: 0 22px 48px color-mix(in srgb, var(--color-bg) 62%, transparent);
  }
  --shadow-modal: 0 24px 48px color-mix(in srgb, #ededed 55%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-modal: 0 24px 48px color-mix(in srgb, var(--color-bg) 55%, transparent);
  }
  --shadow-inset-top: inset 0 1px 0 color-mix(in srgb, #ccc 30%, #f0f0f0 70%);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-inset-top: inset 0 1px 0 color-mix(in srgb, var(--color-accent-grey) 30%, var(--color-surface) 70%);
  }
  --color-border-subtle: color-mix(in srgb, #ccc 36%, #f0f0f0 64%);
  @supports (color: color-mix(in lab, red, red)) {
    --color-border-subtle: color-mix(in srgb, var(--color-accent-grey) 36%, var(--color-surface) 64%);
  }
  --color-card-hover-shadow: color-mix(in srgb, #0023ff 14%, #ededed 86%);
  @supports (color: color-mix(in lab, red, red)) {
    --color-card-hover-shadow: color-mix(in srgb, var(--color-primary) 14%, var(--color-bg) 86%);
  }
}
.hover\:shadow-primary:hover, .focus\:shadow-primary:focus {
  --tw-shadow: var(--shadow-primary);
  box-shadow: var(--shadow-primary) !important;
}
.hover\:shadow-secondary:hover, .focus\:shadow-secondary:focus {
  --tw-shadow: var(--shadow-secondary);
  box-shadow: var(--shadow-secondary) !important;
}
.hover\:shadow-accent:hover, .focus\:shadow-accent:focus {
  --tw-shadow: var(--shadow-accent);
  box-shadow: var(--shadow-accent) !important;
}
.shadow-primary {
  --tw-shadow: var(--shadow-primary);
  box-shadow: var(--shadow-primary) !important;
}
.shadow-secondary {
  --tw-shadow: var(--shadow-secondary);
  box-shadow: var(--shadow-secondary) !important;
}
.shadow-accent {
  --tw-shadow: var(--shadow-accent);
  box-shadow: var(--shadow-accent) !important;
}
.shadow-light {
  --tw-shadow: var(--shadow-light);
  box-shadow: var(--shadow-light) !important;
}
a[class*='bg-primary']:hover, a[class*='bg-primary']:focus, button[class*='bg-primary']:hover, button[class*='bg-primary']:focus, .button.is-primary:hover, .button.is-primary:focus, .demo-btn.is-primary:hover, .demo-btn.is-primary:focus {
  --tw-shadow: var(--shadow-primary);
  box-shadow: var(--shadow-primary) !important;
}
a[class*='bg-secondary']:hover, a[class*='bg-secondary']:focus, button[class*='bg-secondary']:hover, button[class*='bg-secondary']:focus, .button.is-secondary:hover, .button.is-secondary:focus, .demo-btn.is-secondary:hover, .demo-btn.is-secondary:focus {
  --tw-shadow: var(--shadow-secondary);
  box-shadow: var(--shadow-secondary) !important;
}
a[class*='bg-accent']:hover, a[class*='bg-accent']:focus, button[class*='bg-accent']:hover, button[class*='bg-accent']:focus {
  --tw-shadow: var(--shadow-accent);
  box-shadow: var(--shadow-accent) !important;
}
@layer components {
  .add-to-wishlist-modal .wishlist-modal-list .wishlist-picker-item {
    display: flex !important;
    align-items: center;
  }
}
/*! dark-mode-surfaces.css | Nephos | Extended borders, text, and panel surfaces */
.dark body {
  color: var(--color-dark-text);
}
.dark .title, .dark .subtitle, .dark .label, .dark legend, .dark th, .dark .content table td, .dark .content table th {
  color: var(--color-dark-text);
}
.dark .subtitle, .dark .help, .dark small, .dark .is-size-7 {
  color: var(--color-muted-grey);
}
.dark hr, .dark .divider {
  background-color: var(--color-fade-grey);
}
.dark .table td, .dark .table th, .dark .table tr {
  border-color: var(--color-fade-grey);
  color: var(--color-dark-text);
}
.dark .main-sidebar {
  background-color: var(--color-white);
  border-inline-end-color: var(--color-fade-grey);
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.25);
}
.dark .main-sidebar .icon-menu li a.is-active svg, .dark .main-sidebar .bottom-menu li a.is-active svg {
  stroke: var(--color-primary);
}
.dark .navbar, .dark .navbar .navbar-menu {
  background-color: var(--color-white);
  border-bottom-color: var(--color-fade-grey);
}
.dark .navbar .navbar-item, .dark .navbar .navbar-link {
  color: var(--color-dark-text);
}
.dark .mobile-navbar .navbar-brand {
  background-color: color-mix(in srgb, #fff 88%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--color-white) 88%, transparent);
  }
  border-bottom-color: var(--color-fade-grey);
}
.dark .mobile-navbar .navbar-menu {
  background: linear-gradient( 180deg, color-mix(in srgb, #0023ff 8%, #fff) 0%, var(--color-white) 28% );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 180deg, color-mix(in srgb, var(--color-primary) 8%, var(--color-white)) 0%, var(--color-white) 28% );
  }
  border-bottom-color: var(--color-fade-grey);
}
.dark .mobile-navbar .navbar-menu .navbar-item.has-dropdown {
  background-color: var(--color-white);
  border-color: var(--color-fade-grey);
}
.dark .mobile-navbar .navbar-dropdown {
  background: color-mix(in srgb, #ededed 45%, #fff);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-fade-grey) 45%, var(--color-white));
  }
}
.dark .mobile-navbar .navbar-burger {
  color: var(--color-dark-text);
}
.dark .mobile-navbar .navbar-burger:hover {
  background-color: color-mix(in srgb, #0023ff 12%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--color-primary) 12%, transparent);
  }
}
.dark .search-input-wrapper .control input {
  color: var(--color-dark-text);
  border-bottom-color: var(--color-fade-grey);
}
.dark .search-input-wrapper .control input::placeholder {
  color: var(--color-placeholder);
}
.dark .search-modal {
  background: var(--color-white);
  border-color: var(--color-fade-grey);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35);
}
.dark .search-control {
  background: var(--color-surface-muted);
  border-color: var(--color-border-subtle);
}
.dark .search-control:focus-within {
  background: var(--color-white);
}
.dark .search-clear-btn:hover {
  background: var(--color-fade-grey);
}
.dark .search-recent-chip, .dark .search-product-card, .dark .search-input-wrapper .easy-autocomplete-container ul {
  background: var(--color-white);
  border-color: var(--color-border-subtle);
}
.dark .search-suggestions::-webkit-scrollbar-thumb, .dark .search-input-wrapper .easy-autocomplete-container ul::-webkit-scrollbar-thumb {
  background: var(--color-scrollbar-thumb);
}
.dark .nephos-search-template .icon-wrapper {
  background: var(--color-surface-muted);
}
.dark .home-shop-card, .dark .home-shop-trust, .dark .home-shop-hero-product, .dark .home-shop-btn.is-ghost:not(.is-on-dark), .dark .home-shop-card-actions .add, .dark .home-shop-card-actions .like {
  background: var(--color-white);
  border-color: var(--color-border-subtle);
}
.dark .home-shop-card-media {
  background: var(--color-surface-muted);
}
.dark .home-shop-hero-product-media {
  background: var(--color-surface-muted);
}
.dark .shop-bento-featured-product {
  background: var(--color-white);
}
.dark .shop-bento-featured-product-media {
  background: var(--color-surface-muted);
}
.dark .shop-page-product-card, .dark .shop-page-product-actions .add, .dark .shop-page-product-actions .like {
  background: var(--color-white);
  border-color: var(--color-border-subtle);
}
.dark .shop-page-product-media {
  background: var(--color-surface-muted);
}
.dark .catalog-hero, .dark .products-modern-hero, .dark .catalog-card, .dark .catalog-card-actions .add, .dark .catalog-card-actions .like, .dark .products-modern-view-toggle, .dark .catalog-view-toggle, .dark .catalog-sort-control, .dark .catalog-sort .nephos-select {
  background: var(--color-white);
  border-color: var(--color-border-subtle);
}
.dark .is-products-modern .listing-controls {
  border-top-color: var(--color-border-subtle);
}
.dark .catalog-sort {
  background: var(--color-surface-muted);
  border-color: var(--color-border-subtle);
}
.dark .catalog-sort-label {
  color: var(--color-muted-grey);
}
.dark .catalog-sort-control-wrap::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23a0a0a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");
}
.dark .catalog-view-toggle a.is-active, .dark .catalog-view-toggle a:hover, .dark .products-modern-view-toggle a.is-active, .dark .products-modern-view-toggle a:hover {
  background: var(--color-surface-muted);
  box-shadow: none;
}
.dark .catalog-card-media {
  background: var(--color-surface-muted);
}
.dark .catalog-list-card, .dark .catalog-list-media, .dark .catalog-list-actions .add, .dark .catalog-list-actions .like {
  background: var(--color-white);
  border-color: var(--color-border-subtle);
}
.dark .catalog-list-media {
  background: var(--color-surface-muted);
}
.dark .pd-purchase-head, .dark .pd-purchase-foot, .dark .pd-field-control, .dark .pd-category-card, .dark .pd-category-chip, .dark .pd-breadcrumb-list, .dark .pd-breadcrumb-sep {
  background: var(--color-surface-muted);
  border-color: var(--color-border-subtle);
}
.dark .pd-category-card, .dark .pd-breadcrumb-sep {
  background: var(--color-white);
}
.dark #product-page.pd-page .product-panel, .dark .pd-meta-block, .dark .pd-ratings-summary, .dark .pd-review-card, .dark .pd-purchase-card, .dark .pd-trust-item, .dark .pd-share-btn, .dark .pd-wishlist-btn, .dark .pd-rating-chip, .dark .pd-shipping-chip, .dark .pd-gallery-view, .dark .pd-gallery-stage, .dark .pd-gallery-thumbs, .dark .pd-gallery-nav, .dark .pd-gallery-counter, .dark .pd-gallery-thumb {
  background: var(--color-white);
  border-color: var(--color-border-subtle);
}
.dark .pd-gallery-stage-bg {
  background: radial-gradient( 90% 70% at 50% 42%, color-mix(in srgb, #0023ff 14%, #fcfcfc) 0%, var(--color-surface-muted) 72% );
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient( 90% 70% at 50% 42%, color-mix(in srgb, var(--color-primary) 14%, var(--color-surface-muted)) 0%, var(--color-surface-muted) 72% );
  }
}
.dark .pd-panel-bar {
  background: color-mix(in srgb, #fff 94%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-white) 94%, transparent);
  }
  border-color: var(--color-border-subtle);
}
.dark .pd-back-link, .dark .pd-zoom-tools, .dark .pd-view-tabs {
  background: var(--color-surface-muted);
  border-color: var(--color-border-subtle);
}
.dark .pd-view-tab.is-active {
  background: var(--color-white);
}
.dark .home-shop-hero .embla__arrow {
  background: var(--color-white);
  border-color: var(--color-border-subtle);
  color: var(--color-dark-text);
}
.dark .shop-page-hero, .dark .shop-page-stat {
  background: var(--color-white);
  border-color: var(--color-border-subtle);
}
.dark .cart-quickview, .dark .shop-quickview, .dark .filters-quickview {
  background-color: var(--color-white);
  box-shadow: 2px 0 12px rgba(0, 0, 0, 0.3);
}
[dir='rtl'][dir='rtl'][dir='rtl'][dir='rtl'].dark .cart-quickview, [dir='rtl'].dark .shop-quickview, [dir='rtl'].dark .filters-quickview {
  box-shadow: -2px 0 12px rgba(0, 0, 0, 0.3);
}
.dark .category-quickview, .dark .category-quickview.is-active {
  background-color: var(--color-white);
  border-inline-start-color: var(--color-fade-grey);
  box-shadow: -2px 0 12px rgba(0, 0, 0, 0.3);
}
[dir='rtl'][dir='rtl'][dir='rtl'].dark .category-quickview, [dir='rtl'].dark .category-quickview.is-active {
  box-shadow: 2px 0 12px rgba(0, 0, 0, 0.3);
}
.dark .cart-quickview .inner .quickview-header, .dark .shop-quickview .shop-quickview-header, .dark .category-quickview .category-quickview-header, .dark .filters-quickview .inner .quickview-header {
  border-bottom-color: var(--color-border-subtle);
}
.dark .cart-quickview .inner .cart-body, .dark .shop-quickview .shop-body, .dark .category-quickview .category-body {
  background: var(--color-bg);
}
.dark .category-quickview .category-quickview-close {
  background: var(--color-surface-muted);
}
.dark .category-quickview .category-nav-item a {
  background: var(--color-white);
  border-color: var(--color-border-subtle);
}
.dark .category-quickview .category-nav-icon {
  background: var(--color-surface-muted);
}
.dark .category-quickview .category-nav-icon svg {
  fill: var(--color-muted-grey);
}
.dark .category-quickview .category-nav-item a:hover .category-nav-icon svg {
  fill: var(--color-primary);
}
.dark .category-quickview .category-quickview-footer {
  background: var(--color-smoke-white);
  border-top-color: var(--color-fade-grey);
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.18);
}
.dark .category-quickview .category-body::-webkit-scrollbar-thumb {
  background: var(--color-scrollbar-thumb);
}
.dark .shop-quickview .shop-quickview-logo-light {
  display: none;
}
.dark .shop-quickview .shop-quickview-logo-dark {
  display: block;
}
.dark .shop-quickview .shop-quickview-close {
  background: var(--color-surface-muted);
}
.dark .shop-quickview .shop-nav-item a, .dark .shop-quickview .shop-profile-card {
  background: var(--color-white);
  border-color: var(--color-border-subtle);
}
.dark .shop-quickview .shop-nav-icon {
  background: var(--color-surface-muted);
}
.dark .shop-quickview .shop-quickview-footer {
  background: var(--color-smoke-white);
  border-top-color: var(--color-fade-grey);
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.18);
}
.dark .shop-quickview .shop-body::-webkit-scrollbar-thumb {
  background: var(--color-scrollbar-thumb);
}
.dark .cart-quickview .cart-quickview-footer {
  background: var(--color-smoke-white);
  border-top-color: var(--color-fade-grey);
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.18);
}
.dark .cart-quickview .cart-line-item {
  background: var(--color-white);
  border-color: var(--color-border-subtle);
}
.dark .cart-quickview .cart-line-media {
  background: var(--color-surface-muted);
  border-color: var(--color-fade-grey);
}
.dark .cart-quickview .cart-quickview-close {
  background: var(--color-surface-muted);
}
.dark .cart-quickview .quantity .sidebar-spinner, .dark .cart-quickview .quantity .return-spinner {
  background: var(--color-surface-muted);
  border-color: var(--color-fade-grey);
}
.dark .filters-quickview .inner .filters-body::-webkit-scrollbar-thumb, .dark .cart-quickview .inner .cart-body .shopping-cart-items::-webkit-scrollbar-thumb {
  background: var(--color-scrollbar-thumb);
}
.dark .filters-quickview .inner .quickview-header h2, .dark .filters-quickview .inner .quickview-header svg {
  color: var(--color-dark-text);
  stroke: var(--color-dark-text);
}
.dark .filters-quickview .inner .quickview-header svg:hover {
  stroke: var(--color-primary);
}
.dark .filters-quickview .inner .checkbox-wrap {
  color: var(--color-dark-text) !important;
}
.dark .filters-quickview .inner .range-slider.is-dual .range-slider-track {
  background: var(--color-accent-grey, var(--color-fade-grey));
}
.dark .filters-quickview .inner .range-slider.is-dual .range-slider-fill {
  background: var(--color-primary);
}
.dark .filters-quickview .inner .price-range-wrapper .price-limit, .dark .filters-quickview .inner .range-slider .slider-output small, .dark .filters-quickview .inner .range-slider .range-value::after {
  color: var(--color-muted-grey);
}
.dark .filters-quickview .inner .range-slider .range-value {
  color: var(--color-primary);
}
.dark .account-header h2, .dark .account-header .account-title h2 {
  color: var(--color-dark-text);
}
.dark .account-header .account-title .title-back svg {
  stroke: var(--color-dark-text);
}
[dir='rtl'] .account-header .account-title .title-back svg {
  transform: scaleX(-1);
}
.dark .account-header .account-icon span {
  color: var(--color-muted-grey);
}
.dark .main-placeholder .placeholder-content h3 {
  color: var(--color-dark-text);
}
.dark .main-placeholder .placeholder-content p, .dark .main-placeholder .placeholder-content > a {
  color: var(--color-muted-grey);
}
.dark .profile-info-card .card-body, .dark .upload-card .card-body, .dark .profile-card .card-body {
  background-color: var(--color-white);
  color: var(--color-dark-text);
}
.dark .profile-card .username span {
  color: var(--color-dark-text);
}
.dark .profile-card .username small {
  color: var(--color-muted-grey);
}
.dark .auth-title h2 {
  color: var(--color-dark-text);
}
.dark .auth-title .brand-filigrane {
  filter: brightness(0) invert(1);
  opacity: 0.12;
}
.dark .auth-toggler .toggler-track {
  background: var(--color-chosen-grey);
}
.dark .auth-toggler .toggler-track .hexagon-wrap .hexagon {
  background-color: var(--color-white);
}
.dark .auth-toggler .toggler-track .hexagon-wrap .hexagon::before {
  border-bottom-color: var(--color-white);
}
.dark .auth-toggler .toggler-track .hexagon-wrap .hexagon::after {
  border-top-color: var(--color-white);
}
.dark .auth-toggler .toggler-track .hexagon-wrap .hexagon svg.login-icon {
  stroke: var(--color-dark-text);
}
.dark .auth-toggler > input:checked + .toggler-track .hexagon-wrap .hexagon {
  background-color: var(--color-primary);
}
.dark .auth-toggler > input:checked + .toggler-track .hexagon-wrap .hexagon::before {
  border-bottom-color: var(--color-primary);
}
.dark .auth-toggler > input:checked + .toggler-track .hexagon-wrap .hexagon::after {
  border-top-color: var(--color-primary);
}
.dark .main-auth-wrapper .login-form .field label, .dark .main-auth-wrapper .reset-form .field label, .dark .main-auth-wrapper .registration-form .field label {
  color: var(--color-dark-text);
}
.dark .main-auth-wrapper .form-description {
  color: var(--color-muted-grey);
}
.dark .main-auth-wrapper .forgot-link a, .dark .main-auth-wrapper .back-link a {
  color: var(--color-muted-grey);
}
.dark .main-auth-wrapper .forgot-link a:hover, .dark .main-auth-wrapper .back-link a:hover {
  color: var(--color-primary);
}
.dark .main-auth-wrapper .control.has-icon .form-icon svg {
  stroke: var(--color-placeholder);
}
.dark .main-auth-wrapper .control.has-icon .input:focus + .form-icon svg {
  stroke: var(--color-primary);
}
.dark .main-auth-wrapper .field .control .input:focus {
  border-color: var(--color-accent-grey);
}
.dark .special-toggle .toggler {
  background: var(--color-chosen-grey);
  border-color: var(--color-chosen-grey);
}
.dark .special-toggle .toggler .inactive {
  background: var(--color-white);
  border-color: var(--color-placeholder);
}
.dark .special-toggle .toggler .inactive svg {
  stroke: var(--color-muted-grey);
}
.dark .special-toggle .toggler .active {
  background: var(--color-primary);
  border-color: var(--color-primary);
  box-shadow: var(--shadow-primary) !important;
}
.dark .login-accounts-trigger {
  background: var(--color-white);
  border-color: var(--color-fade-grey);
  box-shadow: var(--shadow-light);
}
.dark .login-accounts-trigger svg {
  stroke: var(--color-dark-text);
}
.dark .login-accounts-panel {
  background: var(--color-white);
  border-color: var(--color-fade-grey);
  box-shadow: var(--shadow-light);
}
.dark .login-accounts-panel .panel-inner .close-button svg {
  stroke: var(--color-dark-text);
}
.dark .login-accounts-panel .panel-inner .header h3 {
  color: var(--color-dark-text);
}
.dark .login-accounts-panel .panel-inner .header p {
  color: var(--color-muted-grey);
}
.dark .login-accounts-panel .panel-inner .login-block {
  border-bottom-color: var(--color-fade-grey);
}
.dark .login-accounts-panel .panel-inner .login-block .meta > span {
  color: var(--color-dark-text);
}
.dark .login-accounts-panel .panel-inner .login-block .meta > span label {
  color: var(--color-muted-grey);
}
.dark .order-long-card {
  background: var(--color-white);
  border-color: var(--color-fade-grey);
}
.dark .order-long-card .start-side {
  border-inline-end-color: var(--color-fade-grey);
}
.dark .order-long-card .order-header h3, .dark .order-long-card .order-header .order-total {
  color: var(--color-dark-text);
}
.dark .order-long-card .order-header .date {
  color: var(--color-muted-grey);
}
.dark .order-long-card .ordered-product {
  border-top-color: var(--color-fade-grey);
}
.dark .order-long-card .product-meta .name, .dark .order-long-card .end-side .inner-meta span:nth-child(2) {
  color: var(--color-dark-text);
}
.dark .order-long-card .end-side .inner-meta span:first-child, .dark .order-long-card .product-subtotal span:first-child {
  color: var(--color-muted-grey);
}
.dark .order-long-card .end-side .support:hover {
  background: var(--color-light-grey);
}
.dark .order-long-card .end-side .support svg {
  stroke: var(--color-dark-text);
}
.dark .order-long-card .ordered-products .products-loader {
  background: var(--color-white);
}
.dark .order-long-card .product-meta .price span:first-child {
  color: var(--color-primary);
}
.dark .order-long-card .product-meta .price span:nth-child(2) {
  color: var(--color-muted-grey);
}
.dark .order-long-card .product-subtotal span:nth-child(2) {
  color: var(--color-dark-text);
}
.dark .flex-table .flex-table-header span {
  color: var(--color-muted-grey);
}
.dark .flex-table .flex-table-item {
  background: var(--color-white) !important;
  border: 1px solid var(--color-fade-grey) !important;
}
.dark .flex-table .flex-table-item .product-name, .dark .flex-table .flex-table-item .total span, .dark .flex-table .flex-table-item .discount span {
  color: var(--color-dark-text);
}
.dark .flex-table .flex-table-item .quantity span, .dark .flex-table .flex-table-item .price span {
  color: var(--color-muted-grey);
}
.dark .flex-table .flex-table-item .quantity, .dark .flex-table .flex-table-item .price, .dark .flex-table .flex-table-item .discount, .dark .flex-table .flex-table-item .total {
  border-inline-start: 1px solid var(--color-fade-grey) !important;
}
.dark [dir='rtl'] .flex-table .flex-table-item .discount {
  border-inline-start: unset !important;
  border-inline-end: 1px solid var(--color-fade-grey) !important;
}
.dark #order-details .account-title .brand-filigrane {
  filter: brightness(0) invert(1);
  opacity: 0.1;
}
.dark #order-details .flex-table .flex-table-header span {
  color: var(--color-muted-grey);
}
.dark #order-details .flex-table .flex-table-item {
  background: var(--color-white) !important;
  border: 1px solid var(--color-fade-grey) !important;
}
.dark #order-details .flex-table .flex-table-item .product-name, .dark #order-details .flex-table .flex-table-item .total span, .dark #order-details .flex-table .flex-table-item .discount span {
  color: var(--color-dark-text);
}
.dark #order-details .flex-table .flex-table-item .product-name:hover {
  color: var(--color-primary);
}
.dark #order-details .flex-table .flex-table-item .quantity span, .dark #order-details .flex-table .flex-table-item .price span {
  color: var(--color-muted-grey);
}
.dark #order-details .flex-table .flex-table-item .quantity, .dark #order-details .flex-table .flex-table-item .price, .dark #order-details .flex-table .flex-table-item .discount, .dark #order-details .flex-table .flex-table-item .total {
  border-inline-start: 1px solid var(--color-fade-grey) !important;
}
.dark [dir='rtl'] #order-details .flex-table .flex-table-item .discount {
  border-inline-start: unset !important;
  border-inline-end: 1px solid var(--color-fade-grey) !important;
}
.dark .order-details-wrap .order-stats .order-stat, .dark .order-details-wrap .payment-info, .dark .order-details-wrap .address-widget {
  background: var(--color-white) !important;
  border: 1px solid var(--color-fade-grey) !important;
  color: var(--color-dark-text);
}
.dark .order-details-wrap .order-stats .order-stat > h3, .dark .order-details-wrap .payment-info .info-title, .dark .order-details-wrap .address-widget .widget-title {
  color: var(--color-muted-grey);
}
.dark .order-details-wrap .order-details-header .left span:first-child, .dark .order-details-wrap .order-stats .order-stat .order-stat-inner .meta span:first-child {
  color: var(--color-dark-text);
}
.dark .order-details-wrap .order-details-header .left span:nth-child(2), .dark .order-details-wrap .order-stats .order-stat .order-stat-inner .meta span:nth-child(2) {
  color: var(--color-muted-grey);
}
.dark .order-top-actions a {
  color: var(--color-dark-text);
}
.dark .order-top-actions a:hover {
  color: var(--color-primary);
}
.dark .order-top-actions a svg {
  stroke: var(--color-muted-grey);
}
.dark .order-details-wrap .order-details-header .right .inner-meta span:first-child {
  color: var(--color-muted-grey);
}
.dark .order-details-wrap .order-details-header .right .inner-meta span:nth-child(2) {
  color: var(--color-dark-text);
}
.dark .order-details-wrap .start-side-header h3 {
  color: var(--color-dark-text);
}
.dark .order-details-wrap .payment-info .payment-block span:first-child {
  color: var(--color-muted-grey);
}
.dark .order-details-wrap .payment-info .payment-block span:nth-child(2), .dark .order-details-wrap .payment-info .payment-block span.is-bold {
  color: var(--color-dark-text);
}
.dark .order-details-wrap .address-widget .address, .dark .order-details-wrap .address-widget .address var {
  color: var(--color-dark-text);
}
.dark .order-details-wrap .order-stats .order-stat .order-stat-inner .meta span:nth-child(3), .dark .order-details-wrap .order-stats .order-stat .order-stat-inner .meta a {
  color: var(--color-muted-grey);
}
.dark .order-details-wrap .order-stats .order-stat .order-stat-inner .meta a:hover {
  color: var(--color-primary);
}
#order-details .order-stat .icon-container .order-stat-icon-dark {
  display: none;
}
.dark #order-details .order-stat .icon-container .order-stat-icon-light {
  display: none;
}
.dark #order-details .order-stat .icon-container .order-stat-icon-dark {
  display: block;
}
.dark .order-details-wrap .order-stats .order-stat .order-stat-inner .icon-container .indicator {
  border-color: var(--color-bg) !important;
}
.dark .order-details-wrap .order-stats .order-stat .order-stat-inner .icon-container .indicator svg {
  stroke: #fff;
}
#invoice-page .invoice .invoice-logo-dark {
  display: none;
}
.dark #invoice-page .invoice-controls .invoice-top-actions a {
  color: var(--color-dark-text);
}
.dark #invoice-page .invoice-controls .invoice-top-actions a:hover {
  color: var(--color-primary);
}
.dark #invoice-page .invoice-controls .invoice-top-actions a svg {
  stroke: var(--color-muted-grey);
}
.dark #invoice-page .invoice {
  background: var(--color-white) !important;
  border: 1px solid var(--color-fade-grey);
  color: var(--color-dark-text);
}
.dark #invoice-page .invoice .invoice-logo-light {
  display: none;
}
.dark #invoice-page .invoice .invoice-logo-dark {
  display: block;
}
.dark #invoice-page .invoice .invoice-meta span, .dark #invoice-page .invoice .seller, .dark #invoice-page .invoice .buyer {
  color: var(--color-muted-grey);
}
.dark #invoice-page .invoice .invoice-meta span small, .dark #invoice-page .invoice .seller span, .dark #invoice-page .invoice .buyer span {
  color: var(--color-dark-text);
}
.dark #invoice-page .invoice .bottom-page, .dark #invoice-page .invoice .bottom-page .code, .dark #invoice-page .invoice .bottom-page .id {
  color: var(--color-dark-text);
}
.dark #invoice-page .invoice .bottom-page .company {
  color: var(--color-dark-text);
}
.dark #invoice-page .invoice .bottom-page .url {
  color: var(--color-primary);
}
.dark #invoice-page .invoice .table {
  background-color: transparent !important;
  color: var(--color-dark-text);
}
.dark #invoice-page .invoice .table tbody {
  background-color: transparent !important;
}
.dark #invoice-page .invoice .responsive-table thead {
  background-color: var(--color-smoke-white) !important;
}
.dark #invoice-page .invoice .responsive-table th, .dark #invoice-page .invoice .responsive-table td {
  border: none !important;
  border-bottom: 1px solid var(--color-fade-grey) !important;
  background-color: transparent !important;
  color: var(--color-dark-text);
}
.dark #invoice-page .invoice .responsive-table thead th {
  color: var(--color-muted-grey) !important;
  border-bottom: 2px solid var(--color-fade-grey) !important;
}
.dark #invoice-page .invoice .responsive-table tbody tr:last-child td {
  border-bottom: 1px solid var(--color-fade-grey) !important;
}
.dark #invoice-page .invoice .responsive-table td .product, .dark #invoice-page .invoice .responsive-table td .unit-price, .dark #invoice-page .invoice .responsive-table td .total-price {
  color: var(--color-dark-text);
}
.dark #invoice-page .invoice .responsive-table td .sku, .dark #invoice-page .invoice .responsive-table td .quantity {
  color: var(--color-muted-grey);
}
.dark #invoice-page .invoice .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: var(--color-smoke-white) !important;
}
.dark #invoice-page .invoice .table.is-striped tbody tr:not(.is-selected):nth-child(odd) {
  background-color: transparent !important;
}
.dark #invoice-page .invoice .sub-table {
  background-color: transparent !important;
}
.dark #invoice-page .invoice .sub-table .subtotal, .dark #invoice-page .invoice .sub-table .vat {
  color: var(--color-muted-grey);
}
.dark #invoice-page .invoice .sub-table td {
  border: none !important;
  border-bottom: 1px solid var(--color-fade-grey) !important;
  background-color: transparent !important;
  color: var(--color-dark-text);
}
.dark #invoice-page .invoice .sub-table tr:last-child td {
  border-bottom: 1px solid var(--color-fade-grey) !important;
}
.dark #invoice-page .invoice .sub-table .total, .dark #invoice-page .invoice .sub-table .subtotal-value, .dark #invoice-page .invoice .sub-table .vat-value {
  color: var(--color-dark-text);
}
.dark #invoice-page .invoice .sub-table .total-value {
  color: var(--color-primary);
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .dark #invoice-page .invoice .responsive-table tr {
    border: 1px solid var(--color-fade-grey) !important;
    background-color: transparent !important;
  }
  .dark #invoice-page .invoice .responsive-table td {
    border: none !important;
    border-bottom: 1px solid var(--color-fade-grey) !important;
    background-color: transparent !important;
  }
  .dark #invoice-page .invoice .responsive-table td:before {
    color: var(--color-muted-grey) !important;
  }
}
.dark .action-bar {
  background: var(--color-white);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
}
.dark .steps-wrapper .step-list li:before {
  background-color: var(--color-fade-grey);
  border-color: var(--color-white);
  color: var(--color-muted-grey);
}
.dark .steps-wrapper .step-list li + li:after {
  background-color: var(--color-fade-grey);
}
.dark .steps-wrapper .step-list .active:before {
  background: var(--color-primary);
  border-color: var(--color-white);
  color: #fff;
}
.dark .steps-wrapper .step-list .active:after {
  background-color: var(--color-primary);
}
.dark .category-header .category-title h2, .dark .category-header .category-title .element-title {
  color: var(--color-dark-text);
}
.dark .category-header .category-title .brand-filigrane {
  filter: brightness(0) invert(1);
  opacity: 0.12;
}
.is-element-card .element-icon-dark {
  display: none;
}
.dark .is-element-card .element-icon-light {
  display: none;
}
.dark .is-element-card .element-icon-dark {
  display: block;
}
.dark .is-element-card .element-card-title {
  color: var(--color-dark-text);
}
.dark .is-element-details .is-component {
  background: var(--color-white) !important;
}
.dark .is-element-details .is-component.is-grey {
  background: var(--color-smoke-white) !important;
}
.dark .is-element-details .is-component .title, .dark .is-element-details .is-component h3.title {
  color: var(--color-dark-text);
}
.dark .is-element-details .columns.is-gapless {
  background: var(--color-sidebar);
}
.dark .is-element-details .is-description p {
  color: var(--color-smoke-white);
}
.dark .select-wrap {
  border-color: var(--color-fade-grey);
  color: var(--color-dark-text);
}
.dark .styledSelect {
  background-color: var(--color-white);
  color: var(--color-muted-grey);
}
.dark .styledSelect:active, .dark .styledSelect.active {
  background-color: var(--color-smoke-white);
}
.dark .options {
  border-color: var(--color-fade-grey);
  background-color: var(--color-white);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.dark .options li {
  color: var(--color-dark-text);
}
.dark .spinner-control input {
  border-top-color: var(--color-fade-grey) !important;
  border-bottom-color: var(--color-fade-grey) !important;
  background: var(--color-white);
  color: var(--color-dark-text);
}
.dark .spinner-control .spinner-button {
  background: var(--color-fade-grey);
  border-color: var(--color-fade-grey);
}
.dark .spinner-control .spinner-button svg {
  stroke: var(--color-muted-grey);
}
.dark .tabs-wrapper .navtab-content {
  color: var(--color-dark-text);
}
.dark .tabs-wrapper.underline-tabs .tabs ul li a {
  color: var(--color-placeholder);
}
.dark .tabs-wrapper.underline-tabs .tabs ul li.is-active a {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.dark .template-wrapper .entry-text span {
  color: var(--color-muted-grey);
}
.dark .shop-wrapper:has(.checkout-wrapper), .dark .checkout-wrapper .checkout-side, .dark .checkout-wrapper .side-inner {
  --checkout-side-bg: var(--color-bg);
}
.dark .checkout-wrapper .checkout-side, .dark .checkout-wrapper .side-inner {
  background: var(--color-bg);
}
.dark .shop-wrapper:has(.checkout-wrapper) > .checkout-chrome > .side-header, .dark .checkout-wrapper .side-header, .dark .checkout-wrapper .checkout-side .side-header {
  background: var(--color-white);
  border-bottom: 1px solid var(--color-fade-grey);
}
.dark .shop-wrapper:has(.checkout-wrapper) > .checkout-chrome > .side-header .side-title, .dark .checkout-wrapper .side-header .side-title, .dark .checkout-wrapper .checkout-side .side-header .side-title {
  color: var(--color-dark-text);
}
.dark .shop-wrapper:has(.checkout-wrapper) > .checkout-chrome > .side-header .button, .dark .checkout-wrapper .side-header .button, .dark .checkout-wrapper .checkout-side .side-header .button {
  background-color: var(--color-smoke-white);
  border-color: var(--color-fade-grey);
  color: var(--color-dark-text);
}
.dark .checkout-wrapper .checkout-side .side-inner .side-card {
  background: var(--color-white) !important;
  border: 1px solid var(--color-fade-grey) !important;
}
.dark .checkout-wrapper .checkout-side .side-card.user-card .meta span:first-child, .dark .checkout-wrapper .checkout-side .side-card.is-address .address-title, .dark .checkout-wrapper .checkout-side .side-card.is-totals .info-title {
  color: var(--color-muted-grey);
}
.dark .checkout-wrapper .checkout-side .side-card.user-card .meta span:nth-child(2), .dark .checkout-wrapper .checkout-side .side-card.is-address .address, .dark .checkout-wrapper .checkout-side .side-card.is-totals .payment-block span {
  color: var(--color-dark-text);
}
.dark .checkout-wrapper .checkout-main .checkout-container .checkout-success .success-card {
  background: var(--color-white) !important;
  border: 1px solid var(--color-fade-grey) !important;
}
.dark .checkout-wrapper .checkout-main .checkout-container .checkout-success .success-card .success-content h3 {
  color: var(--color-dark-text);
}
.dark .checkout-wrapper .checkout-main .checkout-container .checkout-success .success-card .success-content p {
  color: var(--color-muted-grey);
}
.dark .checkout-wrapper .checkout-main .checkout-container .coupon-wrapper {
  background-color: var(--color-smoke-white);
  border: 2px dashed var(--color-fade-grey) !important;
}
.dark .checkout-wrapper .checkout-main .checkout-container .order-notes {
  border: 2px dashed var(--color-fade-grey) !important;
}
.dark .checkout-wrapper .checkout-main .checkout-container .coupon-wrapper h3, .dark .checkout-wrapper .checkout-main .checkout-container .order-notes h3 {
  color: var(--color-dark-text);
}
.dark .checkout-wrapper .checkout-main .checkout-container .coupon-wrapper p, .dark .checkout-wrapper .checkout-main .checkout-container .order-notes p {
  color: var(--color-muted-grey);
}
.dark .checkout-wrapper .coupon-wrapper .input {
  background-color: var(--color-white) !important;
  border-color: var(--color-fade-grey) !important;
  color: var(--color-dark-text);
}
.dark .checkout-wrapper .coupon-wrapper .input:focus {
  border-color: var(--color-accent-grey) !important;
  box-shadow: none;
}
.dark .checkout-wrapper .coupon-wrapper .input::placeholder {
  color: var(--color-placeholder);
}
.dark .checkout-wrapper .coupon-wrapper .form-icon svg {
  stroke: var(--color-placeholder);
}
.dark .checkout-wrapper .coupon-wrapper .input:focus + .form-icon svg {
  stroke: var(--color-primary);
}
.dark .checkout-wrapper .flex-table .flex-table-header span {
  color: var(--color-muted-grey);
}
.dark .checkout-wrapper .flex-table .flex-table-item.product-container {
  background: var(--color-white) !important;
  border: 1px solid var(--color-fade-grey) !important;
}
.dark .checkout-wrapper .flex-table .flex-table-item.product-container .product-name, .dark .checkout-wrapper .flex-table .flex-table-item.product-container .total span, .dark .checkout-wrapper .flex-table .flex-table-item.product-container .discount span {
  color: var(--color-dark-text);
}
.dark .checkout-wrapper .flex-table .flex-table-item.product-container .product-name:hover {
  color: var(--color-primary);
}
.dark .checkout-wrapper .flex-table .flex-table-item.product-container .quantity span, .dark .checkout-wrapper .flex-table .flex-table-item.product-container .price span {
  color: var(--color-muted-grey);
}
.dark .checkout-wrapper .flex-table .flex-table-item.product-container .quantity, .dark .checkout-wrapper .flex-table .flex-table-item.product-container .price, .dark .checkout-wrapper .flex-table .flex-table-item.product-container .discount, .dark .checkout-wrapper .flex-table .flex-table-item.product-container .total {
  border-inline-start: 1px solid var(--color-fade-grey) !important;
}
.dark [dir='rtl'] .checkout-wrapper .flex-table .flex-table-item.product-container .discount {
  border-inline-start: unset !important;
  border-inline-end: 1px solid var(--color-fade-grey) !important;
}
.dark .checkout-wrapper .checkout-main .checkout-container .checkout-shipping-methods h2, .dark .checkout-wrapper .checkout-main .checkout-container .checkout-payment-methods h2, .dark .checkout-wrapper .checkout-main .checkout-container .order-summary h2 {
  color: var(--color-dark-text);
}
.dark .checkout-wrapper .checkout-main .checkout-container .checkout-shipping-methods p, .dark .checkout-wrapper .checkout-main .checkout-container .checkout-payment-methods p, .dark .checkout-wrapper .checkout-main .checkout-container .order-summary p {
  color: var(--color-muted-grey);
}
.checkout-wrapper .method-card .icon-container .method-icon.method-icon-dark {
  display: none;
}
.dark .checkout-wrapper .method-card .icon-container .method-icon.method-icon-light {
  display: none;
}
.dark .checkout-wrapper .method-card .icon-container .method-icon.method-icon-dark {
  display: block;
}
.dark .checkout-wrapper .method-card:hover .method-card-inner {
  border-color: var(--color-accent-grey) !important;
}
.dark .checkout-wrapper .method-card > input:checked ~ .method-card-inner {
  border-color: var(--color-primary) !important;
  box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.35) !important;
}
.dark .checkout-wrapper .method-card .icon-container .indicator {
  border-color: var(--color-white) !important;
}
.dark .checkout-wrapper .method-card .method-card-inner {
  background: var(--color-white) !important;
  border: 1px solid var(--color-fade-grey) !important;
}
.dark .checkout-wrapper .method-card .method-card-inner .meta h3, .dark .checkout-wrapper .payment-disclaimer .title-wrap h3, .dark .checkout-wrapper .payment-disclaimer .agree-block span {
  color: var(--color-dark-text);
}
.dark .checkout-wrapper .method-card .method-card-inner .meta p, .dark .checkout-wrapper .payment-disclaimer p {
  color: var(--color-muted-grey);
}
.dark .checkout-wrapper .payment-disclaimer {
  background: var(--color-white) !important;
  border: 1px solid var(--color-fade-grey) !important;
}
.dark .modal-card-head, .dark .modal-card-foot {
  background-color: var(--color-smoke-white);
  border-color: var(--color-fade-grey);
}
.dark .modal-card-title, .dark .modal-card-body {
  color: var(--color-dark-text);
}
.dark .review-modal .modal-content .box, .dark .wishlist-modal .modal-content .box, .dark .add-to-wishlist-modal .modal-content .box, .dark .upload-crop-modal .modal-content .box, .dark .checkout-blocked-modal .modal-content .box, .dark .checkout-unauth-modal .modal-content .box {
  background-color: var(--color-white);
  border-color: var(--color-fade-grey);
}
.dark .review-modal .modal-content .box .box-header, .dark .wishlist-modal .modal-content .box .box-header, .dark .add-to-wishlist-modal .modal-content .box .box-header, .dark .upload-crop-modal .modal-content .box .box-header, .dark .checkout-blocked-modal .modal-content .box .box-header, .dark .checkout-unauth-modal .modal-content .box .box-header {
  background: var(--color-smoke-white);
}
.dark .review-modal .modal-content .box .box-header span, .dark .wishlist-modal .modal-content .box .box-header span, .dark .add-to-wishlist-modal .modal-content .box .box-header span, .dark .upload-crop-modal .modal-content .box .box-header span, .dark .checkout-blocked-modal .modal-content .box .box-header span, .dark .checkout-unauth-modal .modal-content .box .box-header span, .dark .add-to-wishlist-modal .modal-content .box .modal-placeholder .placeholder-content h3, .dark .checkout-blocked-modal .modal-content .box .modal-placeholder .placeholder-content h3, .dark .checkout-unauth-modal .modal-content .box .modal-placeholder .placeholder-content h3 {
  color: var(--color-dark-text);
}
.dark .review-modal .modal-content .box p, .dark .wishlist-modal .modal-content .box p, .dark .add-to-wishlist-modal .modal-content .box p, .dark .upload-crop-modal .modal-content .box p, .dark .add-to-wishlist-modal .modal-content .box .modal-placeholder .placeholder-content p, .dark .checkout-blocked-modal .modal-content .box .modal-placeholder .placeholder-content p, .dark .checkout-unauth-modal .modal-content .box .modal-placeholder .placeholder-content p, .dark .add-to-wishlist-modal .modal-content .wishlist-modal-list .meta span.count {
  color: var(--color-muted-grey);
}
.dark .review-modal .modal-content .modal-delete svg, .dark .wishlist-modal .modal-content .modal-delete svg, .dark .add-to-wishlist-modal .modal-content .modal-delete svg, .dark .upload-crop-modal .modal-content .modal-delete svg, .dark .checkout-blocked-modal .modal-content .modal-delete svg, .dark .checkout-unauth-modal .modal-content .modal-delete svg {
  stroke: var(--color-muted-grey);
}
.dark .review-modal .modal-content .rating > label {
  color: var(--color-chosen-dark-grey);
}
.dark .add-to-wishlist-modal .modal-content .wishlist-modal-list ul {
  border-color: var(--color-fade-grey);
  background-color: var(--color-white);
}
.dark .add-to-wishlist-modal .modal-content .wishlist-modal-list .selected-indicator {
  border-color: var(--color-fade-grey);
  background-color: transparent;
}
.dark .add-to-wishlist-modal .modal-content .wishlist-modal-list .wishlist-picker-item.is-active .meta span.name {
  color: var(--color-primary);
}
.dark .add-to-wishlist-modal .modal-content .message .message-body {
  color: var(--color-primary);
  border-color: color-mix(in srgb, #0023ff 45%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--color-primary) 45%, transparent);
  }
  background-color: color-mix(in srgb, #0023ff 12%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--color-primary) 12%, transparent);
  }
}
.dark .upload-crop-modal .modal-content .profile-uploader-box {
  border-color: var(--color-fade-grey);
}
.dark .upload-crop-modal .modal-content .profile-uploader-box .inner-modal-content span {
  color: var(--color-placeholder);
}
.dark .checkout-blocked-modal .modal-background, .dark .checkout-unauth-modal .modal-background {
  background: var(--color-search-overlay) !important;
}
.dark .dropdown-item {
  color: var(--color-dark-text);
}
.dark .dropdown-item:hover {
  background-color: var(--color-light-grey);
}
.dark .message-header, .dark .message-body {
  background-color: var(--color-white);
  border-color: var(--color-fade-grey);
  color: var(--color-dark-text);
}
.dark .breadcrumb a {
  color: var(--color-muted-grey);
}
.dark .breadcrumb li.is-active a {
  color: var(--color-dark-text);
}
.dark .file-cta, .dark .file-name {
  background-color: var(--color-smoke-white);
  border-color: var(--color-fade-grey);
  color: var(--color-dark-text);
}
.dark .input::placeholder, .dark .textarea::placeholder {
  color: var(--color-placeholder);
}
.dark .input:focus, .dark .textarea:focus {
  border-color: var(--color-accent-grey);
  box-shadow: none;
}
.dark .input:disabled, .dark .textarea:disabled, .dark .select select:disabled, .dark .nephos-select:disabled {
  background-color: var(--color-light-grey);
  color: var(--color-muted-grey);
  opacity: 0.75;
}
.dark .input.is-default {
  color: var(--color-dark-text);
}
.dark textarea.textarea {
  color: var(--color-muted-grey-bold);
}
.dark textarea.textarea:focus {
  color: var(--color-dark-text);
}
.dark .control.has-icon .form-icon svg {
  stroke: var(--color-placeholder);
}
.dark .control.has-icon .input:focus + .form-icon svg {
  stroke: var(--color-primary);
}
.dark .control.is-input-wrapper {
  background-color: var(--color-light-grey);
}
.dark .control.has-module.has-block .input-block {
  background-color: var(--color-fade-grey);
  color: var(--color-dark-text);
}
.dark textarea.textarea + .textarea-button {
  background-color: var(--color-light-grey);
  border-color: var(--color-fade-grey);
}
.dark .field > label, .dark .field .label-text, .dark .field label, .dark .control > label, .dark .field-label .label, .dark .file-label, .dark .sort-box label, .dark .catalog-sort-label, .dark .checkbox-wrap label, .dark .form-switch, .dark .is-element-details .field > label, .dark .is-element-details .field label {
  color: var(--color-dark-text);
}
.dark .field.has-flex-label > label > span:first-child, .dark .field.has-flex-label > label > span:not(.error), .dark .profile-info-card .card-body .info-block label.label-text span:first-child, .dark .menu-card .card-body .info-block label.label-text span:first-child {
  color: var(--color-dark-text);
}
.dark .profile-info-card .card-body .info-block span.label-value, .dark .menu-card .card-body .info-block span.label-value {
  color: var(--color-muted-grey-bold);
}
.dark .checkout-wrapper .checkout-main .checkout-container .checkout-shipping-methods .checkout-form .field label, .dark .checkout-wrapper .checkout-main .checkout-container .checkout-payment-methods .checkout-form .field label, .dark .checkout-wrapper .checkout-main .checkout-container .order-summary .checkout-form .field label, .dark .flat-card.is-checkout-form .checkout-label, .dark .filters-quickview .filter-block .filter-title {
  color: var(--color-dark-text);
}
.dark .review-modal .modal-content label, .dark .wishlist-modal .modal-content label, .dark .add-to-wishlist-modal .modal-content label, .dark .webui-popover .content-block label {
  color: var(--color-dark-text);
}
.dark .field .help {
  color: var(--color-muted-grey);
}
.dark .field.has-flex-label > label span.error, .dark .field.has-validation.has-error > label .error {
  color: #ff6b6b;
}
.dark .checkbox-wrap {
  color: var(--color-dark-text);
}
.dark .checkbox-wrap input.d-checkbox + span, .dark .checkbox-wrap input.b-radio + span {
  background-color: var(--color-white);
  border-color: var(--color-muted-grey);
}
.dark .checkbox-wrap input.d-checkbox:checked + span, .dark .checkbox-wrap input.b-radio:checked + span {
  border-color: var(--color-primary);
}
.dark .checkbox-wrap input.d-checkbox:checked + span::after, .dark .checkbox-wrap input.b-radio:checked + span::after {
  filter: invert(1) brightness(1.35);
}
.dark .radio, .dark .checkbox {
  color: var(--color-dark-text);
}
.dark .radio:hover, .dark .checkbox:hover {
  color: var(--color-dark-text);
}
.dark [disabled].radio, .dark [disabled].checkbox, .dark fieldset[disabled] .radio, .dark fieldset[disabled] .checkbox, .dark .radio input[disabled], .dark .checkbox input[disabled] {
  color: var(--color-muted-grey);
}
.dark .form-switch i {
  background-color: var(--color-accent-grey);
}
.dark .form-switch i::before {
  background-color: var(--color-white);
}
.dark .form-switch i::after {
  background-color: var(--color-smoke-white);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
}
.dark .form-switch input:checked + i {
  background-color: var(--color-primary);
}
.dark .switch-wrapper .form-icon svg {
  stroke: var(--color-muted-grey);
}
.dark .animated-checkbox .shadow-circle {
  border-color: var(--color-placeholder);
}
.dark .animated-checkbox .checkmark {
  stroke: var(--color-placeholder);
}
.dark .animated-checkbox .checkmark-circle, .dark .animated-checkbox .checkmark-check {
  stroke: var(--color-primary);
}
.dark .nephos-select::picker(select) {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}
.dark .nephos-select::picker(select) option:checked {
  color: var(--color-primary);
}
.dark .card-footer, .dark .card-header {
  background-color: var(--color-smoke-white);
  border-color: var(--color-fade-grey);
}
.dark .card-header-title, .dark .card-content {
  color: var(--color-dark-text);
}
.dark .detailed-description, .dark .product-ratings {
  border-top-color: var(--color-fade-grey);
}
.dark .details-spinner {
  background: var(--color-white);
  border-color: var(--color-fade-grey);
  box-shadow: var(--shadow-light);
}
.dark .details-spinner .spinner-value {
  color: var(--color-dark-text);
}
.dark .details-spinner .spinner-button svg {
  stroke: var(--color-muted-grey);
}
.dark .details-spinner .spinner-button:hover svg {
  stroke: var(--color-primary);
}
.dark .detailed-description .meta-block h3, .dark .detailed-description .meta-block p {
  color: var(--color-dark-text);
}
.dark .cart-item, .dark #cart-page .flat-card, .dark .cart-page .flat-card, .dark .flat-card.cart-card, .dark .flat-card.cart-order-summary {
  background-color: var(--color-white);
  border-color: var(--color-fade-grey);
}
.dark .cart-item .item-name, .dark .cart-item .item-price {
  color: var(--color-dark-text);
}
.dark .panel-header .likes span {
  color: var(--color-muted-grey);
}
.dark .panel-header .likes svg {
  stroke: var(--color-title-grey);
}
.dark .listing-controls .layout-controls a {
  color: inherit;
}
.dark .show-more a {
  color: var(--color-primary);
}
.dark .filter-card {
  background-color: var(--color-white);
  border-color: var(--color-fade-grey);
}
.dark .filter-card .block-title {
  color: var(--color-muted-grey);
}
.dark .filter-card .filter-label, .dark .filter-card .address {
  color: var(--color-dark-text);
}
.dark .filter-card .filter-count span {
  background-color: var(--color-fade-grey);
  color: var(--color-dark-text);
}
.dark .flat-card.search-card, .dark .flat-card.cart-card.search-card {
  background-color: var(--color-white);
  border-color: var(--color-fade-grey);
}
.dark .search-results-hero, .dark .search-results-filter-card, .dark .search-result-card, .dark .search-results-empty, .dark .search-results-refine-input {
  background: var(--color-white);
  border-color: var(--color-fade-grey);
}
.dark .search-results-refine-input:focus {
  background: var(--color-white);
}
.dark .search-result-media, .dark .search-result-qty.main-cart-spinner, .dark .search-results-filter-count {
  background: var(--color-surface-muted);
}
.dark .cart-card .cart-content .product-info span:first-child {
  color: var(--color-dark-text);
}
.dark .cart-card .cart-content .product-info span:nth-child(2) {
  color: var(--color-muted-grey-bold);
}
.dark .cart-card .cart-content .product-price span:first-child, .dark .cart-card .cart-content .product-price span:nth-child(2) {
  color: var(--color-dark-text);
}
.dark .cart-card .action .action-link a {
  color: var(--color-muted-grey);
}
.dark .cart-card .action .action-link a svg {
  stroke: var(--color-muted-grey);
}
.dark .cart-card .action .action-link a:hover {
  border-color: var(--color-primary);
}
.dark .cart-card .action .action-link a:hover svg {
  stroke: var(--color-primary);
}
.dark .cart-order-summary .summary-header var, .dark .cart-order-summary .summary-header > div span, .dark .cart-order-summary .cart-summary-list .summary-item.is-bold span {
  color: var(--color-dark-text);
}
.dark .cart-order-summary .summary-header svg, .dark .cart-order-summary .cart-summary-list .summary-item span {
  color: var(--color-muted-grey);
}
.dark .cart-order-summary .summary-header svg {
  stroke: var(--color-muted-grey);
}
.dark .listing-controls .search-field .input::placeholder {
  color: var(--color-placeholder);
}
.dark .listing-controls .search-field .search-icon svg {
  stroke: var(--color-placeholder);
}
.dark .listing-controls .search-field .input:focus {
  border-color: var(--color-fade-grey);
  box-shadow: var(--shadow-light);
}
.dark .listing-controls .search-field .input:focus + .search-icon svg {
  stroke: var(--color-primary);
}
.dark .flat-card .image, .dark .flat-card .start-image, .dark .flat-card.is-list-item span.image, .dark .product-panel .product-image, .dark .featured-product .image, .dark .is-carousel .embla__slide, .dark .is-carousel .slick-slide {
  background-color: transparent;
}
/*! dark-mode-demo.css | Nephos | Landing page (index / demo layout) dark mode */
.dark body {
  background-color: var(--color-bg);
}
.dark body > .section, .dark body > section.section {
  background-color: var(--color-bg);
}
.dark body > .section.is-grey, .dark body > section.section.is-grey {
  background-color: var(--color-surface);
}
.dark .hero.is-demo {
  background-image: linear-gradient(to right, #2d1b52 0%, #152d5c 100%);
}
.dark .hero .navbar.is-light {
  background: transparent;
  box-shadow: none;
}
.dark .hero .navbar.is-light .js-theme-toggle a svg {
  stroke: #fff;
}
.dark .hero .navbar.is-light .js-preset-toggle a svg {
  stroke: #fff;
}
.dark .hero .navbar.is-fixed {
  background: var(--color-white);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
}
.dark .hero .navbar.is-fixed a:not(.demo-btn):not([class*='bg-primary']):not([class*='bg-secondary']) {
  color: var(--color-dark-text);
}
.dark .hero .navbar.is-fixed a:not(.demo-btn):not([class*='bg-primary']):not([class*='bg-secondary']):hover {
  color: var(--color-primary);
}
.dark .hero .navbar.is-fixed .navbar-burger span {
  background-color: var(--color-dark-text) !important;
}
.dark .hero .navbar.is-fixed .js-theme-toggle a svg {
  stroke: var(--color-dark-text);
}
.dark .hero .navbar.is-fixed .js-preset-toggle a svg {
  stroke: var(--color-dark-text);
}
.dark .hero .navbar.is-light .navbar-menu:not(.is-active) {
  background: transparent;
  box-shadow: none;
}
@media (max-width: 1023px) {
  .dark .hero .navbar.is-light .navbar-menu.is-active, .dark .hero .navbar.is-light.is-dark-mobile .navbar-menu {
    background-color: var(--color-sidebar) !important;
    box-shadow: none;
  }
  .dark #navbar-clone .navbar-menu, .dark #navbar-clone .navbar-menu.is-active, .dark .hero .navbar.is-fixed .navbar-menu, .dark .hero .navbar.is-fixed .navbar-menu.is-active {
    background-color: var(--color-white);
    box-shadow: var(--shadow-light);
  }
  .dark #navbar-clone .navbar-menu .navbar-item a:not(.demo-btn):not([class*='bg-primary']):not([class*='bg-secondary']), .dark .hero .navbar.is-fixed .navbar-menu .navbar-item a:not(.demo-btn):not([class*='bg-primary']):not([class*='bg-secondary']) {
    color: var(--color-dark-text);
  }
  .dark #navbar-clone .navbar-menu .navbar-item a:not(.demo-btn):not([class*='bg-primary']):not([class*='bg-secondary']):hover, .dark #navbar-clone .navbar-menu .navbar-item a:not(.demo-btn):not([class*='bg-primary']):not([class*='bg-secondary']):focus, .dark .hero .navbar.is-fixed .navbar-menu .navbar-item a:not(.demo-btn):not([class*='bg-primary']):not([class*='bg-secondary']):hover, .dark .hero .navbar.is-fixed .navbar-menu .navbar-item a:not(.demo-btn):not([class*='bg-primary']):not([class*='bg-secondary']):focus {
    color: var(--color-primary);
    background-color: var(--color-surface-muted);
  }
  .dark #navbar-clone .navbar-menu .js-theme-toggle a svg, .dark #navbar-clone .navbar-menu .js-preset-toggle a svg, .dark .hero .navbar.is-fixed .navbar-menu .js-theme-toggle a svg, .dark .hero .navbar.is-fixed .navbar-menu .js-preset-toggle a svg {
    stroke: var(--color-dark-text);
  }
}
.dark .title:not(.is-light), .dark .subtitle:not(.is-light) {
  color: var(--color-dark-text);
}
.dark .title.is-muted, .dark .subtitle.is-muted, .dark p.is-muted {
  color: var(--color-muted-grey);
}
.dark .box.cta {
  background-color: var(--color-surface-muted);
  color: var(--color-dark-text);
  border-block: 1px solid var(--color-fade-grey);
}
.dark .box.cta .has-xs-side-padding, .dark .box.cta b {
  color: var(--color-dark-text);
}
.dark .tag.is-primary {
  background-color: var(--color-primary) !important;
  color: #fff !important;
}
.dark .tag.is-secondary {
  background-color: var(--color-secondary) !important;
  color: #fff !important;
}
.dark .feature-divider {
  background: var(--color-primary);
}
.dark .title-wrapper .filigrane {
  opacity: 0.14;
  filter: brightness(1.6);
}
.dark .section img.is-ui {
  opacity: 0.88;
}
.dark .hero-foot .tabs a {
  opacity: 0.92;
}
.dark .hero-foot .tabs a:hover {
  opacity: 1;
}
.dark .section p.is-muted {
  color: var(--color-muted-grey);
}
.dark .demo-btn.is-primary, .dark .demo-btn.is-secondary {
  color: #fff;
}
.dark .icon-box .box-title {
  color: var(--color-dark-text);
}
.dark .icon-box .box-text {
  color: var(--color-muted-grey);
}
.dark .icon-box .icon-wrapper svg {
  stroke: var(--color-primary);
}
.dark .ball {
  background: var(--color-white);
  box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.35);
}
.dark .ball.has-version .v-indicator {
  background: var(--color-secondary);
}
.dark .animated-button .text {
  color: var(--color-dark-text);
}
.dark .animated-button:hover .text {
  color: var(--color-primary);
}
.dark .animated-button .shape {
  stroke: var(--color-dark-text);
}
.dark .animated-button:hover .shape {
  stroke: var(--color-primary);
}
.dark .footer {
  background: var(--color-sidebar);
}
.dark .footer .ninja a {
  color: var(--color-secondary);
}
.dark .footer .ninja a svg {
  stroke: var(--color-dark-text);
  fill: var(--color-dark-text);
}
.dark .info-modal {
  background: var(--color-overlay);
}
.dark .info-modal .info-card {
  background: var(--color-white);
  box-shadow: var(--shadow-light);
}
.dark .info-modal .info-card .close-link svg {
  stroke: var(--color-dark-text);
}
.dark .info-modal .info-card .video-meta h3 {
  color: var(--color-dark-text);
}
.dark .info-modal .info-card .video-meta p, .dark .info-modal .info-card .video-meta ul {
  color: var(--color-muted-grey);
}
.dark .info-modal .info-card .video-meta b {
  color: var(--color-muted-grey-bold);
}
.dark .info-modal .info-card .nephos-bg {
  opacity: 0.12;
}
.dark #theme-toggle.is-active a svg, .dark #preset-toggle.is-active a svg, .dark .js-theme-toggle.is-active a svg, .dark .js-preset-toggle.is-active a svg {
  stroke: var(--color-primary);
}
.demo-theme-toggle, .demo-preset-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
}
.demo-theme-toggle svg, .demo-preset-toggle svg {
  width: 18px;
  height: 18px;
}
/*! embla-carousel.css | Nephos | Embla base + Nephos dot styles */
.embla {
  overflow: hidden;
}
.embla__viewport {
  overflow: hidden;
}
.embla__container {
  display: flex;
  touch-action: pan-y pinch-zoom;
}
.embla__slide {
  flex: 0 0 100%;
  min-width: 0;
}
.embla .embla__slide.slick-slide {
  display: block;
  float: none;
}
.slider-wrapper .fullscreen-slick.embla {
  overflow: visible;
}
.slider-wrapper .embla, .slider-wrapper .embla__viewport, .slider-wrapper .embla__container, .slider-wrapper .embla__slide {
  height: 100%;
  min-height: 100vh;
}
.slider-wrapper .embla__slide .full-slide {
  width: 100%;
  height: 100%;
  min-height: 100vh;
}
#product-view > .splide__pagination.slick-dots, #product-view > .embla__dots.slick-dots, .product-image > .splide__pagination.slick-dots, .product-image > .embla__dots.slick-dots {
  position: absolute;
  bottom: 18%;
  inset-inline-start: 50%;
  inset-inline-end: auto;
  transform: translateX(-50%);
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 8px;
  z-index: 5;
  pointer-events: auto;
  [dir='rtl'] & {
    transform: translateX(50%);
  }
}
#product-view > .splide__pagination.slick-dots .splide__pagination__page, #product-view > .embla__dots.slick-dots .splide__pagination__page, .product-image > .splide__pagination.slick-dots .splide__pagination__page, .product-image > .embla__dots.slick-dots .splide__pagination__page {
  background: var(--color-muted-grey, rgba(0, 0, 0, 0.22));
}
#product-view > .splide__pagination.slick-dots li.slick-active .splide__pagination__page, #product-view > .splide__pagination.slick-dots .splide__pagination__page.is-active, #product-view > .splide__pagination.slick-dots .splide__pagination__page.is-selected, #product-view > .embla__dots.slick-dots li.slick-active .splide__pagination__page, #product-view > .embla__dots.slick-dots .splide__pagination__page.is-active, #product-view > .embla__dots.slick-dots .splide__pagination__page.is-selected, .product-image > .splide__pagination.slick-dots li.slick-active .splide__pagination__page, .product-image > .splide__pagination.slick-dots .splide__pagination__page.is-active, .product-image > .splide__pagination.slick-dots .splide__pagination__page.is-selected, .product-image > .embla__dots.slick-dots li.slick-active .splide__pagination__page, .product-image > .embla__dots.slick-dots .splide__pagination__page.is-active, .product-image > .embla__dots.slick-dots .splide__pagination__page.is-selected {
  background: var(--color-primary, #0023ff);
}
.shop-wrapper > .splide__pagination.slick-dots {
  position: absolute;
  bottom: 20px;
  inset-inline-end: 24px;
  width: auto;
  transform: none;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  pointer-events: auto;
}
/*! custom-select.css | Nephos | Native customizable <select> (appearance: base-select) */
.sort-box {
  position: relative;
  max-width: 200px;
}
.sort-box label, .sort-box .sort-box-select {
  display: block;
}
.sort-box label {
  line-height: 40px;
  margin-top: 1px;
  padding: 0;
}
.nephos-select {
  display: block;
  width: 100%;
  min-height: 36px;
  padding-block: 0.45rem;
  padding-inline: 16px;
  border: 1px solid var(--color-white, #fff);
  border-radius: 4px;
  background-color: var(--color-white, #fff);
  color: var(--color-grey-6, #666);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
  text-align: start;
}
.nephos-select:hover, .nephos-select:focus {
  background-color: var(--color-light-grey, #f3f3f3);
  outline: none;
}
.nephos-select:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.sort-box .nephos-select {
  border-radius: 50px;
  font-weight: 600;
  border-color: var(--color-white, #fff);
}
.sort-box .nephos-select:hover, .sort-box .nephos-select:focus {
  background-color: var(--color-light-grey, #f3f3f3);
}
.field .nephos-select, .control .nephos-select {
  width: 100%;
}
.chosen-select-width {
  width: 95%;
}
@supports (appearance: base-select) {
  .nephos-select, .nephos-select::picker(select) {
    appearance: base-select;
  }
  .nephos-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    height: auto;
    min-height: 36px;
    padding-block: 0.45rem;
    padding-inline: 16px;
    line-height: 1.4;
    border-color: var(--color-white, #fff);
    border-radius: 4px;
    color-scheme: light dark;
    accent-color: var(--color-primary, #0023ff);
  }
  .sort-box .nephos-select {
    border-radius: 50px;
  }
  .nephos-select::picker-icon {
    flex: 0 0 auto;
    align-self: center;
    width: 12px;
    height: 12px;
    color: var(--color-chosen-dark-grey, #66676b);
  }
  .nephos-select::picker(select) {
    margin: 0;
    margin-block-start: 4px;
    padding-block: 6px;
    border: 1px solid var(--color-chosen-grey, #e0e0e0);
    border-radius: 6px;
    background-color: var(--color-white, #fff);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    color: var(--color-grey-6, #666);
    max-block-size: 280px;
    overscroll-behavior: contain;
    min-inline-size: anchor-size(self-inline);
    position-area: block-end;
    inset: auto;
  }
  .nephos-select option, .nephos-select optgroup {
    padding-block: 0.35rem;
    padding-inline: 0.75rem;
  }
  .nephos-select option:checked {
    color: var(--color-primary, #0023ff);
    font-weight: 600;
  }
}
@supports not (appearance: base-select) {
  .nephos-select {
    appearance: none;
    -webkit-appearance: none;
    padding-inline-end: 36px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%2366676b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px;
  }
  [dir='rtl'] .nephos-select {
    background-position: left 14px center;
  }
}
.control.has-select-icon {
  position: relative;
}
.control.has-select-icon svg {
  position: absolute;
  top: 50%;
  inset-inline-start: 10px;
  z-index: 2;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  color: var(--color-placeholder, #ccc);
  pointer-events: none;
}
.control.has-select-icon .nephos-select {
  padding-inline-start: 2.25rem;
}
.control.is-loading.is-preloading::after, .control.has-select-icon.is-loading::after {
  left: auto !important;
  right: auto !important;
  inset-inline-end: auto !important;
  inset-inline-start: 0.625em !important;
  top: 50% !important;
  margin-top: -0.5em !important;
}
.control.is-loading .nephos-select, .control.is-loading.is-preloading .nephos-select {
  padding-inline-start: 2.25rem;
}
/*! plugin-ui-overrides.css | Tippy + carousel Nephos theme */
.tippy-box[data-theme~='nephos'] {
  background-color: #fff;
  color: #344258;
  border-radius: 6px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid #e8e8e8;
}
.tippy-box[data-theme~='nephos'] .tippy-content {
  padding: 0;
}
.tippy-box[data-theme~='nephos'] .webui-popover-inner {
  padding: 12px 16px;
}
.tippy-box[data-theme~='nephos'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #fff;
}
.tippy-box[data-theme~='nephos'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #fff;
}
.splide__pagination.slick-dots {
  position: absolute;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: 8px;
  width: auto;
  max-width: none;
}
.splide__pagination.slick-dots .splide__pagination__page {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  font-size: 0;
  cursor: pointer;
  transition: background 0.2s, transform 0.2s, opacity 0.2s;
}
.splide__pagination.slick-dots .splide__pagination__page::before {
  display: none;
}
.shop-wrapper > .splide__pagination.slick-dots li.slick-active .splide__pagination__page, .shop-wrapper > .splide__pagination.slick-dots .splide__pagination__page.is-active, .shop-wrapper > .splide__pagination.slick-dots .splide__pagination__page.is-selected, .splide__pagination.slick-dots li.slick-active .splide__pagination__page, .splide__pagination.slick-dots .splide__pagination__page.is-active, .splide__pagination.slick-dots .splide__pagination__page.is-selected {
  background: var(--color-primary);
  opacity: 1;
  transform: scale(1.15);
}
.webui-popover-content {
  display: none !important;
}
.tippy-box .webui-popover-content {
  display: block !important;
}
.tippy-box[data-theme~='nephos-order'] {
  background-color: var(--color-sidebar, #344258);
  color: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
}
.tippy-box[data-theme~='nephos-order'] .tippy-content {
  padding: 0;
}
.tippy-box[data-theme~='nephos-order'] .webui-popover-inner {
  padding: 14px 16px;
  min-width: 248px;
}
.tippy-box[data-theme~='nephos-order'] .webui-popover-content {
  font-size: 0.8rem;
}
.tippy-box[data-theme~='nephos-order'] .popover-flex-block {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid color-mix(in srgb, #344258, white 14%);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in srgb, var(--color-sidebar, #344258), white 14%);
  }
}
.tippy-box[data-theme~='nephos-order'] .popover-flex-block:first-child {
  padding-top: 0;
}
.tippy-box[data-theme~='nephos-order'] .popover-flex-block:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.tippy-box[data-theme~='nephos-order'] .staff-avatar {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid color-mix(in srgb, white 30%, transparent);
}
.tippy-box[data-theme~='nephos-order'] .icon-block {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: color-mix(in srgb, white 12%, transparent);
}
.tippy-box[data-theme~='nephos-order'] .icon-block svg {
  width: 18px;
  height: 18px;
  stroke: #fff;
  stroke-width: 1.4px;
}
.tippy-box[data-theme~='nephos-order'] .content-block {
  flex: 1;
  min-width: 0;
}
.tippy-box[data-theme~='nephos-order'] .content-block label {
  display: block;
  margin-bottom: 3px;
  font-size: 0.65rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: color-mix(in srgb, white 58%, transparent);
}
[lang='fa'] .tippy-box[data-theme~='nephos-order'] .content-block label {
  letter-spacing: 0;
}
.tippy-box[data-theme~='nephos-order'] .content-block span {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
}
.tippy-box[data-theme~='nephos-order'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: var(--color-sidebar, #344258);
}
.tippy-box[data-theme~='nephos-order'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: var(--color-sidebar, #344258);
}
.tippy-box[data-theme~='nephos-order'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: var(--color-sidebar, #344258);
}
.tippy-box[data-theme~='nephos-order'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: var(--color-sidebar, #344258);
}
[lang='fa'] .placeholder-content h3, [lang='fa'] .category-title h2, [lang='fa'] .filter-card .block-title, [lang='fa'] .invoice .bottom-page .company, [lang='fa'] .invoice .bottom-page .url, [lang='fa'] .invoice .bottom-page .code, [lang='fa'] .invoice .bottom-page .id, [lang='fa'] .invoice .seller span, [lang='fa'] .invoice .buyer span, [lang='fa'] .invoice .invoice-meta span, [lang='fa'] .responsive-table td .product {
  font-family: var(--font-sans);
}
[lang='fa'] .account-header h2, [lang='fa'] .auth-title h2, [lang='fa'] .main-auth-wrapper .form-description, [lang='fa'] .main-auth-wrapper .field label, [lang='fa'] .main-auth-wrapper .button-wrap .button {
  font-family: var(--font-sans);
}
[lang='fa'] .profile-footer .achievement-title, [lang='fa'] .profile-info-card.is-dark .achievement-name span, [lang='fa'] .cart-card .product-info span:first-child {
  font-family: var(--font-sans);
}
[lang='fa'] .wishlist-card .product-info a, [lang='fa'] .wishlist-card .placeholder-content h3 {
  font-family: var(--font-sans);
}
[lang='fa'] .order-details-wrap .order-details-header .left span:first-child, [lang='fa'] .order-details-wrap .order-details-header .right .inner-meta span:first-child, [lang='fa'] .order-details-wrap .order-stat > h3, [lang='fa'] .order-details-wrap .order-stat-inner .meta span:first-child, [lang='fa'] .order-details-wrap .start-side-header h3, [lang='fa'] .order-details-wrap .payment-info .info-title, [lang='fa'] .order-details-wrap .payment-info .payment-block span, [lang='fa'] .order-details-wrap .address-widget .widget-title, [lang='fa'] .order-details-wrap .address-widget .address, [lang='fa'] .flex-table .flex-table-header span, [lang='fa'] .flex-table .flex-table-item .product-name, [lang='fa'] .flex-table .flex-table-item .quantity span, [lang='fa'] .flex-table .flex-table-item .price span, [lang='fa'] .flex-table .flex-table-item .discount span, [lang='fa'] .flex-table .flex-table-item .total span, [lang='fa'] .order-long-card .product-subtotal span:first-child, [lang='fa'] .order-long-card .inner-meta span:first-child {
  font-family: var(--font-sans);
}
[lang='fa'] .upload-card .username span:first-child {
  font-family: var(--font-sans);
}
[lang='fa'] .tile.has-background-image .shop-category, [lang='fa'] .tile.has-background-image .tile-content p, [lang='fa'] .tile.has-background-image .products span, [lang='fa'] .tile.has-background-image .action span {
  font-family: var(--font-sans);
  letter-spacing: 0;
}
[dir='rtl'] .tile.has-background-image .action:hover svg {
  transform: translateX(-5px) scaleX(-1);
}
[dir='rtl'] .shop-quickview .shop-nav-chevron svg, [dir='rtl'] .shop-quickview .shop-profile-chevron svg {
  transform: scaleX(-1);
}
[dir='rtl'] .shop-quickview .shop-nav-item a:hover .shop-nav-chevron svg, [dir='rtl'] .shop-quickview .shop-profile-card:hover .shop-profile-chevron svg {
  transform: translateX(-2px) scaleX(-1);
}
[dir='rtl'] .category-quickview .category-nav-chevron svg {
  transform: scaleX(-1);
}
[dir='rtl'] .category-quickview .category-nav-item a:hover .category-nav-chevron svg {
  transform: translateX(-2px) scaleX(-1);
}
.edit-account, .confirm-button {
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
  max-height: 2.5rem;
}
.edit-account a, .confirm-button a {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  max-height: 2.5rem;
  align-items: center;
  justify-content: center;
  border: 1.8px dashed var(--color-muted-grey);
  border-radius: 50%;
  color: grey;
  transition: all 0.3s;
}
.edit-account a svg, .confirm-button a svg {
  height: 18px;
  width: 18px;
  transition: all 0.3s;
}
.edit-account a svg {
  stroke-width: 1.6px;
}
.confirm-button a {
  transition-duration: 0.5s;
}
.confirm-button a svg {
  stroke-width: 1.2px;
}
.edit-account a:hover {
  border: 1.8px solid var(--color-primary);
}
.edit-account a:hover svg {
  stroke: var(--color-primary);
  transform: rotate(90deg);
}
.confirm-button a:hover {
  border: 1.8px solid var(--color-green);
}
.confirm-button a:hover svg {
  stroke: var(--color-green);
  transform: rotate(360deg);
}
.cart-card .action .action-link {
  position: relative;
  display: inline-block;
  height: 2.5rem;
  width: 2.5rem;
  max-height: 2.5rem;
}
.cart-card .action .action-link a {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  max-height: 2.5rem;
  align-items: center;
  justify-content: center;
  border: 1.6px dashed transparent;
  border-radius: 50%;
  color: grey;
  transition: all 0.3s;
}
.cart-card .action .action-link a svg {
  height: 18px;
  width: 18px;
  stroke-width: 1.2px;
  transition: all 0.3s;
}
.cart-card .action .action-link a:hover {
  border: 1.6px solid var(--color-primary);
}
.cart-card .action .action-link a:hover svg {
  stroke: var(--color-primary);
}
.cart-card .action .action-link.is-remove:hover a {
  border-width: 1.8px;
}
[lang='fa'] .detailed-description .meta-block h3, [lang='fa'] .product-ratings h3 {
  font-family: var(--font-sans);
  letter-spacing: 0;
}
[dir='rtl'] .product-ratings .stars i, [dir='rtl'] .product-ratings .customer-ratings .media-content small i {
  transform: scaleX(-1);
}
[lang='fa'] .product-info-panel .panel-body > .product-name, [lang='fa'] .product-info-panel .product-controls .heading, [lang='fa'] .product-info-panel .panel-footer .recommended, [lang='fa'] .product-info-panel .featured-product .product-name {
  font-family: var(--font-sans);
  letter-spacing: 0;
}
.product-info-panel .product-price .value span:first-child::before {
  content: '$';
}
[lang='fa'] .product-info-panel .product-price .value span:first-child::before {
  content: '';
}
[lang='fa'] .product-info-panel .product-price .value span:first-child::after {
  content: ' تومان';
}
.product-info-panel .product-price .value span:nth-child(2)::before {
  content: '$';
}
[lang='fa'] .product-info-panel .product-price .value span:nth-child(2)::before {
  content: '';
}
[lang='fa'] .product-info-panel .product-price .value span:nth-child(2)::after {
  content: ' تومان';
}
body.zoom-overlay-open .product-panel .product-actions {
  z-index: 700;
}
.review-modal .box {
  transform: scale(0);
}
.review-modal.is-active .box {
  transform: scale(1);
}
.review-modal .modal-content fieldset, .review-modal .modal-content label {
  position: relative;
  z-index: 99;
}
.review-modal .rating {
  float: left;
  margin: 0;
  min-height: 2.5rem;
  width: 100%;
  border: none;
  padding: 0;
}
.review-modal .rating::after {
  content: '';
  display: table;
  clear: both;
}
[dir='rtl'] .review-modal .rating {
  direction: ltr;
  float: right;
}
.review-modal .rating > input {
  display: none;
}
.review-modal .rating > label::before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: '\f005';
}
.review-modal .rating > .half::before {
  content: '\f089';
  position: absolute;
}
.review-modal .rating > label {
  color: var(--color-chosen-grey);
  float: right;
  cursor: pointer;
  display: inline-block;
}
.review-modal .rating > input:checked ~ label, .review-modal .rating:not(:checked) > label:hover, .review-modal .rating:not(:checked) > label:hover ~ label {
  color: #ffd700 !important;
}
.review-modal .rating > input:checked + label:hover, .review-modal .rating > input:checked ~ label:hover, .review-modal .rating > label:hover ~ input:checked ~ label, .review-modal .rating > input:checked ~ label:hover ~ label {
  color: #ffed85 !important;
}
[lang='fa'] .review-modal .box-header span {
  font-family: var(--font-sans);
  letter-spacing: 0;
}
.wishlist-modal .box, .add-to-wishlist-modal .box, .upload-crop-modal .box {
  transform: scale(0);
}
.wishlist-modal.is-active .box, .add-to-wishlist-modal.is-active .box, .upload-crop-modal.is-active .box {
  transform: scale(1);
}
.checkout-blocked-modal .box, .checkout-unauth-modal .box {
  transform: scale(0);
}
.checkout-blocked-modal .box.scaled, .checkout-unauth-modal .box.scaled {
  transform: scale(1);
}
.checkout-blocked-modal .modal-background, .checkout-unauth-modal .modal-background {
  background: var(--color-search-overlay, rgba(255, 255, 255, 0.9));
}
.wishlist-modal .modal-content fieldset, .wishlist-modal .modal-content label, .add-to-wishlist-modal .modal-content fieldset, .add-to-wishlist-modal .modal-content label {
  position: relative;
  z-index: 99;
}
.add-to-wishlist-modal .wishlist-modal-list .wishlist-picker-item {
  display: flex;
  min-height: 2.75rem;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.5rem 0.25rem;
}
.add-to-wishlist-modal .wishlist-modal-list .wishlist-picker-item .meta {
  flex: 1;
  min-width: 0;
  text-align: start;
}
.add-to-wishlist-modal .wishlist-modal-list .wishlist-picker-item .meta span {
  display: block;
}
.add-to-wishlist-modal .wishlist-modal-list .wishlist-picker-item .meta .name {
  font-weight: 500;
}
.add-to-wishlist-modal .wishlist-modal-list .wishlist-picker-item .meta .count {
  font-size: 0.9rem;
  color: var(--color-muted-grey);
}
.add-to-wishlist-modal .wishlist-modal-list .wishlist-picker-item .selected-indicator, .add-to-wishlist-modal .wishlist-modal-list .wishlist-picker-item .selected-indicatorselected-indicator {
  display: flex;
  height: 34px;
  width: 34px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--color-fade-grey);
  transform: scale(0.6);
  transition: all 0.3s;
}
.add-to-wishlist-modal .wishlist-modal-list .wishlist-picker-item .selected-indicator svg, .add-to-wishlist-modal .wishlist-modal-list .wishlist-picker-item .selected-indicatorselected-indicator svg {
  height: 16px;
  width: 16px;
  stroke: #fff;
  stroke-width: 3px;
  opacity: 0;
  transition: all 0.3s;
}
.add-to-wishlist-modal .wishlist-picker-item.is-active {
  background: transparent;
}
.add-to-wishlist-modal .wishlist-picker-item.is-active .meta .name {
  color: var(--color-primary);
}
.add-to-wishlist-modal .wishlist-picker-item.is-active .selected-indicator, .add-to-wishlist-modal .wishlist-picker-item.is-active .selected-indicatorselected-indicator {
  background: var(--color-primary);
  border-color: var(--color-primary);
  box-shadow: var(--shadow-primary);
  transform: scale(1);
}
.add-to-wishlist-modal .wishlist-picker-item.is-active .selected-indicator svg, .add-to-wishlist-modal .wishlist-picker-item.is-active .selected-indicatorselected-indicator svg {
  opacity: 1;
}
.upload-crop-modal .profile-uploader-box input {
  display: none;
}
.upload-crop-modal .profile-uploader-box .inner-modal-content img {
  opacity: 0.5;
  filter: grayscale(1);
  transition: all 0.3s;
}
.upload-crop-modal .profile-uploader-box:hover .inner-modal-content img {
  opacity: 1;
  filter: grayscale(0);
}
.upload-crop-modal .croppie-container .cr-boundary {
  background-image: url(http://cdn.thedesigninspiration.com/wp-content/uploads/2014/07/Icon-Pattern-l.jpg);
  background-repeat: repeat;
  background-size: cover;
}
.upload-crop-modal .croppie-container .cr-viewport {
  box-shadow: 0 0 2000px 2000px color-mix(in srgb, #ededed 65%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 2000px 2000px color-mix(in srgb, var(--color-bg) 65%, transparent);
  }
}
.upload-crop-modal .croppie-container .cr-slider {
  cursor: pointer;
}
[lang='fa'] .wishlist-modal .box-header span, [lang='fa'] .add-to-wishlist-modal .box-header span, [lang='fa'] .upload-crop-modal .box-header span, [lang='fa'] .add-to-wishlist-modal .placeholder-content h3, [lang='fa'] .checkout-blocked-modal .placeholder-content h3, [lang='fa'] .checkout-unauth-modal .placeholder-content h3 {
  font-family: var(--font-sans);
  letter-spacing: 0;
}
.auth-toggler .toggler-track {
  background: color-mix(in srgb, #ededed, black 5%);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-fade-grey), black 5%);
  }
}
.auth-toggler .hexagon::before, .auth-toggler .hexagon::after {
  content: '';
  position: absolute;
  width: 0;
  border-inline-start: 19px solid transparent;
  border-inline-end: 19px solid transparent;
}
.auth-toggler .hexagon::before {
  bottom: 100%;
  border-bottom: 10.97px solid var(--color-white);
}
.auth-toggler .hexagon::after {
  top: 100%;
  border-top: 10.97px solid var(--color-white);
}
.auth-toggler .hexagon .register-icon, .auth-toggler .hexagon svg.register-icon {
  display: none;
  stroke: var(--color-white);
}
.auth-toggler .hexagon .login-icon, .auth-toggler .hexagon svg.login-icon {
  display: block;
  stroke: var(--color-dark-text);
}
.auth-toggler > input:checked + .toggler-track .hexagon-wrap {
  margin-inline-start: 38px;
  transform: rotate(360deg);
}
.auth-toggler > input:checked + .toggler-track .hexagon-wrap .hexagon {
  background-color: var(--color-primary);
}
.auth-toggler > input:checked + .toggler-track .hexagon-wrap .hexagon::before {
  border-bottom-color: var(--color-primary);
}
.auth-toggler > input:checked + .toggler-track .hexagon-wrap .hexagon::after {
  border-top-color: var(--color-primary);
}
.auth-toggler > input:checked + .toggler-track .hexagon-wrap .hexagon .register-icon, .auth-toggler > input:checked + .toggler-track .hexagon-wrap .hexagon svg.register-icon {
  display: block;
}
.auth-toggler > input:checked + .toggler-track .hexagon-wrap .hexagon .login-icon, .auth-toggler > input:checked + .toggler-track .hexagon-wrap .hexagon svg.login-icon {
  display: none;
}
.elements-back.hidden, #elements-title.hidden, #elements-selection.hidden {
  display: none !important;
}
#buttons a[class*='inline-flex'] {
  justify-content: center !important;
  text-align: center;
}
.control.required.has-success .input {
  border-color: var(--color-green) !important;
}
.control.required.has-success .success-icon, .control.required.has-success .success-text {
  display: block !important;
}
.control.required.has-warning .input {
  border-color: var(--color-orange) !important;
}
.control.required.has-warning .warning-icon, .control.required.has-warning .warning-text {
  display: block !important;
}
.control.required.has-error .input {
  border-color: var(--color-red) !important;
}
.control.required.has-error .error-icon, .control.required.has-error .error-text {
  display: block !important;
}
.responsive-table td .unit-price::before, .responsive-table td .total-price::before, .sub-table .subtotal-value::before, .sub-table .vat-value::before, .sub-table .total-value::before {
  content: '$';
  font-size: 80%;
}
[lang='fa'] .responsive-table td .unit-price::before, [lang='fa'] .responsive-table td .total-price::before, [lang='fa'] .sub-table .subtotal-value::before, [lang='fa'] .sub-table .vat-value::before, [lang='fa'] .sub-table .total-value::before {
  content: '';
}
[lang='fa'] .responsive-table td .unit-price::after, [lang='fa'] .responsive-table td .total-price::after {
  content: ' تومان';
}
[lang='fa'] .sub-table .subtotal-value::after, [lang='fa'] .sub-table .vat-value::after, [lang='fa'] .sub-table .total-value::after {
  content: ' تومان';
  font-size: 80%;
}
.responsive-table th:nth-of-type(3), .responsive-table th:nth-of-type(4) {
  text-align: end;
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .responsive-table, .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr {
    display: block;
  }
  .responsive-table thead tr {
    position: absolute;
    top: -9999px;
    inset-inline-start: -9999px;
  }
  .responsive-table tr {
    border: 1px solid #ccc;
  }
  .responsive-table td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-inline-start: 50%;
  }
  .responsive-table td.text-center {
    text-align: start !important;
  }
  .responsive-table td::before {
    position: absolute;
    top: 12px;
    inset-inline-start: 6px;
    width: 45%;
    padding-inline-end: 10px;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 0.75rem;
    color: var(--color-muted-grey-bold) !important;
  }
  .responsive-table td:nth-of-type(1)::before {
    content: 'Product';
  }
  [lang='fa'] .responsive-table td:nth-of-type(1)::before {
    content: 'محصول';
  }
  .responsive-table td:nth-of-type(2)::before {
    content: 'Quantity';
  }
  [lang='fa'] .responsive-table td:nth-of-type(2)::before {
    content: 'تعداد';
  }
  .responsive-table td:nth-of-type(3)::before {
    content: 'Price';
  }
  [lang='fa'] .responsive-table td:nth-of-type(3)::before {
    content: 'قیمت';
  }
  .responsive-table td:nth-of-type(4)::before {
    content: 'Total';
  }
  [lang='fa'] .responsive-table td:nth-of-type(4)::before {
    content: 'جمع کل';
  }
}
.steps-wrapper .step-list {
  counter-reset: wizard;
}
.steps-wrapper .step-list li::before {
  counter-increment: wizard;
  content: counter(wizard);
  display: block;
  color: var(--color-muted-grey);
  background-color: var(--color-placeholder);
  border: 3px solid var(--color-white);
  text-align: center;
  width: 3em;
  height: 3em;
  line-height: 2.5em;
  border-radius: 3em;
  position: relative;
  inset-inline-start: 50%;
  margin-inline-start: -1.5em;
  z-index: 1;
  font-size: 0.8rem;
  font-weight: 700 !important;
}
.steps-wrapper .step-list li + li::after {
  content: '';
  display: block;
  width: 100%;
  background-color: var(--color-placeholder);
  height: 5px;
  position: absolute;
  inset-inline-start: -50%;
  top: 1.1em;
  z-index: 0;
}
.steps-wrapper .step-list .active {
  color: var(--color-white);
}
.steps-wrapper .step-list .active::before {
  background: var(--color-primary);
  color: var(--color-white);
  border-color: var(--color-white);
  font-weight: 500;
}
.steps-wrapper .step-list .active::after {
  background-color: var(--color-primary);
}
.checkout-success .success-card:not(.hidden) {
  animation: fadeInUp 0.5s;
}
.checkout-shipping-methods:not(.hidden), .checkout-payment-methods:not(.hidden), .order-summary:not(.hidden) {
  animation: fadeInLeft 0.5s;
}
.checkout-wrapper .shipping-methods-grid .columns, .checkout-wrapper .payment-methods-grid .columns, .checkout-wrapper .order-summary-grid .columns {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .checkout-wrapper .shipping-methods-grid .columns > .column {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
.checkout-wrapper .method-card > input[type='radio'] {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.checkout-wrapper .method-card .change-link {
  z-index: 3;
}
.checkout-wrapper .method-card:hover .method-card-inner {
  border-color: var(--color-dark-text);
}
.checkout-wrapper .method-card.is-readonly .method-card-inner {
  min-height: 100px;
}
.checkout-wrapper .method-card .icon-container .method-icon.method-icon-dark {
  display: none;
}
.checkout-wrapper .method-card .icon-container .method-icon, .checkout-wrapper .method-card .icon-container > img:not(.method-icon) {
  filter: grayscale(1);
  opacity: 0.6;
  transition: filter 0.3s, opacity 0.3s;
}
.checkout-wrapper .method-card > input:checked ~ .method-card-inner {
  border-color: var(--color-primary);
  box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06);
}
.checkout-wrapper .method-card > input:checked ~ .method-card-inner .icon-container .method-icon, .checkout-wrapper .method-card > input:checked ~ .method-card-inner .icon-container > img:not(.method-icon) {
  filter: grayscale(0) !important;
  opacity: 1 !important;
}
.checkout-wrapper .method-card > input:checked ~ .method-card-inner .icon-container .indicator {
  display: flex !important;
}
.checkout-payment-methods .checkout-form .field > label {
  display: block;
  margin-bottom: 0.375rem;
  font-size: 0.8rem;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-dark-text);
  font-family: var(--font-montserrat);
}
.checkout-payment-methods .payment-disclaimer p {
  margin-bottom: 0.625rem;
}
.checkout-payment-methods .payment-disclaimer p:last-of-type {
  margin-bottom: 0;
}
.checkout-payment-methods .payment-disclaimer a {
  color: var(--color-dark-text);
  transition: color 0.3s;
}
.checkout-payment-methods .payment-disclaimer a:hover {
  color: var(--color-primary);
  text-decoration: underline;
}
.checkout-payment-methods .payment-disclaimer .animated-checkbox {
  transform: scale(0.8);
}
[lang='fa'] .checkout-payment-methods h2, [lang='fa'] .checkout-payment-methods .method-card .meta h3, [lang='fa'] .checkout-payment-methods .checkout-form .field > label, [lang='fa'] .checkout-payment-methods .payment-disclaimer .title-wrap h3, [lang='fa'] .checkout-payment-methods .payment-disclaimer .agree-block span, [lang='fa'] .checkout-shipping-methods h2, [lang='fa'] .checkout-shipping-methods .method-card .meta h3, [lang='fa'] .order-summary h2, [lang='fa'] .order-summary .method-card .meta h3 {
  font-family: var(--font-sans);
  letter-spacing: 0;
}
.checkout-wrapper .checkout-side .side-card.is-totals .payment-block span.has-price::before {
  content: '$';
}
[lang='fa'] .checkout-wrapper .checkout-side .side-card.is-totals .payment-block span.has-price::before {
  content: '';
}
[lang='fa'] .checkout-wrapper .checkout-side .side-card.is-totals .payment-block span.has-price::after {
  content: ' تومان';
}
.checkout-wrapper .checkout-side .side-action .button.no-click {
  background: var(--color-muted-grey-bold);
  border-color: var(--color-muted-grey-bold);
}
.checkout-wrapper .checkout-side .side-card.is-shipping-method .method-title a {
  font-size: 0.65rem;
  color: var(--color-placeholder);
  transition: color 0.3s;
}
.checkout-wrapper .checkout-side .side-card.is-shipping-method .method-title a:hover {
  color: var(--color-primary);
  text-decoration: underline;
}
[lang='fa'] .shop-wrapper:has(.checkout-wrapper) > .checkout-chrome > .side-header .side-title, [lang='fa'] .checkout-wrapper .side-header .side-title, [lang='fa'] .checkout-wrapper .checkout-side .side-title, [lang='fa'] .checkout-wrapper .checkout-side .side-card.user-card .meta span, [lang='fa'] .checkout-wrapper .checkout-side .side-card.is-address .address-title, [lang='fa'] .checkout-wrapper .checkout-side .side-card.is-address .address, [lang='fa'] .checkout-wrapper .checkout-side .side-card.is-totals .info-title, [lang='fa'] .checkout-wrapper .checkout-side .side-card.is-totals .payment-block span, [lang='fa'] .checkout-wrapper .checkout-side .side-card.is-shipping-method .method-title, [lang='fa'] .checkout-wrapper .checkout-side .side-card.is-shipping-method .method {
  font-family: var(--font-sans);
  letter-spacing: 0;
}
[lang='fa'] .checkout-wrapper .coupon-wrapper h3, [lang='fa'] .checkout-wrapper .order-notes h3 {
  font-family: var(--font-sans);
  letter-spacing: 0;
}
.checkout-title {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
}
.checkout-title h2 {
  font-size: 1.6rem;
  font-weight: 400;
  text-transform: uppercase;
}
.checkout-title h3 {
  font-weight: 500;
  color: var(--color-primary);
}
.checkout-title.is-centered {
  justify-content: center;
}
.checkout-title .brand-filigrane {
  position: absolute;
  top: -5px;
  inset-inline-start: -27px;
  height: 48px;
  opacity: 0.4;
}
.checkout-title .brand-filigrane.is-centered {
  inset-inline-start: 0;
  inset-inline-end: 0;
  top: -10px;
  margin: 0 auto;
  height: 60px;
}
@media (max-width: 767px) {
  .checkout-title .brand-filigrane {
    inset-inline-start: -15px !important;
  }
}
.checkout-wrapper .checkout-form .jp-card .jp-card-front {
  background: var(--color-sidebar);
}
.checkout-wrapper .payment-disclaimer a {
  color: var(--color-dark-text);
  transition: color 0.3s;
}
.checkout-wrapper .payment-disclaimer a:hover {
  color: var(--color-primary);
  text-decoration: underline;
}
[lang='fa'] .checkout-wrapper .payment-disclaimer .agree-block span {
  font-family: var(--font-sans);
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .checkout-wrapper .flex-table .flex-table-item > div {
    border: none !important;
  }
  .checkout-wrapper .flex-table .quantity::before, .checkout-wrapper .flex-table .price::before, .checkout-wrapper .flex-table .discount::before, .checkout-wrapper .flex-table .total::before {
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--color-muted-grey);
  }
  .checkout-wrapper .flex-table .quantity::before {
    content: 'Quantity';
    position: absolute;
    top: 0;
    inset-inline-start: 0;
  }
  [lang='fa'] .checkout-wrapper .flex-table .quantity::before {
    content: 'تعداد';
    position: absolute;
    top: 0;
    inset-inline-start: 0;
  }
  .checkout-wrapper .flex-table .price::before {
    content: 'Price';
    position: absolute;
    top: 0;
    inset-inline-start: 0;
  }
  [lang='fa'] .checkout-wrapper .flex-table .price::before {
    content: 'قیمت';
    position: absolute;
    top: 0;
    inset-inline-start: 0;
  }
  .checkout-wrapper .flex-table .discount::before {
    content: 'Discount';
    position: absolute;
    top: 0;
    inset-inline-start: 0;
  }
  [lang='fa'] .checkout-wrapper .flex-table .discount::before {
    content: 'تخفیف';
    position: absolute;
    top: 0;
    inset-inline-start: 0;
  }
  .checkout-wrapper .flex-table .total::before {
    content: 'Total';
    position: absolute;
    top: 0;
    inset-inline-start: 0;
  }
  [lang='fa'] .checkout-wrapper .flex-table .total::before {
    content: 'جمع کل';
    position: absolute;
    top: 0;
    inset-inline-start: 0;
  }
}
.special-toggle .toggler {
  background: color-mix(in srgb, #ededed, black 5%);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-fade-grey), black 5%);
  }
  border-color: color-mix(in srgb, #ededed, black 5%);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--color-fade-grey), black 5%);
  }
}
.special-toggle .toggler .inactive {
  background: var(--color-white);
  border: 1px solid var(--color-placeholder);
}
.special-toggle .toggler .inactive svg {
  stroke: var(--color-muted-grey);
}
.special-toggle .toggler .active {
  background: var(--color-primary);
  border-color: var(--color-primary);
  box-shadow: var(--shadow-primary) !important;
}
.checkbox-wrap input.d-checkbox + span, .checkbox-wrap input.b-radio + span {
  background-color: var(--color-white);
  border-color: var(--color-muted-grey);
}
.checkbox-wrap input.d-checkbox:checked + span, .checkbox-wrap input.b-radio:checked + span {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.checkbox-wrap input.d-checkbox:checked + span::after, .checkbox-wrap input.b-radio:checked + span::after {
  filter: brightness(0) invert(1);
}
#theme-toggle.is-active a svg, #preset-toggle.is-active a svg, .js-theme-toggle.is-active a svg, .js-preset-toggle.is-active a svg {
  stroke: var(--color-primary);
}
.iziToast.toast {
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: var(--shadow-primary) !important;
}
.iziToast.toast.toast--error {
  box-shadow: 0 14px 26px -12px color-mix(in srgb, #344258 42%, transparent), 0 4px 23px 0 color-mix(in srgb, #4a4a4a 12%, transparent), 0 8px 10px -5px color-mix(in srgb, #344258 20%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 14px 26px -12px color-mix(in srgb, var(--color-sidebar) 42%, transparent), 0 4px 23px 0 color-mix(in srgb, var(--color-dark-text) 12%, transparent), 0 8px 10px -5px color-mix(in srgb, var(--color-sidebar) 20%, transparent) !important;
  }
}
.iziToast.toast .iziToast-progressbar > div {
  border-radius: 0 0 10px 10px;
}
.ajs-dimmer {
  background-color: var(--color-overlay) !important;
}
.ajs-content b {
  color: var(--color-primary) !important;
}
.ajs-ok {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #fff !important;
}
.ajs-ok:hover {
  box-shadow: var(--shadow-primary) !important;
}
.notification.is-primary, .notification.is-link {
  background-color: var(--color-primary) !important;
  color: #fff !important;
}
.notification.is-primary.is-light, .notification.is-link.is-light {
  background-color: color-mix(in srgb, #0023ff 12%, #fff) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--color-primary) 12%, var(--color-white)) !important;
  }
  color: var(--color-primary) !important;
}
.notification.is-info {
  background-color: var(--color-secondary) !important;
  color: #fff !important;
}
.notification.is-info.is-light {
  background-color: color-mix(in srgb, #00d1b2 14%, #fff) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--color-secondary) 14%, var(--color-white)) !important;
  }
  color: var(--color-secondary) !important;
}
.message.is-primary .message-header {
  background-color: var(--color-primary) !important;
  color: #fff !important;
}
.message.is-primary .message-body {
  border-color: var(--color-primary) !important;
  color: color-mix(in srgb, #0023ff 55%, #4a4a4a) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--color-primary) 55%, var(--color-dark-text)) !important;
  }
}
.message.is-link .message-header {
  background-color: var(--color-primary) !important;
  color: #fff !important;
}
.message.is-link .message-body {
  border-color: var(--color-primary) !important;
}
.message.is-info .message-header {
  background-color: var(--color-secondary) !important;
  color: #fff !important;
}
.message.is-info .message-body {
  border-color: var(--color-secondary) !important;
}
/*! checkout-legacy-fallbacks.css | Wave 21 — legacy flat-card checkout modifiers */
.flat-card.is-checkout-form.has-overflow {
  overflow: visible !important;
}
.flat-card.is-checkout-form .form-title h3 {
  font-size: 1.2rem;
  font-weight: 300 !important;
  text-transform: uppercase;
  padding-bottom: 20px;
}
.flat-card.is-checkout-form .column.is-padded {
  padding: 40px !important;
}
.flat-card.is-checkout-form .column.is-light-padded {
  padding: 15px 40px !important;
}
.flat-card.is-checkout-form .column.grey-column {
  background: var(--color-light-grey);
}
.flat-card.is-checkout-form .customer-wrapper {
  padding: 80px 0;
}
.flat-card.is-checkout-form .customer-wrapper .logged-as {
  font-size: 90%;
  color: var(--color-muted-grey-bold);
  padding-top: 10px;
}
.flat-card.is-checkout-form .customer-wrapper .username {
  font-weight: 500;
}
.flat-card.is-checkout-form .customer-wrapper .switch {
  padding-top: 10px;
  font-size: 90%;
  font-weight: 500;
}
.flat-card.is-checkout-form .customer-wrapper .switch a {
  color: var(--color-muted-grey-bold);
}
.flat-card.is-checkout-form .customer-wrapper .switch a:hover {
  color: var(--color-primary);
}
.flat-card.is-checkout-form .customer-wrapper img {
  height: 75px;
  width: 75px;
  border-radius: 50%;
  border: 4px solid var(--color-white);
  box-shadow: 0 5px 43px var(--color-card-hover-shadow, color-mix(in srgb, #0023ff 18%, transparent)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 5px 43px var(--color-card-hover-shadow, color-mix(in srgb, var(--color-primary) 18%, transparent)) !important;
  }
}
.flat-card.is-checkout-form .customer-wrapper img.logo {
  border-radius: 0;
  height: 75px;
  width: auto;
}
.flat-card.is-checkout-form .shipping-wrapper {
  padding: 80px 10px;
}
.flat-card.is-checkout-form .shipping-wrapper .mini-card {
  position: relative;
  background: var(--color-white);
  border-radius: 6px;
  border: 2px solid var(--color-placeholder);
  padding: 20px;
  margin: 10px;
  overflow: visible;
  cursor: pointer;
  transition: all 0.3s;
}
.flat-card.is-checkout-form .shipping-wrapper .mini-card svg {
  height: 48px;
  fill: var(--color-placeholder);
}
.flat-card.is-checkout-form .shipping-wrapper .mini-card .shipping-method {
  text-transform: uppercase;
  font-size: 70%;
  color: var(--color-placeholder);
  display: block;
}
.flat-card.is-checkout-form .shipping-wrapper .mini-card .shipping-price {
  text-transform: uppercase;
  font-size: 70%;
  font-weight: 500;
  color: var(--color-primary);
  display: none;
}
.flat-card.is-checkout-form .shipping-wrapper .mini-card:hover {
  border-color: var(--color-muted-grey);
}
.flat-card.is-checkout-form .shipping-wrapper .mini-card:hover svg {
  fill: var(--color-muted-grey);
}
.flat-card.is-checkout-form .shipping-wrapper .mini-card:hover .shipping-method {
  color: var(--color-muted-grey);
}
.flat-card.is-checkout-form .shipping-wrapper .mini-card .active-indicator {
  visibility: hidden;
  position: absolute;
  top: -16px;
  inset-inline-end: -16px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: 2px solid color-mix(in srgb, #0023ff 70%, white);
  @supports (color: color-mix(in lab, red, red)) {
    border: 2px solid color-mix(in srgb, var(--color-primary) 70%, white);
  }
  border-radius: 50%;
  background: var(--color-primary);
}
[dir='rtl'] .flat-card.is-checkout-form .shipping-wrapper .mini-card .active-indicator {
  inset-inline-start: -16px;
  inset-inline-end: unset;
}
.flat-card.is-checkout-form .shipping-wrapper .mini-card .active-indicator svg {
  width: 14px;
  height: 14px;
  stroke: var(--color-white);
  stroke-width: 3px;
}
.flat-card.is-checkout-form .shipping-wrapper .mini-card.is-active {
  border-color: var(--color-primary);
}
.flat-card.is-checkout-form .shipping-wrapper .mini-card.is-active svg {
  fill: var(--color-primary);
}
.flat-card.is-checkout-form .shipping-wrapper .mini-card.is-active .shipping-method {
  color: var(--color-primary);
  display: none;
}
.flat-card.is-checkout-form .shipping-wrapper .mini-card.is-active .shipping-price {
  display: block;
}
.flat-card.is-checkout-form .shipping-wrapper .mini-card.is-active .active-indicator {
  visibility: visible;
}
.flat-card.is-checkout-form .shipping-address-form .column {
  padding: 0 0.75rem !important;
}
.flat-card.is-checkout-form .shipping-address-form .chosen-single {
  max-height: 36px;
}
.flat-card.is-checkout-form .shipping-address-form .chosen-single span {
  max-height: 36px;
  display: block;
  position: relative;
  top: -2.5px;
  inset-inline-start: -8px;
}
.flat-card.is-checkout-form .verification-wrapper {
  padding: 80px 0;
}
.flat-card.is-checkout-form .verification-wrapper .total-price svg {
  width: 26px;
  height: 26px;
  stroke: var(--color-muted-grey);
}
.flat-card.is-checkout-form .verification-wrapper .total-price span {
  display: block;
}
.flat-card.is-checkout-form .verification-wrapper .total-price span:nth-child(2) {
  font-family: var(--font-raleway);
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
}
[lang='fa'] .flat-card.is-checkout-form .verification-wrapper .total-price span:nth-child(2) {
  font-family: var(--font-sans);
}
.flat-card.is-checkout-form .verification-wrapper .total-price span:nth-child(3) {
  font-size: 2rem;
  font-weight: 600;
}
.flat-card.is-checkout-form .verification-wrapper .total-price span:nth-child(3)::before {
  content: '$';
  position: relative;
  top: -10px;
  font-size: 50%;
}
[lang='fa'] .flat-card.is-checkout-form .verification-wrapper .total-price span:nth-child(3)::before {
  content: '';
}
[lang='fa'] .flat-card.is-checkout-form .verification-wrapper .total-price span:nth-child(3)::after {
  content: ' تومان';
  position: relative;
  top: -10px;
  font-size: 50%;
}
.flat-card.is-checkout-form .verification-wrapper .total-price span:nth-child(4) {
  font-family: var(--font-raleway);
  font-weight: 600;
  color: var(--color-primary);
  margin: 5px 0;
  font-size: 0.85rem;
}
[lang='fa'] .flat-card.is-checkout-form .verification-wrapper .total-price span:nth-child(4) {
  font-family: var(--font-sans);
}
.flat-card.is-checkout-form .items-column {
  max-height: 350px;
  overflow-y: auto;
}
.flat-card.is-checkout-form .items-column::-webkit-scrollbar {
  width: 10px;
}
.flat-card.is-checkout-form .items-column::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
}
.flat-card.is-checkout-form .items-column .order-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid var(--color-fade-grey);
}
.flat-card.is-checkout-form .items-column .order-item .item-description span, .flat-card.is-checkout-form .items-column .order-item .item-quantity span {
  display: block;
}
.flat-card.is-checkout-form .items-column .order-item .item-description span:first-child, .flat-card.is-checkout-form .items-column .order-item .item-quantity span:first-child {
  font-family: var(--font-raleway);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 80%;
}
[lang='fa'] .flat-card.is-checkout-form .items-column .order-item .item-description span:first-child, [lang='fa'] .flat-card.is-checkout-form .items-column .order-item .item-quantity span:first-child {
  font-family: var(--font-sans);
}
.flat-card.is-checkout-form .items-column .order-item .item-description span:nth-child(2), .flat-card.is-checkout-form .items-column .order-item .item-quantity span:nth-child(2) {
  font-size: 80%;
  color: var(--color-muted-grey-bold);
}
.flat-card.is-checkout-form .items-column .order-item .item-description {
  width: 50%;
}
.flat-card.is-checkout-form .items-column .order-item .item-quantity {
  width: 15%;
}
.flat-card.is-checkout-form .items-column .order-item .item-price {
  width: 25%;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 90%;
  color: var(--color-primary);
}
.flat-card.is-checkout-form .payment-wrapper {
  padding: 100px 0;
}
.flat-card.is-checkout-form .payment-wrapper .subtotal {
  padding: 5px 0;
}
.flat-card.is-checkout-form .payment-wrapper .subtotal .partial-value::before, .flat-card.is-checkout-form .payment-wrapper .subtotal .vat-value::before {
  content: '$';
  font-size: 60%;
  position: relative;
  top: -6px;
}
[lang='fa'] .flat-card.is-checkout-form .payment-wrapper .subtotal .partial-value::before, [lang='fa'] .flat-card.is-checkout-form .payment-wrapper .subtotal .vat-value::before {
  content: '';
}
[lang='fa'] .flat-card.is-checkout-form .payment-wrapper .subtotal .partial-value::after, [lang='fa'] .flat-card.is-checkout-form .payment-wrapper .subtotal .vat-value::after {
  content: ' تومان';
  font-size: 60%;
  position: relative;
  top: -6px;
}
.flat-card.is-checkout-form .payment-wrapper .subtotal .partial-value {
  font-weight: 500;
  color: var(--color-muted-grey-bold);
}
.flat-card.is-checkout-form .payment-wrapper .subtotal .vat-value {
  font-weight: 500;
  color: var(--color-primary);
}
.flat-card.is-checkout-form .payment-wrapper .subtotal .plus-operator, .flat-card.is-checkout-form .payment-wrapper .subtotal .equal-operator {
  font-weight: 600;
}
.flat-card.is-checkout-form .payment-wrapper .total span {
  display: block;
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--color-dark-text);
}
.flat-card.is-checkout-form .payment-wrapper .total span::before {
  content: '$';
  font-size: 60%;
  position: relative;
  top: -10px;
}
[lang='fa'] .flat-card.is-checkout-form .payment-wrapper .total span::before {
  content: '';
}
[lang='fa'] .flat-card.is-checkout-form .payment-wrapper .total span::after {
  content: ' تومان';
  font-size: 60%;
  position: relative;
  top: -10px;
}
.flat-card.is-checkout-form .logo {
  height: 35px;
  width: auto;
  border: none;
  box-shadow: none;
  display: block;
}
.flat-card.is-checkout-form .logo.is-centered {
  margin: 0 auto;
}
.flat-card.is-checkout-form .bank-account {
  padding: 10px 0;
  display: block;
  font-size: 90%;
  color: var(--color-muted-grey-bold);
}
.flat-card.is-checkout-form .control {
  margin: 10px 0;
}
.flat-card.is-checkout-form .control.has-margin {
  margin-inline-start: 5px;
  margin-inline-end: 5px;
}
.flat-card.is-checkout-form .control .input {
  box-shadow: none !important;
  color: var(--color-muted-grey-bold);
}
.flat-card.is-checkout-form .checkout-label {
  font-weight: 500;
  color: var(--color-dark-text);
  font-size: 90%;
  margin: 5px 0;
  display: block;
}
.flat-card.payment-method {
  text-align: center;
  padding: 40px;
  border: 2px solid transparent;
  cursor: pointer;
}
.flat-card.payment-method .payment-icon svg {
  height: 60px;
  width: 60px;
  fill: var(--color-placeholder);
  transition: all 0.3s;
}
.flat-card.payment-method .payment-text {
  text-transform: uppercase;
  padding: 10px 0;
  font-size: 80%;
  color: var(--color-placeholder);
}
.flat-card.payment-method.is-paypal:hover {
  border-color: var(--color-blue);
}
.flat-card.payment-method.is-paypal:hover svg {
  fill: var(--color-blue);
}
.flat-card.payment-method.is-paypal:hover .payment-text {
  color: var(--color-blue);
}
.flat-card.payment-method.is-bank:hover {
  border-color: var(--color-orange);
}
.flat-card.payment-method.is-bank:hover svg {
  fill: var(--color-orange);
}
.flat-card.payment-method.is-bank:hover .payment-text {
  color: var(--color-orange);
}
.flat-card.payment-method.is-credit-card:hover {
  border-color: var(--color-primary);
}
.flat-card.payment-method.is-credit-card:hover svg {
  fill: var(--color-primary);
}
.flat-card.payment-method.is-credit-card:hover .payment-text {
  color: var(--color-primary);
}
.flat-card.payment-method.is-cash:hover {
  border-color: var(--color-green);
}
.flat-card.payment-method.is-cash:hover svg {
  fill: var(--color-green);
}
.flat-card.payment-method.is-cash:hover .payment-text {
  color: var(--color-green);
}
.flat-card.thanks-card {
  padding: 40px;
  margin: 10px 0;
}
.flat-card.thanks-card img {
  display: block;
  height: 75px;
  margin: 0 auto 10px auto;
}
.flat-card.thanks-card .card-heading {
  font-size: 1rem;
  font-weight: 500;
}
.flat-card.thanks-card p {
  padding: 10px 40px;
  font-size: 0.9rem;
  color: var(--color-muted-grey-bold);
}
.flat-card.thanks-card .big-button {
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
  font-weight: 500;
}
.flat-card.thanks-card .big-button:hover {
  border-color: color-mix(in srgb, #0023ff 80%, white);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--color-primary) 80%, white);
  }
  color: color-mix(in srgb, #0023ff 80%, white);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--color-primary) 80%, white);
  }
}
@media (max-width: 767px) {
  .flat-card.thanks-card p {
    padding: 10px 0 !important;
  }
}
@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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  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: 0px;
}
@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-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-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@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-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-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;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 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)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: 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-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-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
    }
  }
}