@font-face {
  font-family:autobahn;
  src:url(./fonts/autobahn/autobahn.ttf) format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap
}
@font-face {
  font-family:metropolis;
  src:url(./fonts/metropolis/Metropolis-Black.otf) format("opentype"),url(./fonts/metropolis/Metropolis-Black.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-Black.woff) format("woff"),url(./fonts/metropolis/Metropolis-Black.woff2) format("woff2");
  font-weight:900;
  font-style:normal;
  font-display:swap 
}
@font-face {
  font-family:metropolis;
  src:url(./fonts/metropolis/Metropolis-BlackItalic.otf) format("opentype"),url(./fonts/metropolis/Metropolis-BlackItalic.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-BlackItalic.woff) format("woff"),url(./fonts/metropolis/Metropolis-BlackItalic.woff2) format("woff2");
  font-weight:900;
  font-style:italic;
  font-display:swap
}
@font-face {
  font-family:metropolis;
  src:url(./fonts/metropolis/Metropolis-Bold.otf) format("opentype"),url(./fonts/metropolis/Metropolis-Bold.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-Bold.woff) format("woff"),url(./fonts/metropolis/Metropolis-Bold.woff2) format("woff2"),url(./fonts/metropolis/Metropolis-ExtraBold.otf) format("opentype"),url(./fonts/metropolis/Metropolis-ExtraBold.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-ExtraBold.woff) format("woff"),url(./fonts/metropolis/Metropolis-ExtraBold.woff2) format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap
}
@font-face {
  font-family:metropolis;
  src:url(./fonts/metropolis/Metropolis-BoldItalic.otf) format("opentype"),url(./fonts/metropolis/Metropolis-BoldItalic.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-BoldItalic.woff) format("woff"),url(./fonts/metropolis/Metropolis-BoldItalic.woff2) format("woff2"),url(./fonts/metropolis/Metropolis-ExtraBoldItalic.otf) format("opentype"),url(./fonts/metropolis/Metropolis-ExtraBoldItalic.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-ExtraBoldItalic.woff) format("woff"),url(./fonts/metropolis/Metropolis-ExtraBoldItalic.woff2) format("woff2");
  font-weight:700;
  font-style:italic;
  font-display:swap
}
@font-face {
  font-family:metropolis;
  src:url(./fonts/metropolis/Metropolis-ExtraLight.otf) format("opentype"),url(./fonts/metropolis/Metropolis-ExtraLight.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-ExtraLight.woff) format("woff"),url(./fonts/metropolis/Metropolis-ExtraLight.woff2) format("woff2");
  font-weight:200;
  font-style:normal;
  font-display:swap
}
@font-face {
  font-family:metropolis;
  src:url(./fonts/metropolis/Metropolis-ExtraLightItalic.otf) format("opentype"),url(./fonts/metropolis/Metropolis-ExtraLightItalic.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-ExtraLightItalic.woff) format("woff"),url(./fonts/metropolis/Metropolis-ExtraLightItalic.woff2) format("woff2");
  font-weight:200;
  font-style:italic;
  font-display:swap
}
@font-face {
  font-family:metropolis;
  src:url(./fonts/metropolis/Metropolis-Light.otf) format("opentype"),url(./fonts/metropolis/Metropolis-Light.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-Light.woff) format("woff"),url(./fonts/metropolis/Metropolis-Light.woff2) format("woff2");
  font-weight:300;
  font-style:normal;
  font-display:swap
}
@font-face {
  font-family:metropolis;
  src:url(./fonts/metropolis/Metropolis-LightItalic.otf) format("opentype"),url(./fonts/metropolis/Metropolis-LightItalic.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-LightItalic.woff) format("woff"),url(./fonts/metropolis/Metropolis-LightItalic.woff2) format("woff2");
  font-weight:300;
  font-style:italic;
  font-display:swap
}
@font-face {
  font-family:metropolis;
  src:url(./fonts/metropolis/Metropolis-Medium.otf) format("opentype"),url(./fonts/metropolis/Metropolis-Medium.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-Medium.woff) format("woff"),url(./fonts/metropolis/Metropolis-Medium.woff2) format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap
}
@font-face {
  font-family:metropolis;
  src:url(./fonts/metropolis/Metropolis-MediumItalic.otf) format("opentype"),url(./fonts/metropolis/Metropolis-MediumItalic.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-MediumItalic.woff) format("woff"),url(./fonts/metropolis/Metropolis-MediumItalic.woff2) format("woff2");
  font-weight:500;
  font-style:italic;
  font-display:swap
}
@font-face {
  font-family:metropolis;
  src:url(./fonts/metropolis/Metropolis-Regular.otf) format("opentype"),url(./fonts/metropolis/Metropolis-Regular.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-Regular.woff) format("woff"),url(./fonts/metropolis/Metropolis-Regular.woff2) format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap
}
@font-face {
  font-family:metropolis;
  src:url(./fonts/metropolis/Metropolis-RegularItalic.otf) format("opentype"),url(./fonts/metropolis/Metropolis-RegularItalic.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-RegularItalic.woff) format("woff"),url(./fonts/metropolis/Metropolis-RegularItalic.woff2) format("woff2");
  font-weight:400;
  font-style:italic;
  font-display:swap
}
@font-face {
  font-family:metropolis;
  src:url(./fonts/metropolis/Metropolis-SemiBold.otf) format("opentype"),url(./fonts/metropolis/Metropolis-SemiBold.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-SemiBold.woff) format("woff"),url(./fonts/metropolis/Metropolis-SemiBold.woff2) format("woff2");
  font-weight:600;
  font-style:normal;
  font-display:swap
}
@font-face {
  font-family:metropolis;
  src:url(./fonts/metropolis/Metropolis-SemiBoldItalic.otf) format("opentype"),url(./fonts/metropolis/Metropolis-SemiBoldItalic.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-SemiBoldItalic.woff) format("woff"),url(./fonts/metropolis/Metropolis-SemiBoldItalic.woff2) format("woff2");
  font-weight:600;
  font-style:italic;
  font-display:swap
}
@font-face {
  font-family:metropolis;
  src:url(./fonts/metropolis/Metropolis-Thin.otf) format("opentype"),url(./fonts/metropolis/Metropolis-Thin.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-Thin.woff) format("woff"),url(./fonts/metropolis/Metropolis-Thin.woff2) format("woff2");
  font-weight:100;
  font-style:normal;
  font-display:swap
}
@font-face {
  font-family:metropolis;
  src:url(./fonts/metropolis/Metropolis-ThinItalic.otf) format("opentype"),url(./fonts/metropolis/Metropolis-ThinItalic.ttf) format("truetype"),url(./fonts/metropolis/Metropolis-ThinItalic.woff) format("woff"),url(./fonts/metropolis/Metropolis-ThinItalic.woff2) format("woff2");
  font-weight:100;
  font-style:italic;
  font-display:swap
}
@font-face {
  font-family:victor-pixel;
  src:url(./fonts/victor-pixel/victor-pixel.ttf) format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap
}
@layer theme, base, components, utilities;
@layer theme {
  @theme default {
    --font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --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 0);
    --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 0);
    --color-neutral-100:oklch(97% 0 0);
    --color-neutral-200:oklch(92.2% 0 0);
    --color-neutral-300:oklch(87% 0 0);
    --color-neutral-400:oklch(70.8% 0 0);
    --color-neutral-500:oklch(55.6% 0 0);
    --color-neutral-600:oklch(43.9% 0 0);
    --color-neutral-700:oklch(37.1% 0 0);
    --color-neutral-800:oklch(26.9% 0 0);
    --color-neutral-900:oklch(20.5% 0 0);
    --color-neutral-950:oklch(14.5% 0 0);
    --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-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 rgba(0,0,0,.05);
    --shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);
    --shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    --shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);
    --inset-shadow-2xs:inset 0 1px rgba(0,0,0,.05);
    --inset-shadow-xs:inset 0 1px 1px rgba(0,0,0,.05);
    --inset-shadow-sm:inset 0 2px 4px rgba(0,0,0,.05);
    --drop-shadow-xs:0 1px 1px rgba(0,0,0,.05);
    --drop-shadow-sm:0 1px 2px rgba(0,0,0,.15);
    --drop-shadow-md:0 3px 3px rgba(0,0,0,.12);
    --drop-shadow-lg:0 4px 4px rgba(0,0,0,.15);
    --drop-shadow-xl:0 9px 7px rgba(0,0,0,.1);
    --drop-shadow-2xl:0 25px 25px rgba(0,0,0,.15);
    --text-shadow-2xs:0px 1px 0px rgba(0,0,0,.15);
    --text-shadow-xs:0px 1px 1px rgba(0,0,0,.2);
    --text-shadow-sm:0px 1px 0px rgba(0,0,0,.075),0px 1px 1px rgba(0,0,0,.075),0px 2px 2px rgba(0,0,0,.075);
    --text-shadow-md:0px 1px 1px rgba(0,0,0,.1),0px 1px 2px rgba(0,0,0,.1),0px 2px 4px rgba(0,0,0,.1);
    --text-shadow-lg:0px 1px 2px rgba(0,0,0,.1),0px 3px 2px rgba(0,0,0,.1),0px 4px 8px rgba(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;
    @keyframes spin {
      to {
        transform:rotate(1turn)
      }
    }
    @keyframes ping {
      75%,to {
        transform:scale(2);
        opacity:0
      }
    }
    @keyframes pulse {
      50% {
        opacity:.5
      }
    }
    @keyframes bounce {
      0%,to {
        transform:translateY(-25%);
        animation-timing-function:cubic-bezier(.8,0,1,1)
      }
      50% {
        transform:none;
        animation-timing-function:cubic-bezier(0,0,.2,1)
      }
    }
    --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:--theme(--font-sans,initial);
    --default-font-feature-settings:--theme(--font-sans--font-feature-settings,initial);
    --default-font-variation-settings:--theme(--font-sans--font-variation-settings,initial);
    --default-mono-font-family:--theme(--font-mono,initial);
    --default-mono-font-feature-settings:--theme(--font-mono--font-feature-settings,initial);
    --default-mono-font-variation-settings:--theme(--font-mono--font-variation-settings,initial)
  }
  @theme default inline reference {
    --blur:8px;
    --shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);
    --drop-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.06);
    --radius:0.25rem;
    --max-width-prose:65ch
  }
}
@layer base {
  ::-webkit-backdrop,::-webkit-file-upload-button {
    box-sizing:border-box;
    margin:0;
    padding:0;
    border:0 solid
  }
  *,::backdrop,::file-selector-button,:after,:before {
    box-sizing:border-box;
    margin:0;
    padding:0;
    border:0 solid
  }
  :host,html {
    line-height:1.5;
    -webkit-text-size-adjust:100%;
    -moz-tab-size:4;
    tab-size:4;
    font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
    font-feature-settings:--theme(--default-font-feature-settings,normal);
    font-variation-settings:--theme(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color:transparent
  }
  hr {
    height:0;
    color:inherit;
    border-top-width:1px
  }
  abbr:where([title]) {
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
  }
  h1,h2,h3,h4,h5,h6 {
    font-size:inherit;
    font-weight:inherit
  }
  a {
    color:inherit;
    -webkit-text-decoration:inherit;
    text-decoration:inherit
  }
  b,strong {
    font-weight:bolder
  }
  code,kbd,pre,samp {
    font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
    font-feature-settings:--theme(--default-mono-font-feature-settings,normal);
    font-variation-settings:--theme(--default-mono-font-variation-settings,normal);
    font-size:1em
  }
  small {
    font-size:80%
  }
  sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
  }
  sub {
    bottom:-.25em
  }
  sup {
    top:-.5em
  }
  table {
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
  }
  :-moz-focusring {
    outline:auto
  }
  progress {
    vertical-align:baseline
  }
  summary {
    display:list-item
  }
  menu,ol,ul {
    list-style:none
  }
  audio,canvas,embed,iframe,img,object,svg,video {
    display:block;
    vertical-align:middle
  }
  img,video {
    max-width:100%;
    height:auto
  }
  ::-webkit-file-upload-button {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    border-radius:0;
    background-color:transparent;
    opacity:1
  }
  ::file-selector-button,button,input,optgroup,select,textarea {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    border-radius:0;
    background-color:transparent;
    opacity:1
  }
  :where(select:is([multiple],[size])) optgroup {
    font-weight:bolder
  }
  :where(select:is([multiple],[size])) optgroup option {
    -webkit-padding-start:20px;
    padding-inline-start:20px
  }
  ::-webkit-file-upload-button {
    -webkit-margin-end:4px;
    margin-inline-end:4px
  }
  ::file-selector-button {
    -webkit-margin-end:4px;
    margin-inline-end:4px
  }
  ::placeholder {
    opacity:1
  }
  @supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color:color-mix(in oklab,currentcolor 50%,transparent)
    }
  }
  textarea {
    resize:vertical
  }
  ::-webkit-search-decoration {
    -webkit-appearance:none
  }
  ::-webkit-date-and-time-value {
    min-height:1lh;
    text-align:inherit
  }
  ::-webkit-datetime-edit {
    display:inline-flex
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding:0
  }
  ::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field {
    padding-block:0
  }
  ::-webkit-calendar-picker-indicator {
    line-height:1
  }
  :-moz-ui-invalid {
    box-shadow:none
  }
  ::-webkit-file-upload-button {
    -webkit-appearance:button;
    appearance:button
  }
  ::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]) {
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button
  }
  ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height:auto
  }
  [hidden]:where(:not([hidden=until-found])) {
    display:none!important
  }
}
@layer utilities {
  @tailwind utilities
}
@property --tw-animation-delay {
  syntax:"*";
  inherits:false;
  initial-value:0s
}
@property --tw-animation-direction {
  syntax:"*";
  inherits:false;
  initial-value:normal
}
@property --tw-animation-duration {
  syntax:"*";
  inherits:false
}
@property --tw-animation-fill-mode {
  syntax:"*";
  inherits:false;
  initial-value:none
}
@property --tw-animation-iteration-count {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-enter-blur {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-enter-opacity {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-enter-rotate {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-enter-scale {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-enter-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-enter-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-exit-blur {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-exit-opacity {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-exit-rotate {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-exit-scale {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-exit-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-exit-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@theme inline {
  --animation-delay-0:0s;
  --animation-delay-75:75ms;
  --animation-delay-100:.1s;
  --animation-delay-150:.15s;
  --animation-delay-200:.2s;
  --animation-delay-300:.3s;
  --animation-delay-500:.5s;
  --animation-delay-700:.7s;
  --animation-delay-1000:1s;
  --animation-repeat-0:0;
  --animation-repeat-1:1;
  --animation-repeat-infinite:infinite;
  --animation-direction-normal:normal;
  --animation-direction-reverse:reverse;
  --animation-direction-alternate:alternate;
  --animation-direction-alternate-reverse:alternate-reverse;
  --animation-fill-mode-none:none;
  --animation-fill-mode-forwards:forwards;
  --animation-fill-mode-backwards:backwards;
  --animation-fill-mode-both:both;
  --percentage-0:0;
  --percentage-5:.05;
  --percentage-10:.1;
  --percentage-15:.15;
  --percentage-20:.2;
  --percentage-25:.25;
  --percentage-30:.3;
  --percentage-35:.35;
  --percentage-40:.4;
  --percentage-45:.45;
  --percentage-50:.5;
  --percentage-55:.55;
  --percentage-60:.6;
  --percentage-65:.65;
  --percentage-70:.7;
  --percentage-75:.75;
  --percentage-80:.8;
  --percentage-85:.85;
  --percentage-90:.9;
  --percentage-95:.95;
  --percentage-100:1;
  --percentage-translate-full:1;
  --animate-in:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  --animate-out:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  @keyframes enter {
    0% {
      opacity:var(--tw-enter-opacity,1);
      transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
      filter:blur(var(--tw-enter-blur,0))
    }
  }
  @keyframes exit {
    to {
      opacity:var(--tw-exit-opacity,1);
      transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
      filter:blur(var(--tw-exit-blur,0))
    }
  }
  --animate-accordion-down:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  --animate-accordion-up:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  --animate-collapsible-down:collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  --animate-collapsible-up:collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  @keyframes accordion-down {
    0% {
      height:0
    }
    to {
      height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))
    }
  }
  @keyframes accordion-up {
    0% {
      height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))
    }
    to {
      height:0
    }
  }
  @keyframes collapsible-down {
    0% {
      height:0
    }
    to {
      height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))))
    }
  }
  @keyframes collapsible-up {
    0% {
      height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))))
    }
    to {
      height:0
    }
  }
  --animate-caret-blink:caret-blink 1.25s ease-out infinite;
  @keyframes caret-blink {
    0%,70%,to {
      opacity:1
    }
    20%,50% {
      opacity:0
    }
  }
}
@utility animation-duration-* {
  --tw-animation-duration:calc(--value(number)*1ms);
  --tw-animation-duration:--value(--animation-duration-*,[duration],"initial",[*]);
  animation-duration:calc(--value(number)*1ms);
  animation-duration:--value(--animation-duration-*,[duration],"initial",[*])
}
@utility delay-* {
  animation-delay:calc(--value(number)*1ms);
  animation-delay:--value(--animation-delay-*,[duration],"initial",[*]);
  --tw-animation-delay:calc(--value(number)*1ms);
  --tw-animation-delay:--value(--animation-delay-*,[duration],"initial",[*])
}
@utility repeat-* {
  animation-iteration-count:--value(--animation-repeat-*,number,"initial",[*]);
  --tw-animation-iteration-count:--value(--animation-repeat-*,number,"initial",[*])
}
@utility direction-* {
  animation-direction:--value(--animation-direction-*,"initial",[*]);
  --tw-animation-direction:--value(--animation-direction-*,"initial",[*])
}
@utility fill-mode-* {
  animation-fill-mode:--value(--animation-fill-mode-*,"initial",[*]);
  --tw-animation-fill-mode:--value(--animation-fill-mode-*,"initial",[*])
}
@utility running {
  animation-play-state:running
}
@utility paused {
  animation-play-state:paused
}
@utility play-state-* {
  animation-play-state:--value("initial",[*])
}
@utility blur-in {
  --tw-enter-blur:20px
}
@utility blur-in-* {
  --tw-enter-blur:calc(--value(number)*1px);
  --tw-enter-blur:--value(--blur-*,[*])
}
@utility blur-out {
  --tw-exit-blur:20px
}
@utility blur-out-* {
  --tw-exit-blur:calc(--value(number)*1px);
  --tw-exit-blur:--value(--blur-*,[*])
}
@utility fade-in {
  --tw-enter-opacity:0
}
@utility fade-in-* {
  --tw-enter-opacity:calc(--value(number)/100);
  --tw-enter-opacity:--value(--percentage-*,[*])
}
@utility fade-out {
  --tw-exit-opacity:0
}
@utility fade-out-* {
  --tw-exit-opacity:calc(--value(number)/100);
  --tw-exit-opacity:--value(--percentage-*,[*])
}
@utility zoom-in {
  --tw-enter-scale:0
}
@utility zoom-in-* {
  --tw-enter-scale:calc(--value(number)*1%);
  --tw-enter-scale:calc(--value(ratio));
  --tw-enter-scale:--value(--percentage-*,[*])
}
@utility -zoom-in-* {
  --tw-enter-scale:calc(--value(number)*-1%);
  --tw-enter-scale:calc(--value(ratio)*-1);
  --tw-enter-scale:--value(--percentage-*,[*])
}
@utility zoom-out {
  --tw-exit-scale:0
}
@utility zoom-out-* {
  --tw-exit-scale:calc(--value(number)*1%);
  --tw-exit-scale:calc(--value(ratio));
  --tw-exit-scale:--value(--percentage-*,[*])
}
@utility -zoom-out-* {
  --tw-exit-scale:calc(--value(number)*-1%);
  --tw-exit-scale:calc(--value(ratio)*-1);
  --tw-exit-scale:--value(--percentage-*,[*])
}
@utility spin-in {
  --tw-enter-rotate:30deg
}
@utility spin-in-* {
  --tw-enter-rotate:calc(--value(number)*1deg);
  --tw-enter-rotate:calc(--value(ratio)*360deg);
  --tw-enter-rotate:--value(--rotate-*,[*])
}
@utility -spin-in {
  --tw-enter-rotate:-30deg
}
@utility -spin-in-* {
  --tw-enter-rotate:calc(--value(number)*-1deg);
  --tw-enter-rotate:calc(--value(ratio)*-360deg);
  --tw-enter-rotate:--value(--rotate-*,[*])
}
@utility spin-out {
  --tw-exit-rotate:30deg
}
@utility spin-out-* {
  --tw-exit-rotate:calc(--value(number)*1deg);
  --tw-exit-rotate:calc(--value(ratio)*360deg);
  --tw-exit-rotate:--value(--rotate-*,[*])
}
@utility -spin-out {
  --tw-exit-rotate:-30deg
}
@utility -spin-out-* {
  --tw-exit-rotate:calc(--value(number)*-1deg);
  --tw-exit-rotate:calc(--value(ratio)*-360deg);
  --tw-exit-rotate:--value(--rotate-*,[*])
}
@utility slide-in-from-top {
  --tw-enter-translate-y:-100%
}
@utility slide-in-from-top-* {
  --tw-enter-translate-y:calc(--value(integer)*var(--spacing)*-1);
  --tw-enter-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*-100%);
  --tw-enter-translate-y:calc(--value(ratio)*-100%);
  --tw-enter-translate-y:calc(--value(--translate-*,[percentage],[length])*-1)
}
@utility slide-in-from-bottom {
  --tw-enter-translate-y:100%
}
@utility slide-in-from-bottom-* {
  --tw-enter-translate-y:calc(--value(integer)*var(--spacing));
  --tw-enter-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*100%);
  --tw-enter-translate-y:calc(--value(ratio)*100%);
  --tw-enter-translate-y:--value(--translate-*,[percentage],[length])
}
@utility slide-in-from-left {
  --tw-enter-translate-x:-100%
}
@utility slide-in-from-left-* {
  --tw-enter-translate-x:calc(--value(integer)*var(--spacing)*-1);
  --tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);
  --tw-enter-translate-x:calc(--value(ratio)*-100%);
  --tw-enter-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)
}
@utility slide-in-from-right {
  --tw-enter-translate-x:100%
}
@utility slide-in-from-right-* {
  --tw-enter-translate-x:calc(--value(integer)*var(--spacing));
  --tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);
  --tw-enter-translate-x:calc(--value(ratio)*100%);
  --tw-enter-translate-x:--value(--translate-*,[percentage],[length])
}
@utility slide-in-from-start {
  &:dir(ltr) {
    --tw-enter-translate-x:-100%
  }
  &:dir(rtl) {
    --tw-enter-translate-x:100%
  }
}
@utility slide-in-from-start-* {
  &:where(:dir(ltr),[dir=ltr],[dir=ltr]*) {
    --tw-enter-translate-x:calc(--value(integer)*var(--spacing)*-1);
    --tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);
    --tw-enter-translate-x:calc(--value(ratio)*-100%);
    --tw-enter-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)
  }
  &:where(:dir(rtl),[dir=rtl],[dir=rtl]*) {
    --tw-enter-translate-x:calc(--value(integer)*var(--spacing));
    --tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);
    --tw-enter-translate-x:calc(--value(ratio)*100%);
    --tw-enter-translate-x:--value(--translate-*,[percentage],[length])
  }
}
@utility slide-in-from-end {
  &:dir(ltr) {
    --tw-enter-translate-x:100%
  }
  &:dir(rtl) {
    --tw-enter-translate-x:-100%
  }
}
@utility slide-in-from-end-* {
  &:where(:dir(ltr),[dir=ltr],[dir=ltr]*) {
    --tw-enter-translate-x:calc(--value(integer)*var(--spacing));
    --tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);
    --tw-enter-translate-x:calc(--value(ratio)*100%);
    --tw-enter-translate-x:--value(--translate-*,[percentage],[length])
  }
  &:where(:dir(rtl),[dir=rtl],[dir=rtl]*) {
    --tw-enter-translate-x:calc(--value(integer)*var(--spacing)*-1);
    --tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);
    --tw-enter-translate-x:calc(--value(ratio)*-100%);
    --tw-enter-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)
  }
}
@utility slide-out-to-top {
  --tw-exit-translate-y:-100%
}
@utility slide-out-to-top-* {
  --tw-exit-translate-y:calc(--value(integer)*var(--spacing)*-1);
  --tw-exit-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*-100%);
  --tw-exit-translate-y:calc(--value(ratio)*-100%);
  --tw-exit-translate-y:calc(--value(--translate-*,[percentage],[length])*-1)
}
@utility slide-out-to-bottom {
  --tw-exit-translate-y:100%
}
@utility slide-out-to-bottom-* {
  --tw-exit-translate-y:calc(--value(integer)*var(--spacing));
  --tw-exit-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*100%);
  --tw-exit-translate-y:calc(--value(ratio)*100%);
  --tw-exit-translate-y:--value(--translate-*,[percentage],[length])
}
@utility slide-out-to-left {
  --tw-exit-translate-x:-100%
}
@utility slide-out-to-left-* {
  --tw-exit-translate-x:calc(--value(integer)*var(--spacing)*-1);
  --tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);
  --tw-exit-translate-x:calc(--value(ratio)*-100%);
  --tw-exit-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)
}
@utility slide-out-to-right {
  --tw-exit-translate-x:100%
}
@utility slide-out-to-right-* {
  --tw-exit-translate-x:calc(--value(integer)*var(--spacing));
  --tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);
  --tw-exit-translate-x:calc(--value(ratio)*100%);
  --tw-exit-translate-x:--value(--translate-*,[percentage],[length])
}
@utility slide-out-to-start {
  &:dir(ltr) {
    --tw-exit-translate-x:-100%
  }
  &:dir(rtl) {
    --tw-exit-translate-x:100%
  }
}
@utility slide-out-to-start-* {
  &:where(:dir(ltr),[dir=ltr],[dir=ltr]*) {
    --tw-exit-translate-x:calc(--value(integer)*var(--spacing)*-1);
    --tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);
    --tw-exit-translate-x:calc(--value(ratio)*-100%);
    --tw-exit-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)
  }
  &:where(:dir(rtl),[dir=rtl],[dir=rtl]*) {
    --tw-exit-translate-x:calc(--value(integer)*var(--spacing));
    --tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);
    --tw-exit-translate-x:calc(--value(ratio)*100%);
    --tw-exit-translate-x:--value(--translate-*,[percentage],[length])
  }
}
@utility slide-out-to-end {
  &:dir(ltr) {
    --tw-exit-translate-x:100%
  }
  &:dir(rtl) {
    --tw-exit-translate-x:-100%
  }
}
@utility slide-out-to-end-* {
  &:where(:dir(ltr),[dir=ltr],[dir=ltr]*) {
    --tw-exit-translate-x:calc(--value(integer)*var(--spacing));
    --tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);
    --tw-exit-translate-x:calc(--value(ratio)*100%);
    --tw-exit-translate-x:--value(--translate-*,[percentage],[length])
  }
  &:where(:dir(rtl),[dir=rtl],[dir=rtl]*) {
    --tw-exit-translate-x:calc(--value(integer)*var(--spacing)*-1);
    --tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);
    --tw-exit-translate-x:calc(--value(ratio)*-100%);
    --tw-exit-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)
  }
}
@custom-variant dark (&:is(.dark *));
.fixedScrollbar,html {
  scrollbar-gutter:stable
}
.lh1 {
  line-height:1
}
#frame {
  position:fixed;
  top:18px;
  left:18px;
  right:18px;
  bottom:18px;
  width:auto;
  height:auto;
  z-index:900;
  border-radius:64px;
  outline:96px solid var(--token-c1wlLZHFCHpZ)
}
#frame,.goThrough {
  pointer-events:none
}
.goThrough {
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.maskGradientBottomFade {
  -webkit-mask-image:linear-gradient(#000 20%,rgba(0,0,0,.6) 65%,transparent);
  mask-image:linear-gradient(#000 20%,rgba(0,0,0,.6) 65%,transparent)
}
.maskGradientBottomFadeAndBlur:before {
  -webkit-mask-image:linear-gradient(transparent,rgba(0,0,0,.6) 45%,#000 80%);
  mask-image:linear-gradient(transparent,rgba(0,0,0,.6) 45%,#000 80%);
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  z-index:2
}
.maskGradientBottomFadeAndBlur {
  -webkit-mask-image:linear-gradient(transparent,rgba(0,0,0,.6) 25%,#000 80%);
  mask-image:linear-gradient(transparent,rgba(0,0,0,.6) 25%,#000 80%);
  -webkit-mask-image:linear-gradient(#000 20%,rgba(0,0,0,.6) 50%,transparent);
  mask-image:linear-gradient(#000 20%,rgba(0,0,0,.6) 50%,transparent)
}
.maskGradientBottomFade2 {
  -webkit-mask-image:linear-gradient(#000 25%,rgba(0,0,0,.6) 70%,transparent);
  mask-image:linear-gradient(#000 25%,rgba(0,0,0,.6) 70%,transparent)
}
.bgBlend {
  background-blend-mode:color;
  -webkit-background-blend-mode:color;
  -moz-background-blend-mode:color;
  mix-blend-mode:color;
  -webkit-mix-blend-mode:color;
  -moz-mix-blend-mode:color
}
.bgBlendOnly {
  background-blend-mode:luminosity;
  -webkit-background-blend-mode:luminosity;
  -moz-background-blend-mode:luminosity
}
.losDotBef:before {
  content:"";
  width:12px;
  height:12px;
  background-color:var(--xoi-token-primary);
  transform:rotate(45deg)
}
.losDotBef {
  display:flex;
  align-items:center;
  gap:8px
}
.minSpanTxt {
  font-size:var(--token-6MAclREwJwVE);
  color:var(--xoi-token-primary);
  font-weight:500;
  line-height:135%;
  letter-spacing:.03em
}
#noise {
  top:0;
  bottom:0;
  left:0;
  right:0;
  position:fixed;
  width:100%;
  height:100%;
  min-height:100vh;
  z-index:99999;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  pointer-events:none;
  background:url(./xoi/folio/images/noisePng.png) top 50% left 50%/100px 100px repeat;
  background-position:50% 50%;
  opacity:.9;
  mix-blend-mode:soft-light
}
@keyframes rotation {
  0% {
    transform:rotate3d(0,0,0,0deg)
  }
  to {
    transform:rotate(180deg)
  }
}
@keyframes scale {
  0% {
    transform:scale(.5)
  }
  to {
    transform:scale(1.2)
  }
}
@keyframes bgSlideDownUp {
  0% {
    background-position-y:0
  }
  50% {
    background-position-y:35%
  }
  to {
    background-position-y:0
  }
}
@keyframes btnPrimaryShadow {
  0% {
    box-shadow:0 0 0 0 var(--token-p1_572SlkTUn)
  }
  to {
    box-shadow:0 0 16px 4px var(--token-p1_572SlkTUn)
  }
}
.hoverBgSlideAnim:hover .bgSlideAnim {
  animation:bgSlideDownUp 20s ease-in-out 0s infinite alternate none running!important
}
.strikeThrough {
  position:relative;
  display:inline-block
}
.strike-wrap {
  position:relative;
  display:inline-flex;
  align-items:center
}
.strike-text {
  position:relative;
  z-index:1
}
.strike-svg {
  position:absolute;
  inset:0;
  display:block;
  pointer-events:none
}
.strike-svg svg {
  position:absolute;
  top:-.1em;
  left:-2.5%;
  width:105%;
  height:1.2em;
  z-index:2
}
.strike-path {
  stroke-dasharray:var(--strike-path-length);
  stroke-dashoffset:var(--strike-path-length);
  animation:strike-draw .25s ease-in-out 6s forwards
}
@keyframes strike-draw {
  to {
    stroke-dashoffset:0
  }
}
.stepAnimRotate {
  animation:stepAnimRotate 1s steps(3) infinite alternate;
  will-change:transform
}
.stepAnimRotateDelayed {
  animation:stepAnimRotate 1s steps(3) .5s infinite alternate;
  will-change:transform
}
@keyframes stepAnimRotate {
  0% {
    transform:rotate(-5deg)
  }
  to {
    transform:rotate(5deg)
  }
}
.shadowBtnPrimary {
  animation:btnPrimaryShadow 2s ease-in-out 0s infinite alternate none running
}
.shadowBtnPrimaryBGBlendOnly:before {
  animation-delay:15s;
  animation:btnPrimaryShadow 2s ease-in-out 15s infinite alternate none
}
.shadowBtnPrimaryBGBlendOnly:after,.shadowBtnPrimaryBGBlendOnly:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:6px
}
.shadowBtnPrimaryBGBlendOnly:after {
  background-blend-mode:color;
  -webkit-background-blend-mode:color;
  -moz-background-blend-mode:color;
  mix-blend-mode:color;
  -webkit-mix-blend-mode:color;
  -moz-mix-blend-mode:color;
  animation:btnPrimaryShadow 2s ease-in-out 15s infinite alternate none running
}
.shadowAnimBGBlendOnly:after,.shadowAnimBGBlendOnly:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  animation:btnPrimaryShadow 2s ease-in-out 0s infinite alternate none running;
  border-radius:16px
}
.shadowAnimBGBlendOnly:after {
  background-blend-mode:color;
  -webkit-background-blend-mode:color;
  -moz-background-blend-mode:color;
  mix-blend-mode:color;
  -webkit-mix-blend-mode:color;
  -moz-mix-blend-mode:color
}
.shadowAnimBGOnly:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  animation:btnPrimaryShadow 2s ease-in-out 0s infinite alternate none running
}
.rotation {
  animation:rotation 80s linear 0s infinite normal none running
}
.respiration {
  animation:scale 10s ease-in-out 0s infinite alternate none running
}
.underline {
  text-decoration:underline;
  text-decoration-thickness:4px;
  -webkit-text-decoration-color:var(--xoi-token-primary);
  text-decoration-color:var(--xoi-token-primary);
  text-underline-offset:.5em
}
.wunderline {
  text-decoration:underline;
  text-decoration-thickness:2px;
  -webkit-text-decoration-color:var(--xoi-token-secondary);
  text-decoration-color:var(--xoi-token-secondary);
  text-underline-offset:.5em
}
.project{
    z-index : 1 !important;
}

p a :hover,span a :hover {
  text-decoration:underline;
  text-decoration-thickness:2px;
  -webkit-text-decoration-color:var(--xoi-token-primary);
  text-decoration-color:var(--xoi-token-primary);
  text-underline-offset:.25em
}
:root {
  --background:oklch(1 0 0);
  --foreground:oklch(0.145 0 0);
  --radius:0.625rem;
  --card:oklch(1 0 0);
  --card-foreground:oklch(0.145 0 0);
  --popover:oklch(1 0 0);
  --popover-foreground:oklch(0.145 0 0);
  --primary:oklch(0.205 0 0);
  --primary-foreground:oklch(0.985 0 0);
  --secondary:oklch(0.97 0 0);
  --secondary-foreground:oklch(0.205 0 0);
  --muted:oklch(0.97 0 0);
  --muted-foreground:oklch(0.556 0 0);
  --accent:oklch(0.97 0 0);
  --accent-foreground:oklch(0.205 0 0);
  --destructive:oklch(0.577 0.245 27.325);
  --border:oklch(0.922 0 0);
  --input:oklch(0.922 0 0);
  --ring:oklch(0.708 0 0);
  --chart-1:oklch(0.646 0.222 41.116);
  --chart-2:oklch(0.6 0.118 184.704);
  --chart-3:oklch(0.398 0.07 227.392);
  --chart-4:oklch(0.828 0.189 84.429);
  --chart-5:oklch(0.769 0.188 70.08);
  --sidebar:oklch(0.985 0 0);
  --sidebar-foreground:oklch(0.145 0 0);
  --sidebar-primary:oklch(0.205 0 0);
  --sidebar-primary-foreground:oklch(0.985 0 0);
  --sidebar-accent:oklch(0.97 0 0);
  --sidebar-accent-foreground:oklch(0.205 0 0);
  --sidebar-border:oklch(0.922 0 0);
  --sidebar-ring:oklch(0.708 0 0);
  --frames:8;
  --dur:1s
}
@media (prefers-color-scheme:dark) {
  :root {
    --background:#0a0a0a;
    --foreground:#ededed
  }
}
body,html {
  max-width:100vw;
  overflow-x:hidden
}
body {
  color:var(--foreground);
  background:var(--background);
  font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
* {
  box-sizing:border-box;
  padding:0;
  margin:0
}
a {
  color:inherit;
  text-decoration:none
}
@media (prefers-color-scheme:dark) {
  html {
    color-scheme:dark
  }
}
@theme inline {
  --radius-sm:calc(var(--radius) - 4px);
  --radius-md:calc(var(--radius) - 2px);
  --radius-lg:var(--radius);
  --radius-xl:calc(var(--radius) + 4px);
  --radius-2xl:calc(var(--radius) + 8px);
  --radius-3xl:calc(var(--radius) + 12px);
  --radius-4xl:calc(var(--radius) + 16px);
  --color-background:var(--background);
  --color-foreground:var(--foreground);
  --color-card:var(--card);
  --color-card-foreground:var(--card-foreground);
  --color-popover:var(--popover);
  --color-popover-foreground:var(--popover-foreground);
  --color-primary:var(--primary);
  --color-primary-foreground:var(--primary-foreground);
  --color-secondary:var(--secondary);
  --color-secondary-foreground:var(--secondary-foreground);
  --color-muted:var(--muted);
  --color-muted-foreground:var(--muted-foreground);
  --color-accent:var(--accent);
  --color-accent-foreground:var(--accent-foreground);
  --color-destructive:var(--destructive);
  --color-border:var(--border);
  --color-input:var(--input);
  --color-ring:var(--ring);
  --color-chart-1:var(--chart-1);
  --color-chart-2:var(--chart-2);
  --color-chart-3:var(--chart-3);
  --color-chart-4:var(--chart-4);
  --color-chart-5:var(--chart-5);
  --color-sidebar:var(--sidebar);
  --color-sidebar-foreground:var(--sidebar-foreground);
  --color-sidebar-primary:var(--sidebar-primary);
  --color-sidebar-primary-foreground:var(--sidebar-primary-foreground);
  --color-sidebar-accent:var(--sidebar-accent);
  --color-sidebar-accent-foreground:var(--sidebar-accent-foreground);
  --color-sidebar-border:var(--sidebar-border);
  --color-sidebar-ring:var(--sidebar-ring)
}
.dark {
  --background:oklch(0.145 0 0);
  --foreground:oklch(0.985 0 0);
  --card:oklch(0.205 0 0);
  --card-foreground:oklch(0.985 0 0);
  --popover:oklch(0.205 0 0);
  --popover-foreground:oklch(0.985 0 0);
  --primary:oklch(0.922 0 0);
  --primary-foreground:oklch(0.205 0 0);
  --secondary:oklch(0.269 0 0);
  --secondary-foreground:oklch(0.985 0 0);
  --muted:oklch(0.269 0 0);
  --muted-foreground:oklch(0.708 0 0);
  --accent:oklch(0.269 0 0);
  --accent-foreground:oklch(0.985 0 0);
  --destructive:oklch(0.704 0.191 22.216);
  --border:oklch(1 0 0/10%);
  --input:oklch(1 0 0/15%);
  --ring:oklch(0.556 0 0);
  --chart-1:oklch(0.488 0.243 264.376);
  --chart-2:oklch(0.696 0.17 162.48);
  --chart-3:oklch(0.769 0.188 70.08);
  --chart-4:oklch(0.627 0.265 303.9);
  --chart-5:oklch(0.645 0.246 16.439);
  --sidebar:oklch(0.205 0 0);
  --sidebar-foreground:oklch(0.985 0 0);
  --sidebar-primary:oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground:oklch(0.985 0 0);
  --sidebar-accent:oklch(0.269 0 0);
  --sidebar-accent-foreground:oklch(0.985 0 0);
  --sidebar-border:oklch(1 0 0/10%);
  --sidebar-ring:oklch(0.556 0 0)
}
@layer base {
  *,body {
    @apply bg-background text-foreground
  }
}
.circular-text {
  margin:0 auto;
  border-radius:50%;
  width:200px;
  height:200px;
  font-weight:700;
  color:#fff;
  font-weight:900;
  text-align:center;
  cursor:pointer;
  transform-origin:50% 50%;
  -webkit-transform-origin:50% 50%
}
.circular-text span {
  position:absolute;
  display:inline-block;
  left:0;
  right:0;
  top:0;
  bottom:0;
  font-size:var(--circular-text-size,24px);
  transition:all .5s cubic-bezier(0,0,0,1)
}
.logoloop {
  position:relative;
  overflow-x:hidden;
  --logoloop-gap:32px;
  --logoloop-logoHeight:28px;
  --logoloop-fadeColorAuto:#fff;
  --logoloop-fadeSize:clamp(24px,8%,120px)
}
.logoloop--vertical {
  overflow:hidden;
  height:100%;
  display:inline-block
}
.logoloop--scale-hover {
  padding-top:calc(var(--logoloop-logoHeight) * .1);
  padding-bottom:calc(var(--logoloop-logoHeight) * .1)
}
@media (prefers-color-scheme:dark) {
  .logoloop {
    --logoloop-fadeColorAuto:#0b0b0b
  }
}
.logoloop__track {
  display:flex;
  width:max-content;
  will-change:transform;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  position:relative;
  z-index:0
}
.logoloop--vertical .logoloop__track {
  flex-direction:column;
  height:max-content;
  width:100%
}
.logoloop__list {
  display:flex;
  align-items:center
}
.logoloop--vertical .logoloop__list {
  flex-direction:column
}
.logoloop__item {
  flex:0 0 auto;
  margin-right:var(--logoloop-gap);
  font-size:var(--logoloop-logoHeight);
  line-height:1
}
.logoloop--vertical .logoloop__item {
  margin-right:0;
  margin-bottom:var(--logoloop-gap)
}
.logoloop__item:last-child {
  margin-right:var(--logoloop-gap)
}
.logoloop--vertical .logoloop__item:last-child {
  margin-right:0;
  margin-bottom:var(--logoloop-gap)
}
.logoloop__node {
  display:inline-flex;
  align-items:center;
  vertical-align:middle
}
.logoloop__item img {
  height:var(--logoloop-logoHeight);
  width:auto;
  display:block;
  object-fit:contain;
  image-rendering:-webkit-optimize-contrast;
  -webkit-user-drag:none;
  pointer-events:none;
  transition:transform .3s cubic-bezier(.4,0,.2,1)
}
.logoloop--scale-hover .logoloop__item {
  overflow:visible
}
.logoloop--scale-hover .logoloop__item:hover .logoloop__node,.logoloop--scale-hover .logoloop__item:hover img {
  transform:scale(1.2);
  transform-origin:center center
}
.logoloop--scale-hover .logoloop__node {
  transition:transform .3s cubic-bezier(.4,0,.2,1)
}
.logoloop__link {
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  border-radius:4px;
  transition:opacity .2s ease
}
.logoloop__link:hover {
  opacity:.8
}
.logoloop__link:focus-visible {
  outline:2px solid currentColor;
  outline-offset:2px
}
.logoloop--horizontal.logoloop--fade {
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 75%,transparent);
  mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 75%,transparent)
}
.logoloop--vertical.logoloop--fade {
  -webkit-mask-image:linear-gradient(0deg,transparent 0,#000 25%,#000 75%,transparent);
  mask-image:linear-gradient(0deg,transparent 0,#000 25%,#000 75%,transparent)
}
@media (prefers-reduced-motion:reduce) {
  .logoloop__track {
    transform:translateZ(0)!important
  }
  .logoloop__item img,.logoloop__node {
    transition:none!important
  }
}
.curved-loop-jacket {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden
}
.curved-loop-svg {
  user-select:none;
  overflow:visible;
  display:block;
  -moz-user-select:none;
  -webkit-user-select:none;
  font-size:89px;
}
.text-rotate {
  display:flex;
  flex-wrap:wrap;
  white-space:pre-wrap;
  position:relative
}
.text-rotate-sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
.text-rotate-word {
  display:inline-flex
}
.text-rotate-lines {
  display:flex;
  flex-direction:column;
  width:100%
}
.text-rotate-element {
  display:inline-block
}
.text-rotate-space {
  white-space:pre
}
@import url("https://fonts.googleapis.com/css2?family=Inconsolata%3Aital%2Cwght%400%2C400%3B0%2C500%3B0%2C600%3B0%2C700%3B0%2C800&display=swap");
.xoi_xoi_tokens__hk71K {
  --token-p1_572SlkTUn:#ec603b;
  --xoi-token-primary:var(--token-p1_572SlkTUn);
  --token-c1wlLZHFCHpZ:#f8eee1;
  --xoi-token-foreground-100:var(--token-c1wlLZHFCHpZ);
  --token-azzQsoVVnifO:#fff;
  --xoi-token-white:var(--token-azzQsoVVnifO);
  --token-igy-ZrhVcuWB:#201b21;
  --xoi-token-background:var(--token-igy-ZrhVcuWB);
  --token-Uzcygayxny7Y:var(--token-agRXLU9CTdXS);
  --xoi-token-size-32:var(--token-Uzcygayxny7Y);
  --token-YXMndeq-xyh9:var(--token-cezCNaitlfCa);
  --xoi-token-size-8:var(--token-YXMndeq-xyh9);
  --token--dnJ0mWxA1_o:0.25rem;
  --xoi-token-size-4:var(--token--dnJ0mWxA1_o);
  --token-XQxH65O81WGs:var(--token-fagJZWXoZGIb);
  --xoi-token-size-12:var(--token-XQxH65O81WGs);
  --token-i_m4-l4i9oqm:var(--token-VVx2baHA6afB);
  --xoi-token-size-24:var(--token-i_m4-l4i9oqm);
  --token-sGksQrh3vzaS:1.25;
  --xoi-token-line-height-md:var(--token-sGksQrh3vzaS);
  --token-Z-zCgqfYjUqj:var(--token-2W5W6t-n9yYm);
  --xoi-token-size-6:var(--token-Z-zCgqfYjUqj);
  --token-IcgnlFaP3_5m:1;
  --xoi-token-line-height-sm:var(--token-IcgnlFaP3_5m);
  --token-jkdoItscyy0M:1.4;
  --xoi-token-line-height-lg:var(--token-jkdoItscyy0M);
  --token-UXsLocrQTvpk:0.125rem;
  --xoi-token-size-2:var(--token-UXsLocrQTvpk);
  --token-N4LG9NdKxF3a:var(--token-6TzYXVzxRboW);
  --xoi-token-size-10:var(--token-N4LG9NdKxF3a);
  --token-L60XpEGdQsRi:var(--token-2fiT0v9_PZ01);
  --xoi-token-size-20:var(--token-L60XpEGdQsRi);
  --token-6uKeVdq_z7Os:#f8eee1c2;
  --xoi-token-foreground-76:var(--token-6uKeVdq_z7Os);
  --token-agRXLU9CTdXS:2rem;
  --xoi-token-8:var(--token-agRXLU9CTdXS);
  --token-amqu6cq6Zlfj:1rem;
  --xoi-token-4:var(--token-amqu6cq6Zlfj);
  --token-cezCNaitlfCa:0.5rem;
  --xoi-token-2:var(--token-cezCNaitlfCa);
  --token-fagJZWXoZGIb:0.75rem;
  --xoi-token-3:var(--token-fagJZWXoZGIb);
  --token-VVx2baHA6afB:1.5rem;
  --xoi-token-6:var(--token-VVx2baHA6afB);
  --token-2W5W6t-n9yYm:0.375rem;
  --xoi-token-1-5:var(--token-2W5W6t-n9yYm);
  --token-6TzYXVzxRboW:0.625rem;
  --xoi-token-2-5:var(--token-6TzYXVzxRboW);
  --token-2fiT0v9_PZ01:1.25rem;
  --xoi-token-5:var(--token-2fiT0v9_PZ01);
  --token-fxxGBWXqyNrW:#16a34a;
  --xoi-token-green-600:var(--token-fxxGBWXqyNrW);
  --token-h6bz6GcVA-uO:autobahn;
  --xoi-token-title:var(--token-h6bz6GcVA-uO);
  --token-JBDzCEdZPtTP:metropolis;
  --xoi-token-paragraph:var(--token-JBDzCEdZPtTP);
  --token-4gEh_xB1Js-J:victor-pixel;
  --xoi-token-decoration:var(--token-4gEh_xB1Js-J);
  --token-MXsMyHPQEI33:80px;
  --xoi-token-h-1:var(--token-MXsMyHPQEI33);
  --token-7TMF0rCTrq7c:64px;
  --xoi-token-h-2:var(--token-7TMF0rCTrq7c);
  --token-OhnIVTWSIS3F:40px;
  --xoi-token-h-3:var(--token-OhnIVTWSIS3F);
  --token-8kqcaGzCqcv5:32px;
  --xoi-token-h-4:var(--token-8kqcaGzCqcv5);
  --token-AB7ZC13p9x7t:28px;
  --xoi-token-h-5:var(--token-AB7ZC13p9x7t);
  --token-_hcjmBTUTT1x:24px;
  --xoi-token-h-6:var(--token-_hcjmBTUTT1x);
  --token-bscNPbe9Wf-J:18px;
  --xoi-token-18:var(--token-bscNPbe9Wf-J);
  --token-Y68ma5umbwEb:24px;
  --xoi-token-24:var(--token-Y68ma5umbwEb);
  --token-6MAclREwJwVE:12px;
  --xoi-token-12:var(--token-6MAclREwJwVE);
  --token-CLTTQM5W3rdE:14px;
  --xoi-token-14:var(--token-CLTTQM5W3rdE);
  --token-hFBCnhnh1qTA:16px;
  --xoi-token-16:var(--token-hFBCnhnh1qTA);
  --token-wQfr5tvN5FOF:28px;
  --xoi-token-28:var(--token-wQfr5tvN5FOF);
  --token-w2wQH7dC_xuZ:13px;
  --xoi-token-13:var(--token-w2wQH7dC_xuZ);
  --token-enAhcRcAltI7:156%;
  --xoi-token-156:var(--token-enAhcRcAltI7);
  --token-y13fl71RX_i4:140%;
  --xoi-token-140:var(--token-y13fl71RX_i4);
  --token-3eKNko6H1Qo9:116%;
  --xoi-token-116:var(--token-3eKNko6H1Qo9);
  --token-YtEJrqKn22hO:1.5;
  --xoi-token-unnamed-style-token-2:var(--token-YtEJrqKn22hO);
  --token-HB1fNfT4wDDE:16px;
  --xoi-token-size-16:var(--token-HB1fNfT4wDDE);
  --token-oHayluensXwB:125%;
  --xoi-token-125:var(--token-oHayluensXwB);
  --token-Z1XOOWA0S9JQ:20px;
  --xoi-token-20:var(--token-Z1XOOWA0S9JQ);
  --token-GxsnUVMQYyPU:#f8eee180;
  --xoi-token-foreground-50:var(--token-GxsnUVMQYyPU);
  --plsmc-standard-width:800px;
  --plsmc-wide-width:1280px;
  --plsmc-viewport-gap:16px;
  --plsmc-wide-chunk:calc(((var(--plsmc-wide-width) - var(--plsmc-standard-width)) / 2) - var(--plsmc-viewport-gap))
}
@keyframes xoi_rotationkAu00JSBD__UjtB3 {
  0% {
    transform:rotate3d(0,0,0,0deg)
  }
  to {
    transform:rotate(180deg)
  }
}
@keyframes xoi_scaleFromLeftMsNhRnjIfK82__69V1Y {
  0% {
    transform-origin:-100% 0;
    transform:none;
    width:0
  }
  to {
    transform-origin:-100% 0;
    transform:none
  }
}
.xoi_xoi_default_styles__AAYJ8 {
  --mixin-IraApAn4ZGMF_font-family:"metropolis";
  --mixin-IraApAn4ZGMF_font-size:16px;
  --mixin-IraApAn4ZGMF_font-weight:400;
  --mixin-IraApAn4ZGMF_font-style:normal;
  --mixin-IraApAn4ZGMF_text-align:left;
  --mixin-IraApAn4ZGMF_text-transform:none;
  --mixin-IraApAn4ZGMF_line-height:1.5;
  --mixin-IraApAn4ZGMF_letter-spacing:normal;
  --mixin-IraApAn4ZGMF_white-space:pre-wrap;
  --mixin-IraApAn4ZGMF_user-select:text;
  --mixin-IraApAn4ZGMF_text-decoration-line:none;
  --mixin-IraApAn4ZGMF_text-overflow:clip;
  --mixin-IraApAn4ZGMF_color:var(--token-igy-ZrhVcuWB);
  --mixin-7ruOt7wl9fAK_font-weight:700;
  --mixin-7ruOt7wl9fAK_font-size:80px;
  --mixin-7ruOt7wl9fAK_line-height:116%;
  --mixin-7ruOt7wl9fAK_color:var(--token-c1wlLZHFCHpZ);
  --mixin-7ruOt7wl9fAK_font-family:"autobahn";
  --mixin-7ruOt7wl9fAK_text-align:center;
  --mixin-7ruOt7wl9fAK_white-space:pre-wrap;
  --mixin-9IGssmYCnB7f_font-size:80px;
  --mixin-9IGssmYCnB7f_font-weight:700;
  --mixin-9IGssmYCnB7f_line-height:116%;
  --mixin-9IGssmYCnB7f_color:var(--token-c1wlLZHFCHpZ);
  --mixin-9IGssmYCnB7f_font-family:"autobahn";
  --mixin-9IGssmYCnB7f_text-align:center;
  --mixin-9IGssmYCnB7f_white-space:pre-wrap;
  --mixin-SlLseN_kPwoa_color:var(--token-p1_572SlkTUn);
  --mixin-SlLseN_kPwoa_font-family:"metropolis";
  --mixin-SlLseN_kPwoa_text-decoration-line:none;
  --mixin-SlLseN_kPwoa_font-weight:600;
  --mixin-SlLseN_kPwoa_cursor:pointer;
  --mixin-SlLseN_kPwoa_white-space:pre-wrap;
  --mixin-bXZw2-ruyo-9_font-size:64px;
  --mixin-bXZw2-ruyo-9_font-weight:600;
  --mixin-bXZw2-ruyo-9_line-height:116%;
  --mixin-bXZw2-ruyo-9_color:var(--token-c1wlLZHFCHpZ);
  --mixin-bXZw2-ruyo-9_font-family:"autobahn";
  --mixin-bXZw2-ruyo-9_text-align:center;
  --mixin-bXZw2-ruyo-9_white-space:pre-wrap;
  --mixin-9UPCWR5DaHfl_font-size:40px;
  --mixin-9UPCWR5DaHfl_font-weight:600;
  --mixin-9UPCWR5DaHfl_line-height:116%;
  --mixin-9UPCWR5DaHfl_color:var(--token-c1wlLZHFCHpZ);
  --mixin-9UPCWR5DaHfl_font-family:"autobahn";
  --mixin-9UPCWR5DaHfl_white-space:pre-wrap;
  --mixin-NeTX2WePK2_K_background:linear-gradient(#f8f8f8,#f8f8f8);
  --mixin-NeTX2WePK2_K_border-bottom-color:#ddd;
  --mixin-NeTX2WePK2_K_border-bottom-style:solid;
  --mixin-NeTX2WePK2_K_border-bottom-width:1px;
  --mixin-NeTX2WePK2_K_border-left-color:#ddd;
  --mixin-NeTX2WePK2_K_border-left-style:solid;
  --mixin-NeTX2WePK2_K_border-left-width:1px;
  --mixin-NeTX2WePK2_K_border-right-color:#ddd;
  --mixin-NeTX2WePK2_K_border-right-style:solid;
  --mixin-NeTX2WePK2_K_border-right-width:1px;
  --mixin-NeTX2WePK2_K_border-top-color:#ddd;
  --mixin-NeTX2WePK2_K_border-top-style:solid;
  --mixin-NeTX2WePK2_K_border-top-width:1px;
  --mixin-NeTX2WePK2_K_border-bottom-left-radius:3px;
  --mixin-NeTX2WePK2_K_border-bottom-right-radius:3px;
  --mixin-NeTX2WePK2_K_border-top-left-radius:3px;
  --mixin-NeTX2WePK2_K_border-top-right-radius:3px;
  --mixin-NeTX2WePK2_K_font-family:"Inconsolata";
  --mixin-NeTX2WePK2_K_padding-bottom:1px;
  --mixin-NeTX2WePK2_K_padding-left:4px;
  --mixin-NeTX2WePK2_K_padding-right:4px;
  --mixin-NeTX2WePK2_K_padding-top:1px;
  --mixin-NeTX2WePK2_K_white-space:pre-wrap;
  --mixin-OcWvO9xapMhl_border-left-color:#ddd;
  --mixin-OcWvO9xapMhl_border-left-style:solid;
  --mixin-OcWvO9xapMhl_border-left-width:3px;
  --mixin-OcWvO9xapMhl_color:#888;
  --mixin-OcWvO9xapMhl_padding-left:10px;
  --mixin-OcWvO9xapMhl_white-space:pre-wrap;
  --mixin-Cz9HfIkBfrpm_background:linear-gradient(#f8f8f8,#f8f8f8);
  --mixin-Cz9HfIkBfrpm_border-bottom-color:#ddd;
  --mixin-Cz9HfIkBfrpm_border-bottom-style:solid;
  --mixin-Cz9HfIkBfrpm_border-bottom-width:1px;
  --mixin-Cz9HfIkBfrpm_border-left-color:#ddd;
  --mixin-Cz9HfIkBfrpm_border-left-style:solid;
  --mixin-Cz9HfIkBfrpm_border-left-width:1px;
  --mixin-Cz9HfIkBfrpm_border-right-color:#ddd;
  --mixin-Cz9HfIkBfrpm_border-right-style:solid;
  --mixin-Cz9HfIkBfrpm_border-right-width:1px;
  --mixin-Cz9HfIkBfrpm_border-top-color:#ddd;
  --mixin-Cz9HfIkBfrpm_border-top-style:solid;
  --mixin-Cz9HfIkBfrpm_border-top-width:1px;
  --mixin-Cz9HfIkBfrpm_border-bottom-left-radius:3px;
  --mixin-Cz9HfIkBfrpm_border-bottom-right-radius:3px;
  --mixin-Cz9HfIkBfrpm_border-top-left-radius:3px;
  --mixin-Cz9HfIkBfrpm_border-top-right-radius:3px;
  --mixin-Cz9HfIkBfrpm_font-family:"Inconsolata";
  --mixin-Cz9HfIkBfrpm_padding-bottom:3px;
  --mixin-Cz9HfIkBfrpm_padding-left:6px;
  --mixin-Cz9HfIkBfrpm_padding-right:6px;
  --mixin-Cz9HfIkBfrpm_padding-top:3px;
  --mixin-Cz9HfIkBfrpm_white-space:pre-wrap;
  --mixin-GOLADY7Z6dQV_display:flex;
  --mixin-GOLADY7Z6dQV_flex-direction:column;
  --mixin-GOLADY7Z6dQV_align-items:stretch;
  --mixin-GOLADY7Z6dQV_justify-content:flex-start;
  --mixin-GOLADY7Z6dQV_list-style-position:outside;
  --mixin-GOLADY7Z6dQV_padding-left:40px;
  --mixin-GOLADY7Z6dQV_position:relative;
  --mixin-GOLADY7Z6dQV_list-style-type:disc;
  --mixin-GOLADY7Z6dQV_font-family:"metropolis";
  --mixin-GOLADY7Z6dQV_white-space:pre-wrap;
  --mixin-EejS-XCkE9D0_display:flex;
  --mixin-EejS-XCkE9D0_flex-direction:column;
  --mixin-EejS-XCkE9D0_align-items:stretch;
  --mixin-EejS-XCkE9D0_justify-content:flex-start;
  --mixin-EejS-XCkE9D0_list-style-position:outside;
  --mixin-EejS-XCkE9D0_padding-left:40px;
  --mixin-EejS-XCkE9D0_position:relative;
  --mixin-EejS-XCkE9D0_list-style-type:decimal;
  --mixin-EejS-XCkE9D0_white-space:pre-wrap;
  --mixin-VqIkoLKgrh80_font-size:32px;
  --mixin-VqIkoLKgrh80_font-weight:600;
  --mixin-VqIkoLKgrh80_line-height:116%;
  --mixin-VqIkoLKgrh80_color:var(--token-c1wlLZHFCHpZ);
  --mixin-VqIkoLKgrh80_font-family:"autobahn";
  --mixin-VqIkoLKgrh80_white-space:pre-wrap;
  --mixin-y_lGESLTMShP_font-size:16px;
  --mixin-y_lGESLTMShP_font-weight:600;
  --mixin-y_lGESLTMShP_line-height:1.5;
  --mixin-y_lGESLTMShP_white-space:pre-wrap;
  --mixin-ZtXqeqmRjG8a_color:#3291ff;
  --mixin-ZtXqeqmRjG8a_white-space:pre-wrap;
  --mixin-sN5f-RRbdRd-_font-family:"metropolis";
  --mixin-sN5f-RRbdRd-_white-space:pre-wrap;
  --mixin-nc-_5oVd7zuV_font-family:"metropolis";
  --mixin-nc-_5oVd7zuV_white-space:pre-wrap
}
.xoi_xoi_mixins__CybEG {
  --mixin-2LjMnTMY1bHh_white-space:pre-wrap;
  --xoi-mixin-bckg_white-space:var(--mixin-2LjMnTMY1bHh_white-space);
  --mixin-DmPO61ZOW4D4_white-space:pre-wrap;
  --xoi-mixin-transparent-bg_white-space:var( --mixin-DmPO61ZOW4D4_white-space );
  --mixin-q8DvEXzzbEg5_white-space:pre-wrap;
  --xoi-mixin-interletter-4_white-space:var( --mixin-q8DvEXzzbEg5_white-space );
  --mixin-AhEsHdEwxpjR_white-space:pre-wrap;
  --xoi-mixin-interletter-14_white-space:var( --mixin-AhEsHdEwxpjR_white-space );
  --mixin-u_SfCjslyTDw_white-space:pre-wrap;
  --xoi-mixin-interletter-3_white-space:var( --mixin-u_SfCjslyTDw_white-space );
  --mixin-ZFul_RVPBo6Q_white-space:pre-wrap;
  --xoi-mixin-interletter-8_white-space:var( --mixin-ZFul_RVPBo6Q_white-space )
}
:where(.xoi_all___37Db) {
  display:block;
  white-space:inherit;
  grid-row:auto;
  grid-column:auto;
  position:relative;
  background:none;
  background-size:100% 100%;
  background-repeat:no-repeat;
  row-gap:0;
  column-gap:0;
  box-shadow:none;
  box-sizing:border-box;
  -webkit-text-decoration-line:none;
  text-decoration-line:none;
  margin:0;
  border-width:0
}
:where(.xoi___wab_expr_html_text__6UVDi *) {
  white-space:inherit;
  grid-row:auto;
  grid-column:auto;
  background:none;
  background-size:100% 100%;
  background-repeat:no-repeat;
  row-gap:0;
  column-gap:0;
  box-shadow:none;
  box-sizing:border-box;
  margin:0;
  border-width:0
}
:where(.xoi_img__vJiy5) {
  display:inline-block
}
:where(.xoi___wab_expr_html_text__6UVDi img) {
  white-space:inherit
}
:where(.xoi_li__6_lE5) {
  display:list-item
}
:where(.xoi___wab_expr_html_text__6UVDi li) {
  white-space:inherit
}
:where(.xoi_span__IRjfw) {
  display:inline;
  position:static;
  font-family:inherit;
  line-height:inherit;
  font-size:inherit;
  font-style:inherit;
  font-weight:inherit;
  color:inherit;
  text-transform:inherit
}
:where(.xoi___wab_expr_html_text__6UVDi span) {
  white-space:inherit;
  font-family:inherit;
  line-height:inherit;
  font-size:inherit;
  font-style:inherit;
  font-weight:inherit;
  color:inherit;
  text-transform:inherit
}
:where(.xoi_input__uZ0mu) {
  font-family:inherit;
  line-height:inherit;
  font-size:inherit;
  font-style:inherit;
  font-weight:inherit;
  color:inherit;
  text-transform:inherit;
  background-image:linear-gradient(#fff,#fff);
  padding:2px;
  border:1px solid #d3d3d3
}
:where(.xoi___wab_expr_html_text__6UVDi input) {
  white-space:inherit;
  font-family:inherit;
  line-height:inherit;
  font-size:inherit;
  font-style:inherit;
  font-weight:inherit;
  color:inherit;
  text-transform:inherit;
  background-image:linear-gradient(#fff,#fff);
  padding:2px;
  border:1px solid #d3d3d3
}
:where(.xoi_textarea__mhwHf) {
  font-family:inherit;
  line-height:inherit;
  font-size:inherit;
  font-style:inherit;
  font-weight:inherit;
  color:inherit;
  text-transform:inherit;
  padding:2px;
  border:1px solid #d3d3d3
}
:where(.xoi___wab_expr_html_text__6UVDi textarea) {
  white-space:inherit;
  font-family:inherit;
  line-height:inherit;
  font-size:inherit;
  font-style:inherit;
  font-weight:inherit;
  color:inherit;
  text-transform:inherit;
  padding:2px;
  border:1px solid #d3d3d3
}
:where(.xoi_button__fighw) {
  font-family:inherit;
  line-height:inherit;
  font-size:inherit;
  font-style:inherit;
  font-weight:inherit;
  color:inherit;
  text-transform:inherit;
  background-image:none;
  align-items:flex-start;
  text-align:center;
  padding:2px 6px;
  border:1px solid #d3d3d3
}
:where(.xoi___wab_expr_html_text__6UVDi button) {
  white-space:inherit;
  font-family:inherit;
  line-height:inherit;
  font-size:inherit;
  font-style:inherit;
  font-weight:inherit;
  color:inherit;
  text-transform:inherit;
  background-image:none;
  align-items:flex-start;
  text-align:center;
  padding:2px 6px;
  border:1px solid #d3d3d3
}
:where(.xoi_code__dqX_O) {
  font-family:inherit;
  line-height:inherit
}
:where(.xoi___wab_expr_html_text__6UVDi code) {
  white-space:inherit;
  font-family:inherit;
  line-height:inherit
}
:where(.xoi_pre__RmKzq) {
  font-family:inherit;
  line-height:inherit
}
:where(.xoi___wab_expr_html_text__6UVDi pre) {
  white-space:inherit;
  font-family:inherit;
  line-height:inherit
}
:where(.xoi_p__aZesT) {
  font-family:inherit;
  line-height:inherit;
  font-size:inherit;
  font-style:inherit;
  font-weight:inherit;
  color:inherit;
  text-transform:inherit
}
:where(.xoi___wab_expr_html_text__6UVDi p) {
  white-space:inherit;
  font-family:inherit;
  line-height:inherit;
  font-size:inherit;
  font-style:inherit;
  font-weight:inherit;
  color:inherit;
  text-transform:inherit
}
:where(.xoi_i__EiC0x) {
  font-family:inherit;
  line-height:inherit;
  font-size:inherit;
  font-weight:inherit;
  color:inherit;
  text-transform:inherit
}
:where(.xoi___wab_expr_html_text__6UVDi i) {
  white-space:inherit;
  font-family:inherit;
  line-height:inherit;
  font-size:inherit;
  font-weight:inherit;
  color:inherit;
  text-transform:inherit
}
:where(.xoi_em__sZbgl) {
  font-family:inherit;
  line-height:inherit;
  font-size:inherit;
  font-weight:inherit;
  color:inherit;
  text-transform:inherit
}
:where(.xoi___wab_expr_html_text__6UVDi em) {
  white-space:inherit;
  font-family:inherit;
  line-height:inherit;
  font-size:inherit;
  font-weight:inherit;
  color:inherit;
  text-transform:inherit
}
:where(.xoi_strong__32up1) {
  font-family:inherit;
  line-height:inherit;
  font-size:inherit;
  color:inherit;
  text-transform:inherit
}
:where(.xoi___wab_expr_html_text__6UVDi strong) {
  white-space:inherit;
  font-family:inherit;
  line-height:inherit;
  font-size:inherit;
  color:inherit;
  text-transform:inherit
}
:where(.xoi_h1__K0c2U) {
  font-size:inherit;
  font-weight:inherit
}
:where(.xoi___wab_expr_html_text__6UVDi h1) {
  white-space:inherit;
  font-size:inherit;
  font-weight:inherit
}
:where(.xoi_h2__JuRIc) {
  font-size:inherit;
  font-weight:inherit
}
:where(.xoi___wab_expr_html_text__6UVDi h2) {
  white-space:inherit;
  font-size:inherit;
  font-weight:inherit
}
:where(.xoi_h3__jKcb4) {
  font-size:inherit;
  font-weight:inherit
}
:where(.xoi___wab_expr_html_text__6UVDi h3) {
  white-space:inherit;
  font-size:inherit;
  font-weight:inherit
}
:where(.xoi_h4___gyEy) {
  font-size:inherit;
  font-weight:inherit
}
:where(.xoi___wab_expr_html_text__6UVDi h4) {
  white-space:inherit;
  font-size:inherit;
  font-weight:inherit
}
:where(.xoi_h5__x_ujq) {
  font-size:inherit;
  font-weight:inherit
}
:where(.xoi___wab_expr_html_text__6UVDi h5) {
  white-space:inherit;
  font-size:inherit;
  font-weight:inherit
}
:where(.xoi_h6__cAcnK) {
  font-size:inherit;
  font-weight:inherit
}
:where(.xoi___wab_expr_html_text__6UVDi h6) {
  white-space:inherit;
  font-size:inherit;
  font-weight:inherit
}
:where(.xoi_address__2puqz) {
  font-style:inherit
}
:where(.xoi___wab_expr_html_text__6UVDi address) {
  white-space:inherit;
  font-style:inherit
}
:where(.xoi_a__pge_R) {
  color:inherit
}
:where(.xoi___wab_expr_html_text__6UVDi a) {
  white-space:inherit;
  color:inherit
}
:where(.xoi_ol__zThrB) {
  list-style-type:none;
  padding:0
}
:where(.xoi___wab_expr_html_text__6UVDi ol) {
  white-space:inherit;
  list-style-type:none;
  padding:0
}
:where(.xoi_ul__hb537) {
  list-style-type:none;
  padding:0
}
:where(.xoi___wab_expr_html_text__6UVDi ul) {
  white-space:inherit;
  list-style-type:none;
  padding:0
}
:where(.xoi_select__iXh9h) {
  padding:2px 6px
}
:where(.xoi___wab_expr_html_text__6UVDi select) {
  white-space:inherit;
  padding:2px 6px
}
.xoi_xoi_default__component_wrapper__PbnaK {
  display:grid
}
.xoi_xoi_default__inline__dkJl4 {
  display:inline
}
.xoi_xoi_page_wrapper__hGmNn {
  display:flex;
  width:100%;
  min-height:100vh;
  align-items:stretch;
  align-self:start
}
.xoi_xoi_page_wrapper__hGmNn>* {
  height:auto!important
}
.xoi___wab_expr_html_text__6UVDi {
  white-space:normal
}
:where(.xoi_root_reset__zlIBy) {
  font-family:var(--mixin-IraApAn4ZGMF_font-family);
  font-size:var(--mixin-IraApAn4ZGMF_font-size);
  font-weight:var(--mixin-IraApAn4ZGMF_font-weight);
  font-style:var(--mixin-IraApAn4ZGMF_font-style);
  color:var(--mixin-IraApAn4ZGMF_color);
  text-align:var(--mixin-IraApAn4ZGMF_text-align);
  text-transform:var(--mixin-IraApAn4ZGMF_text-transform);
  line-height:var(--mixin-IraApAn4ZGMF_line-height);
  letter-spacing:var(--mixin-IraApAn4ZGMF_letter-spacing);
  white-space:var(--mixin-IraApAn4ZGMF_white-space)
}
:where(.xoi_root_reset__zlIBy .xoi___wab_expr_html_text__6UVDi) h1,:where(.xoi_root_reset__zlIBy) h1:where(.xoi_h1__K0c2U),:where(.xoi_root_reset_tags__rGNVk) h1,h1:where(.xoi_root_reset__zlIBy.xoi_h1__K0c2U),h1:where(.xoi_root_reset_tags__rGNVk) {
  font-weight:var(--mixin-7ruOt7wl9fAK_font-weight);
  font-size:var(--mixin-7ruOt7wl9fAK_font-size);
  line-height:var(--mixin-7ruOt7wl9fAK_line-height);
  color:var(--mixin-7ruOt7wl9fAK_color);
  font-family:var(--mixin-7ruOt7wl9fAK_font-family);
  text-align:var(--mixin-7ruOt7wl9fAK_text-align)
}
:where(.xoi_root_reset__zlIBy .xoi___wab_expr_html_text__6UVDi) h2,:where(.xoi_root_reset__zlIBy) h2:where(.xoi_h2__JuRIc),:where(.xoi_root_reset_tags__rGNVk) h2,h2:where(.xoi_root_reset__zlIBy.xoi_h2__JuRIc),h2:where(.xoi_root_reset_tags__rGNVk) {
  font-size:var(--mixin-9IGssmYCnB7f_font-size);
  font-weight:var(--mixin-9IGssmYCnB7f_font-weight);
  line-height:var(--mixin-9IGssmYCnB7f_line-height);
  color:var(--mixin-9IGssmYCnB7f_color);
  font-family:var(--mixin-9IGssmYCnB7f_font-family);
  text-align:var(--mixin-9IGssmYCnB7f_text-align)
}
:where(.xoi_root_reset__zlIBy .xoi___wab_expr_html_text__6UVDi) a,:where(.xoi_root_reset__zlIBy) a:where(.xoi_a__pge_R),:where(.xoi_root_reset_tags__rGNVk) a,a:where(.xoi_root_reset__zlIBy.xoi_a__pge_R),a:where(.xoi_root_reset_tags__rGNVk) {
  color:var(--mixin-SlLseN_kPwoa_color);
  font-family:var(--mixin-SlLseN_kPwoa_font-family);
  -webkit-text-decoration-line:var(--mixin-SlLseN_kPwoa_text-decoration-line);
  text-decoration-line:var(--mixin-SlLseN_kPwoa_text-decoration-line);
  font-weight:var(--mixin-SlLseN_kPwoa_font-weight);
  cursor:var(--mixin-SlLseN_kPwoa_cursor)
}
:where(.xoi_root_reset__zlIBy .xoi___wab_expr_html_text__6UVDi) h3,:where(.xoi_root_reset__zlIBy) h3:where(.xoi_h3__jKcb4),:where(.xoi_root_reset_tags__rGNVk) h3,h3:where(.xoi_root_reset__zlIBy.xoi_h3__jKcb4),h3:where(.xoi_root_reset_tags__rGNVk) {
  font-size:var(--mixin-bXZw2-ruyo-9_font-size);
  font-weight:var(--mixin-bXZw2-ruyo-9_font-weight);
  line-height:var(--mixin-bXZw2-ruyo-9_line-height);
  color:var(--mixin-bXZw2-ruyo-9_color);
  font-family:var(--mixin-bXZw2-ruyo-9_font-family);
  text-align:var(--mixin-bXZw2-ruyo-9_text-align)
}
:where(.xoi_root_reset__zlIBy .xoi___wab_expr_html_text__6UVDi) h4,:where(.xoi_root_reset__zlIBy) h4:where(.xoi_h4___gyEy),:where(.xoi_root_reset_tags__rGNVk) h4,h4:where(.xoi_root_reset__zlIBy.xoi_h4___gyEy),h4:where(.xoi_root_reset_tags__rGNVk) {
  font-size:var(--mixin-9UPCWR5DaHfl_font-size);
  font-weight:var(--mixin-9UPCWR5DaHfl_font-weight);
  line-height:var(--mixin-9UPCWR5DaHfl_line-height);
  color:var(--mixin-9UPCWR5DaHfl_color);
  font-family:var(--mixin-9UPCWR5DaHfl_font-family)
}
:where(.xoi_root_reset__zlIBy .xoi___wab_expr_html_text__6UVDi) code,:where(.xoi_root_reset__zlIBy) code:where(.xoi_code__dqX_O),:where(.xoi_root_reset_tags__rGNVk) code,code:where(.xoi_root_reset__zlIBy.xoi_code__dqX_O),code:where(.xoi_root_reset_tags__rGNVk) {
  background:#f8f8f8;
  font-family:var(--mixin-NeTX2WePK2_K_font-family);
  border-radius:var(--mixin-NeTX2WePK2_K_border-top-left-radius) var(--mixin-NeTX2WePK2_K_border-top-right-radius) var(--mixin-NeTX2WePK2_K_border-bottom-right-radius) var(--mixin-NeTX2WePK2_K_border-bottom-left-radius);
  padding:var(--mixin-NeTX2WePK2_K_padding-top) var(--mixin-NeTX2WePK2_K_padding-right) var(--mixin-NeTX2WePK2_K_padding-bottom) var(--mixin-NeTX2WePK2_K_padding-left);
  border-top:var(--mixin-NeTX2WePK2_K_border-top-width) var(--mixin-NeTX2WePK2_K_border-top-style) var(--mixin-NeTX2WePK2_K_border-top-color);
  border-right:var(--mixin-NeTX2WePK2_K_border-right-width) var(--mixin-NeTX2WePK2_K_border-right-style) var(--mixin-NeTX2WePK2_K_border-right-color);
  border-bottom:var(--mixin-NeTX2WePK2_K_border-bottom-width) var(--mixin-NeTX2WePK2_K_border-bottom-style) var(--mixin-NeTX2WePK2_K_border-bottom-color);
  border-left:var(--mixin-NeTX2WePK2_K_border-left-width) var(--mixin-NeTX2WePK2_K_border-left-style) var(--mixin-NeTX2WePK2_K_border-left-color)
}
:where(.xoi_root_reset__zlIBy .xoi___wab_expr_html_text__6UVDi) blockquote,:where(.xoi_root_reset__zlIBy) blockquote:where(.xoi_blockquote__APjtW),:where(.xoi_root_reset_tags__rGNVk) blockquote,blockquote:where(.xoi_root_reset__zlIBy.xoi_blockquote__APjtW),blockquote:where(.xoi_root_reset_tags__rGNVk) {
  color:var(--mixin-OcWvO9xapMhl_color);
  padding-left:var(--mixin-OcWvO9xapMhl_padding-left);
  border-left:var(--mixin-OcWvO9xapMhl_border-left-width) var(--mixin-OcWvO9xapMhl_border-left-style) var(--mixin-OcWvO9xapMhl_border-left-color)
}
:where(.xoi_root_reset__zlIBy .xoi___wab_expr_html_text__6UVDi) pre,:where(.xoi_root_reset__zlIBy) pre:where(.xoi_pre__RmKzq),:where(.xoi_root_reset_tags__rGNVk) pre,pre:where(.xoi_root_reset__zlIBy.xoi_pre__RmKzq),pre:where(.xoi_root_reset_tags__rGNVk) {
  background:#f8f8f8;
  font-family:var(--mixin-Cz9HfIkBfrpm_font-family);
  border-radius:var(--mixin-Cz9HfIkBfrpm_border-top-left-radius) var(--mixin-Cz9HfIkBfrpm_border-top-right-radius) var(--mixin-Cz9HfIkBfrpm_border-bottom-right-radius) var(--mixin-Cz9HfIkBfrpm_border-bottom-left-radius);
  padding:var(--mixin-Cz9HfIkBfrpm_padding-top) var(--mixin-Cz9HfIkBfrpm_padding-right) var(--mixin-Cz9HfIkBfrpm_padding-bottom) var(--mixin-Cz9HfIkBfrpm_padding-left);
  border-top:var(--mixin-Cz9HfIkBfrpm_border-top-width) var(--mixin-Cz9HfIkBfrpm_border-top-style) var(--mixin-Cz9HfIkBfrpm_border-top-color);
  border-right:var(--mixin-Cz9HfIkBfrpm_border-right-width) var(--mixin-Cz9HfIkBfrpm_border-right-style) var(--mixin-Cz9HfIkBfrpm_border-right-color);
  border-bottom:var(--mixin-Cz9HfIkBfrpm_border-bottom-width) var(--mixin-Cz9HfIkBfrpm_border-bottom-style) var(--mixin-Cz9HfIkBfrpm_border-bottom-color);
  border-left:var(--mixin-Cz9HfIkBfrpm_border-left-width) var(--mixin-Cz9HfIkBfrpm_border-left-style) var(--mixin-Cz9HfIkBfrpm_border-left-color)
}
:where(.xoi_root_reset__zlIBy .xoi___wab_expr_html_text__6UVDi) ul,:where(.xoi_root_reset__zlIBy) ul:where(.xoi_ul__hb537),:where(.xoi_root_reset_tags__rGNVk) ul,ul:where(.xoi_root_reset__zlIBy.xoi_ul__hb537),ul:where(.xoi_root_reset_tags__rGNVk) {
  display:var(--mixin-GOLADY7Z6dQV_display);
  flex-direction:var(--mixin-GOLADY7Z6dQV_flex-direction);
  align-items:var(--mixin-GOLADY7Z6dQV_align-items);
  justify-content:var(--mixin-GOLADY7Z6dQV_justify-content);
  list-style-position:var(--mixin-GOLADY7Z6dQV_list-style-position);
  padding-left:var(--mixin-GOLADY7Z6dQV_padding-left);
  position:var(--mixin-GOLADY7Z6dQV_position);
  list-style-type:var(--mixin-GOLADY7Z6dQV_list-style-type);
  font-family:var(--mixin-GOLADY7Z6dQV_font-family);
  column-gap:var(--mixin-GOLADY7Z6dQV_column-gap)
}
:where(.xoi_root_reset__zlIBy .xoi___wab_expr_html_text__6UVDi) ol,:where(.xoi_root_reset__zlIBy) ol:where(.xoi_ol__zThrB),:where(.xoi_root_reset_tags__rGNVk) ol,ol:where(.xoi_root_reset__zlIBy.xoi_ol__zThrB),ol:where(.xoi_root_reset_tags__rGNVk) {
  display:var(--mixin-EejS-XCkE9D0_display);
  flex-direction:var(--mixin-EejS-XCkE9D0_flex-direction);
  align-items:var(--mixin-EejS-XCkE9D0_align-items);
  justify-content:var(--mixin-EejS-XCkE9D0_justify-content);
  list-style-position:var(--mixin-EejS-XCkE9D0_list-style-position);
  padding-left:var(--mixin-EejS-XCkE9D0_padding-left);
  position:var(--mixin-EejS-XCkE9D0_position);
  list-style-type:var(--mixin-EejS-XCkE9D0_list-style-type);
  column-gap:var(--mixin-EejS-XCkE9D0_column-gap)
}
:where(.xoi_root_reset__zlIBy .xoi___wab_expr_html_text__6UVDi) h5,:where(.xoi_root_reset__zlIBy) h5:where(.xoi_h5__x_ujq),:where(.xoi_root_reset_tags__rGNVk) h5,h5:where(.xoi_root_reset__zlIBy.xoi_h5__x_ujq),h5:where(.xoi_root_reset_tags__rGNVk) {
  font-size:var(--mixin-VqIkoLKgrh80_font-size);
  font-weight:var(--mixin-VqIkoLKgrh80_font-weight);
  line-height:var(--mixin-VqIkoLKgrh80_line-height);
  color:var(--mixin-VqIkoLKgrh80_color);
  font-family:var(--mixin-VqIkoLKgrh80_font-family)
}
:where(.xoi_root_reset__zlIBy .xoi___wab_expr_html_text__6UVDi) h6,:where(.xoi_root_reset__zlIBy) h6:where(.xoi_h6__cAcnK),:where(.xoi_root_reset_tags__rGNVk) h6,h6:where(.xoi_root_reset__zlIBy.xoi_h6__cAcnK),h6:where(.xoi_root_reset_tags__rGNVk) {
  font-size:var(--mixin-y_lGESLTMShP_font-size);
  font-weight:var(--mixin-y_lGESLTMShP_font-weight);
  line-height:var(--mixin-y_lGESLTMShP_line-height)
}
:where(.xoi_root_reset__zlIBy .xoi___wab_expr_html_text__6UVDi) a:hover,:where(.xoi_root_reset__zlIBy) a:where(.xoi_a__pge_R):hover,:where(.xoi_root_reset_tags__rGNVk) a:hover,a:where(.xoi_root_reset__zlIBy.xoi_a__pge_R):hover,a:where(.xoi_root_reset_tags__rGNVk):hover {
  color:var(--mixin-ZtXqeqmRjG8a_color)
}
:where(.xoi_root_reset__zlIBy .xoi___wab_expr_html_text__6UVDi) li,:where(.xoi_root_reset__zlIBy) li:where(.xoi_li__6_lE5),:where(.xoi_root_reset_tags__rGNVk) li,li:where(.xoi_root_reset__zlIBy.xoi_li__6_lE5),li:where(.xoi_root_reset_tags__rGNVk) {
  font-family:var(--mixin-sN5f-RRbdRd-_font-family)
}
:where(.xoi_root_reset__zlIBy .xoi___wab_expr_html_text__6UVDi) p,:where(.xoi_root_reset__zlIBy) p:where(.xoi_p__aZesT),:where(.xoi_root_reset_tags__rGNVk) p,p:where(.xoi_root_reset__zlIBy.xoi_p__aZesT),p:where(.xoi_root_reset_tags__rGNVk) {
  font-family:var(--mixin-nc-_5oVd7zuV_font-family)
}
:where(.__wab_flex-container),:where(.ρfc) {
  display:flex;
  flex:1 1;
  align-self:stretch;
  pointer-events:none
}
:where(.__wab_flex-container>*),:where(.ρfc>*) {
  pointer-events:auto
}
:where(.__wab_slot),:where(.ρs) {
  display:contents
}
:where(.__wab_slot-string-wrapper),:where(.ρsw) {
  position:relative
}
:where(.__wab_passthrough) {
  display:contents
}
:where(.__wab_img-wrapper) {
  position:relative;
  display:inherit;
  flex-direction:column;
  overflow:hidden;
  flex-shrink:0
}
:where(.__wab_slot>.__wab_img-wrapper),:where(.ρs>.__wab_img-wrapper) {
  display:block
}
:where(.__wab_passthrough>.__wab_img-wrapper) {
  display:block
}
:where(.__wab_img-spacer-svg) {
  display:block;
  margin:0;
  border:none;
  padding:0
}
:where(.__wab_img) {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin:0;
  padding:0;
  border:none;
  display:block;
  width:100%;
  min-width:100%;
  max-width:100%;
  min-height:100%;
  max-height:100%;
  box-sizing:border-box
}
:where(.__wab_picture) {
  display:contents
}
.XoiRotatingTexte_root__NJ4H5 {
  display:flex;
  flex-direction:row;
  position:relative;
  height:auto;
  justify-content:center;
  align-items:flex-end;
  flex-wrap:nowrap;
  align-content:flex-end;
  overflow:hidden;
  font-size:var(--token-OhnIVTWSIS3F);
  line-height:var(--token-3eKNko6H1Qo9);
  column-gap:0;
  row-gap:8px
}
.XoiRotatingTexte_span__cHRED {
  animation:none;
  text-align:left;
  white-space:pre;
  -webkit-text-decoration-line:none;
  text-decoration-line:none;
  text-overflow:clip;
  color:var(--token-igy-ZrhVcuWB);
  border-top-left-radius:8px;
  border-bottom-left-radius:8px;
  border-left-width:1px;
  border-top-width:1px;
  border-bottom-width:1px;
  background:var(--token-c1wlLZHFCHpZ);
  padding:4px 8px 4px 12px;
  border-style:solid
}
.XoiRotatingTexte_rotatingText__xn8xh.__wab_instance,.XoiRotatingTexte_span__cHRED {
  height:auto;
  max-width:100%;
  font-weight:700;
  font-family:autobahn;
  font-style:normal;
  text-transform:none;
  line-height:1.5;
  letter-spacing:normal;
  -webkit-user-select:text;
  -moz-user-select:text;
  user-select:text;
  font-size:var(--token-bscNPbe9Wf-J)
}
.XoiRotatingTexte_rotatingText__xn8xh.__wab_instance {
  object-fit:cover;
  color:var(--token-c1wlLZHFCHpZ);
  text-align:center;
  white-space:pre-wrap;
  -webkit-text-decoration-line:none;
  text-decoration-line:none;
  text-overflow:clip;
  background:var(--token-igy-ZrhVcuWB);
  min-width:90px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:0 8px 8px 0;
  padding:4px 12px;
  border:1px solid var(--token-p1_572SlkTUn)
}
.XoiAvatar_root__13vWp {
  display:flex;
  flex-direction:column;
  position:relative;
  width:140px;
  height:140px;
  justify-content:center;
  align-items:center;
  aspect-ratio:1;
  flex-shrink:0
}
.XoiAvatar_star__wtyqU {
  object-fit:cover;
  width:140px;
  height:140px;
  aspect-ratio:1;
  color:var(--token-p1_572SlkTUn);
  position:absolute;
  left:0;
  top:0;
  flex-shrink:0
}
@media (max-width:511px) {
  .XoiAvatar_star__wtyqU {
    left:auto
  }
}
.XoiAvatar_avatar__nrd9D {
  object-fit:cover;
  width:auto;
  height:92px;
  aspect-ratio:1;
  color:var(--token-p1_572SlkTUn);
  align-self:center;
  max-width:100%;
  flex-shrink:0;
  margin:auto
}
.XoiButton_root__6JPxQ {
  display:inline-flex;
  flex-direction:column;
  position:relative;
  width:auto;
  height:auto;
  justify-content:flex-start;
  align-items:center;
  justify-self:flex-start;
  row-gap:16px;
  transition-property:all;
  transition-duration:.25s;
  transition-timing-function:ease-out;
  -webkit-transition-property:all;
  -webkit-transition-timing-function:ease-out;
  -webkit-transition-duration:.25s
}
.XoiButton_root__6JPxQ:hover {
  overflow:visible
}
.XoiButton_frame4__rXcxf {
  position:relative;
  transition-timing-function:ease-out;
  transition-duration:.25s;
  transition-property:all;
  outline-color:var(--token-p1_572SlkTUn);
  outline-style:solid;
  justify-content:center;
  align-items:center;
  column-gap:10px;
  flex-direction:row;
  align-self:stretch;
  display:flex;
  height:auto;
  outline-width:4px;
  -webkit-transition-property:all;
  -webkit-transition-timing-function:ease-out;
  -webkit-transition-duration:.25s;
  border-radius:4px;
  padding:6px
}
.XoiButton_frame4couleur_dark__Sxm6V,.XoiButton_frame4couleur_foreground__FHqL_,.XoiButton_frame4couleur_primary__ras84,.XoiButton_frame4type_secondary__1A6Pz {
  outline-width:0
}
.XoiButton_root__6JPxQ:hover .XoiButton_frame4__rXcxf {
  overflow:visible;
  transform:scale3d(1.05,1.05,1)
}
.XoiButton_root__6JPxQ:focus-within .XoiButton_frame4___focusWithin__focusVisibleWithin__EWpb7 {
  outline-width:4px
}
.XoiButton_roottype_secondary_couleur_dark__A40VH:focus-within .XoiButton_frame4___focusWithin__focusVisibleWithin_type_secondary_couleur_dark__Uw3kV {
  outline:none
}
.XoiButton_rootcouleur_primary_type_secondary__Lt62T:focus-within .XoiButton_frame4___focusWithin__focusVisibleWithin_couleur_primary_type_secondary__MK_GF {
  outline:none
}
.XoiButton_frame1__WDV11 {
  background:var(--token-c1wlLZHFCHpZ);
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:8px;
  align-items:center;
  justify-content:flex-start;
  outline-width:4px;
  border-radius:3px;
  padding:6px 16px
}
.XoiButton_frame1couleur_dark__r6MSE,.XoiButton_frame1couleur_foreground__CFht0,.XoiButton_frame1couleur_primary__f1DJk,.XoiButton_frame1type_secondary__xn8GI {
  background:none
}
.XoiButton_root__6JPxQ:hover .XoiButton_frame1__WDV11 {
  background:var(--token-c1wlLZHFCHpZ);
  box-shadow:none
}
.XoiButton_rootcouleur_primary_type_secondary__Lt62T:hover .XoiButton_frame1couleur_primary_type_secondary__mGiSd {
  background:none
}
.XoiButton_root__6JPxQ:focus-within .XoiButton_frame1___focusWithin__focusVisibleWithin__a5PgT {
  background:none;
  outline:none
}
.XoiButton_text__aly2C__NnF85 {
  white-space:pre;
  flex-shrink:0;
  pointer-events:none;
  letter-spacing:.4px;
  display:block;
  font-size:18px;
  text-align:center;
  font-family:metropolis;
  font-weight:700;
  line-height:var(--token-y13fl71RX_i4);
  color:var(--token-igy-ZrhVcuWB);
  position:relative
}
.XoiButton_textcouleur_primary__aly2CUTvVb__Rn9KP {
  color:var(--token-p1_572SlkTUn)
}
.XoiButton_textcouleur_foreground__aly2CSvAlt__ZWfFh {
  color:var(--token-c1wlLZHFCHpZ)
}
.XoiButton_root__6JPxQ:hover .XoiButton_text__aly2C__NnF85 {
  color:var(--token-igy-ZrhVcuWB)
}
.XoiButton_rootcouleur_primary_type_secondary__Lt62T:hover .XoiButton_textcouleur_primary_type_secondary__aly2CUTvVbJ5MT__G1Pmc {
  color:var(--token-p1_572SlkTUn)
}
.XoiButton_root__6JPxQ:focus-within .XoiButton_text___focusWithin__focusVisibleWithin__aly2C0LvjW__bB8yr {
  outline:none
}
.XoiButton_roottype_secondary_couleur_dark__A40VH:focus-within .XoiButton_text___focusWithin__focusVisibleWithin_type_secondary_couleur_dark__aly2C0LvjWJ5MTYs8Td__gpey6 {
  outline:none
}
.XoiButton_rootcouleur_primary_type_secondary__Lt62T:focus-within .XoiButton_text___focusWithin__focusVisibleWithin_couleur_primary_type_secondary__aly2C0LvjWUTvVbJ5MT__YbsAz {
  outline:none
}
.XoiButton_text___2RWai__aTNZV {
  font-size:12px;
  text-align:center;
  font-family:metropolis;
  font-weight:500;
  letter-spacing:.04em;
  line-height:1.399999976158142;
  color:var(--token-c1wlLZHFCHpZ);
  align-self:stretch;
  position:relative;
  display:none
}
.XoiButton_textcouleur_dark___2RWaiys8Td__VA1qh,.XoiButton_textcouleur_foreground___2RWaiSvAlt__bTacR,.XoiButton_textcouleur_primary___2RWaiUTvVb__CXEE2,.XoiButton_texttype_primary___2RWaitUxJd__QfR4m,.XoiButton_texttype_secondary___2RWaij5MT__lKHGV {
  display:none
}
.XoiButton_textsubline___2RWaiHYywm__X6xxL {
  display:block
}
.XoiLogoTool_root__8x_NT {
  display:flex;
  flex-direction:column;
  position:relative;
  width:64px;
  height:64px;
  justify-content:flex-start;
  align-items:center;
  color:var(--token-c1wlLZHFCHpZ);
  transition-property:all;
  transition-duration:.25s;
  transition-timing-function:ease-in-out;
  -webkit-transition-property:all;
  -webkit-transition-timing-function:ease-in-out;
  -webkit-transition-duration:.25s;
  padding:8px
}
.XoiLogoTool_svg__vrPpC__HOBT_ {
  animation:none;
  width:auto;
  object-fit:cover;
  flex-shrink:1;
  flex-grow:1;
  height:1em
}
.XoiSeparatorTop_root__SEVw_ {
  height:304px;
  justify-content:flex-start
}
.XoiSeparatorTop_freeBox__ry0M3,.XoiSeparatorTop_root__SEVw_ {
  display:flex;
  flex-direction:column;
  position:relative;
  align-items:center;
  width:100%;
  min-width:0
}
.XoiSeparatorTop_freeBox__ry0M3 {
  height:296px;
  max-width:100%;
  align-self:center;
  justify-content:center;
  overflow:hidden;
  flex-shrink:0;
  padding:8px
}
.XoiSeparatorTop_svg__6u_pC {
  object-fit:cover;
  color:var(--token-p1_572SlkTUn);
  height:592px;
  position:relative;
  left:auto;
  top:auto;
  margin-bottom:-712px;
  z-index:2;
  flex-shrink:0
}
.XoiSeparatorTop_frame8__DEZhZ {
  width:820px;
  height:820px;
  display:block;
  position:absolute;
  overflow:hidden;
  background:radial-gradient(ellipse 50% 50% at 50% 50%,var(--token-p1_572SlkTUn) 0,#ea735300 86%) 0 0 /100% 100% no-repeat;
  left:auto;
  top:0;
  right:auto;
  z-index:1;
  flex-shrink:0
}
.XoiSeparatorTop_frame7__JW0Cm {
  width:100%;
  height:8px;
  display:block;
  position:relative;
  overflow:hidden;
  max-width:816px;
  background:var(--token-p1_572SlkTUn);
  min-width:0;
  flex-shrink:0
}
.XoiSeeMore_seeMoreButton__xsTjK {
  animation:none;
  display:inline-flex;
  flex-grow:0;
  width:auto;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  column-gap:16px;
  line-height:1;
  height:auto;
  position:relative;
  padding:24px 28px 24px 0
}
@media (max-width:511px) {
  .XoiSeeMore_seeMoreButton__xsTjK {
    height:auto;
    padding-left:28px;
    padding-right:28px
  }
}
.XoiSeeMore_seeMoreButton__xsTjK:hover {
  flex-grow:0
}
.XoiSeeMore_svg__E739A {
  animation:none;
  object-fit:cover;
  max-width:49px;
  width:49px;
  height:100%;
  flex-shrink:0;
  min-height:0
}
.XoiSeeMore_seeMoreButton__xsTjK:hover .XoiSeeMore_svg__E739A {
  width:49px;
  flex-shrink:0
}
.XoiSeeMore_jaiRienCompris28__jpcv0 {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  white-space:pre;
  cursor:pointer;
  transition-property:all;
  transition-duration:.25s;
  transition-timing-function:ease-in-out;
  -webkit-transition-property:all;
  -webkit-transition-timing-function:ease-in-out;
  -webkit-transition-duration:.25s
}
@media (max-width:511px) {
  .XoiSeeMore_jaiRienCompris28__jpcv0 {
    white-space:pre-wrap;
    text-align:left;
    line-height:var(--token-oHayluensXwB);
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiSeeMore_seeMoreButton__xsTjK:hover .XoiSeeMore_jaiRienCompris28__jpcv0 {
  color:var(--token-c1wlLZHFCHpZ)
}
.XoiSeparatorBottom_root__kuiQG {
  justify-self:flex-start
}
.XoiSeparatorBottom_freeBox___8Un6Q__QvKQ_,.XoiSeparatorBottom_root__kuiQG {
  display:flex;
  flex-direction:column;
  position:relative;
  width:100%;
  height:304px;
  justify-content:flex-start;
  align-items:center;
  min-width:0
}
.XoiSeparatorBottom_freeBox___8Un6Q__QvKQ_ {
  animation:none;
  flex-shrink:0
}
.XoiSeparatorBottom_frame7__Ymamb {
  height:8px;
  display:block;
  max-width:816px;
  background:var(--token-p1_572SlkTUn)
}
.XoiSeparatorBottom_frame7__Ymamb,.XoiSeparatorBottom_freeBox__zOotJ__RWMd8 {
  animation:none;
  width:100%;
  position:relative;
  overflow:hidden;
  min-width:0;
  flex-shrink:0
}
.XoiSeparatorBottom_freeBox__zOotJ__RWMd8 {
  display:flex;
  height:296px;
  max-width:100%;
  align-self:center;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:8px
}
.XoiSeparatorBottom_svg__ZXUSb {
  object-fit:cover;
  color:var(--token-p1_572SlkTUn);
  height:592px;
  position:relative;
  left:auto;
  top:auto;
  z-index:2;
  margin-top:-712px;
  flex-shrink:0
}
.XoiSeparatorBottom_frame8__1CaX_ {
  animation:none;
  width:820px;
  height:820px;
  display:block;
  position:absolute;
  overflow:hidden;
  background:radial-gradient(ellipse 50% 50% at 50% 50%,var(--token-p1_572SlkTUn) 0,#ea735300 86%) 0 0 /100% 100% no-repeat;
  left:auto;
  top:auto;
  right:auto;
  z-index:1;
  bottom:0;
  flex-shrink:0
}
.XoiTrustBadge_root__kbwPW {
  display:flex;
  flex-direction:column;
  position:relative;
  width:152px;
  height:152px;
  justify-content:center;
  align-items:center;
  justify-self:flex-start;
  overflow:hidden;
  flex-shrink:0
}
.XoiTrustBadge_svg__mdNUT {
  object-fit:cover;
  height:84px;
  color:var(--token-p1_572SlkTUn);
  flex-shrink:0
}
.XoiTrustBadge_circularText__2CN8Y.__wab_instance {
  animation:none;
  object-fit:cover;
  position:absolute;
  left:0;
  top:0;
  color:var(--token-p1_572SlkTUn);
  font-family:metropolis;
  font-weight:800;
  text-transform:uppercase;
  height:100%;
  width:100%;
  min-width:0;
  min-height:0
}
.XoiFakeFeedback_root__JZogJ {
  position:relative;
  justify-content:flex-start
}
.XoiFakeFeedback_folio__rxp5_,.XoiFakeFeedback_root__JZogJ {
  display:flex;
  flex-direction:column;
  width:100%;
  height:auto;
  align-items:center;
  min-width:0
}
.XoiFakeFeedback_folio__rxp5_ {
  row-gap:48px;
  justify-content:center;
  min-height:1080px;
  padding:64px 32px
}
@media (max-width:511px) {
  .XoiFakeFeedback_folio__rxp5_ {
    row-gap:32px;
    column-gap:0
  }
}
.XoiFakeFeedback_trustBadge___dK6P.__wab_instance {
  max-width:100%;
  flex-shrink:0
}
.XoiFakeFeedback_head__wjjJ_ {
  row-gap:116px
}
.XoiFakeFeedback_frame15__u_4fk,.XoiFakeFeedback_head__wjjJ_ {
  height:auto;
  display:flex;
  position:relative;
  align-self:stretch;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-width:0
}
.XoiFakeFeedback_frame15__u_4fk {
  row-gap:64px
}
.XoiFakeFeedback_commentaire___lk_2 {
  height:auto;
  display:flex;
  position:relative;
  align-self:stretch;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start
}
.XoiFakeFeedback_h2__LybwG {
  display:block;
  align-self:stretch;
  position:relative;
  white-space:pre-wrap
}
@media (max-width:511px) {
  .XoiFakeFeedback_h2__LybwG {
    font-size:48px
  }
}
.XoiFakeFeedback_auteur__lcor_ {
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  overflow:hidden;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:18px 24px
}
.XoiFakeFeedback_span__gBNy4___Mi5s {
  white-space:pre-wrap;
  flex-shrink:0;
  pointer-events:none;
  letter-spacing:.4px;
  display:block;
  font-size:var(--token-bscNPbe9Wf-J);
  text-align:center;
  font-weight:700;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  line-height:var(--token-y13fl71RX_i4);
  -webkit-user-select:text;
  -moz-user-select:text;
  user-select:text
}
@media (max-width:511px) {
  .XoiFakeFeedback_span__gBNy4___Mi5s {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiFakeFeedback_note__unI8n {
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:16px;
  align-items:stretch;
  justify-content:center;
  flex-wrap:wrap
}
.XoiFakeFeedback_span__mt08H___XBwx {
  white-space:pre-wrap;
  flex-shrink:0;
  pointer-events:none;
  letter-spacing:.8px;
  display:block;
  font-size:var(--token-CLTTQM5W3rdE);
  font-weight:700;
  line-height:var(--token-y13fl71RX_i4);
  position:relative;
  color:var(--token-c1wlLZHFCHpZ)
}
@media (max-width:511px) {
  .XoiFakeFeedback_span__mt08H___XBwx {
    font-size:var(--token-6MAclREwJwVE)
  }
}
.XoiFakeFeedback_span___2SgTr__wpgHJ {
  white-space:pre-wrap;
  flex-shrink:0;
  pointer-events:none;
  letter-spacing:.8px;
  display:block;
  font-size:var(--token-CLTTQM5W3rdE);
  font-weight:700;
  line-height:var(--token-y13fl71RX_i4);
  position:relative;
  color:var(--token-c1wlLZHFCHpZ)
}
@media (max-width:511px) {
  .XoiFakeFeedback_span___2SgTr__wpgHJ {
    font-size:var(--token-6MAclREwJwVE)
  }
}
.XoiFakeFeedback_separation__Tb8Gj {
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  padding-left:18px;
  padding-right:18px
}
.XoiFakeFeedback_frame36__me94v {
  background:var(--token-p1_572SlkTUn);
  width:32px;
  height:3px;
  display:block;
  position:relative;
  overflow:hidden;
  flex-shrink:0
}
.XoiFakeFeedback_svg__e3cG_ {
  object-fit:cover;
  max-width:100%;
  color:var(--token-p1_572SlkTUn);
  width:32px;
  height:56px;
  display:block;
  position:relative;
  flex-shrink:0
}
.XoiFakeFeedback_frame37__wd2yc {
  background:var(--token-p1_572SlkTUn);
  width:32px;
  height:3px;
  display:block;
  position:relative;
  overflow:hidden;
  flex-shrink:0
}
.XoiFakeFeedback_content__tvPkV {
  flex-direction:row;
  column-gap:16px;
  justify-content:center;
  padding-top:16px;
  padding-bottom:16px
}
.XoiFakeFeedback_auteur2__b2bom,.XoiFakeFeedback_content__tvPkV {
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  align-items:center
}
.XoiFakeFeedback_auteur2__b2bom {
  overflow:hidden;
  flex-direction:column;
  justify-content:flex-start;
  padding-left:24px;
  padding-right:24px;
  max-width:596px
}
.XoiFakeFeedback_p__S3wVr {
  display:block;
  font-size:var(--token-bscNPbe9Wf-J);
  line-height:var(--token-y13fl71RX_i4);
  position:relative;
  font-weight:700;
  color:var(--token-c1wlLZHFCHpZ);
  width:100%;
  letter-spacing:.04em;
  min-width:0
}
@media (max-width:511px) {
  .XoiFakeFeedback_p__S3wVr {
    font-size:var(--token-hFBCnhnh1qTA);
    text-align:justify
  }
}
.XoiFakeFeedback_span__c2Sed__S4V8s,.XoiFakeFeedback_span__iyHlr__6qN2V,.XoiFakeFeedback_span__nWEn__vdUlP {
  font-weight:600;
  color:var(--token-p1_572SlkTUn)
}
.XoiHomepage2_root__XvAnD {
  background:url(./xoi/folio/images/bckgDarkerPng.png) top 0 left 0/198px 198px repeat fixed;
  display:grid;
  position:relative;
  width:100%;
  height:100%;
  align-content:flex-start;
  justify-items:center;
  min-width:0;
  min-height:0;
  grid-template-columns:var(--plsmc-viewport-gap) 1fr minmax(0,var(--plsmc-wide-chunk)) min(var(--plsmc-standard-width),calc(100% - var(--plsmc-viewport-gap) - var(--plsmc-viewport-gap))) minmax(0,var(--plsmc-wide-chunk)) 1fr var(--plsmc-viewport-gap)
}
.XoiHomepage2_root__XvAnD>* {
  grid-column:4
}
@media (max-width:511px) {
  .XoiHomepage2_root__XvAnD>* {
    grid-column:4
  }
}
.XoiHomepage2_rotatingTexte__xtr1S__FiZ41.__wab_instance {
  max-width:100%;
  position:fixed;
  left:64px;
  top:48px;
  z-index:10 !important;
  right:auto
}
.XoiHomepage2_freeBox__dw6W2__nlK1v {
  display:flex;
  flex-direction:column;
  position:relative;
  width:100%;
  max-width:100%;
  justify-content:center;
  align-items:center;
  row-gap:24px;
  background:none;
  min-height:100vh;
  grid-column-start:1!important;
  grid-column-end:-1!important;
  padding:88px 32px;
  margin:auto
}
.XoiHomepage2_freeBox__zst92__Qf4Ao {
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:center;
  justify-content:center;
  column-gap:16px
}
@media (max-width:511px) {
  .XoiHomepage2_freeBox__zst92__Qf4Ao {
    max-width:208px
  }
}
.XoiHomepage2_avatar__BOawc.__wab_instance {
  max-width:100%;
  flex-shrink:0
}
@media (max-width:511px) {
  .XoiHomepage2_avatar__BOawc.__wab_instance {
    width:auto;
    max-width:60%
  }
}
.XoiHomepage2_svg__kl9Ht__E90wI {
  object-fit:cover;
  color:var(--token-c1wlLZHFCHpZ);
  height:72px
}
.XoiHomepage2_freeBox___1NQuT__bBIsG {
  justify-content:center;
  row-gap:48px
}
.XoiHomepage2_freeBox___1NQuT__bBIsG,.XoiHomepage2_freeBox__zcDts__8S3LC {
  display:flex;
  flex-direction:column;
  position:relative;
  width:auto;
  height:auto;
  max-width:100%;
  align-items:center
}
.XoiHomepage2_freeBox__zcDts__8S3LC {
  justify-content:flex-start;
  row-gap:24px;
  left:auto;
  top:auto
}
.XoiHomepage2_h1__NRh_a {
  width:100%;
  height:auto;
  max-width:720px;
  min-width:0
}
@media (max-width:511px) {
  .XoiHomepage2_h1__NRh_a {
    font-size:48px
  }
}
.XoiHomepage2_text__aZtIo__F44QT {
  position:relative;
  width:100%;
  height:auto;
  max-width:100%;
  color:var(--token-c1wlLZHFCHpZ);
  text-align:center;
  font-size:var(--token-bscNPbe9Wf-J);
  line-height:var(--token-3eKNko6H1Qo9);
  letter-spacing:.14em;
  min-width:0
}
@media (max-width:511px) {
  .XoiHomepage2_text__aZtIo__F44QT {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_animatedJackLeft__ON4Vi {
  display:flex;
  position:absolute;
  top:auto;
  left:-48px;
  bottom:0;
  right:auto;
  height:128px;
  width:64px;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  flex-shrink:0
}
.XoiHomepage2_svg__y6XjG__sNmfV {
  object-fit:cover;
  height:42px;
  transform:rotate(80deg);
  width:122px;
  position:relative;
  flex-shrink:0;
  margin:auto
}
@media (max-width:511px) {
  .XoiHomepage2_svg__y6XjG__sNmfV {
    display:none
  }
}
.XoiHomepage2_animatedJackRight__VcpiW {
  display:flex;
  flex-direction:row;
  position:absolute;
  align-items:center;
  justify-content:center;
  top:auto;
  left:auto;
  bottom:14px;
  right:-56px;
  height:128px;
  width:64px;
  flex-shrink:0
}
.XoiHomepage2_svg__y8YHs__ZilCD {
  object-fit:cover;
  height:42px;
  transform:rotate3d(0,0,-1,80deg);
  width:128px;
  position:relative;
  flex-shrink:0;
  margin:auto
}
@media (max-width:511px) {
  .XoiHomepage2_svg__y8YHs__ZilCD {
    display:none
  }
}
.XoiHomepage2_freeBox__z4Lgj__dAkZw {
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:center;
  width:100%;
  height:auto;
  max-width:100%;
  column-gap:16px;
  flex-wrap:wrap;
  row-gap:16px;
  min-width:0;
  padding:8px
}
.XoiHomepage2_button__gxXc9__OAuDS.__wab_instance,.XoiHomepage2_button__oyld__7eIHS.__wab_instance {
  max-width:100%
}
.XoiHomepage2_freeBox__bP3Pf__l9m0Y {
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:center;
  width:auto;
  height:auto;
  max-width:100%;
  padding-top:24px;
  column-gap:24px;
  flex-wrap:wrap
}
@media (max-width:511px) {
  .XoiHomepage2_freeBox__bP3Pf__l9m0Y {
    row-gap:8px;
    column-gap:0
  }
}
.XoiHomepage2_span__loEdv__EuYnp,.XoiHomepage2_span__nxc2__9cOfO,.XoiHomepage2_span__ri6QY__YhvE6 {
  width:auto;
  height:auto;
  max-width:100%;
  color:var(--token-c1wlLZHFCHpZ);
  font-family:var(--token-JBDzCEdZPtTP);
  font-weight:700;
  font-size:var(--token-bscNPbe9Wf-J);
  text-align:center;
  line-height:var(--token-y13fl71RX_i4);
  letter-spacing:.04em
}
.XoiHomepage2_freeBox__wJiFb__b8MW_ {
  height:auto;
  justify-content:flex-start;
  max-height:578px;
  row-gap:32px
}
.XoiHomepage2_freeBox__aprls__mDAm7,.XoiHomepage2_freeBox__wJiFb__b8MW_ {
  animation:none;
  display:flex;
  flex-direction:column;
  position:relative;
  width:100%;
  align-items:center;
  min-width:0
}
.XoiHomepage2_freeBox__aprls__mDAm7 {
  height:100%;
  justify-content:center;
  row-gap:16px;
  align-self:stretch;
  min-height:0
}
.XoiHomepage2_logoLoop__st2So__4Mcu_.__wab_instance {
  animation:none;
  object-fit:cover;
  height:80px;
  flex-shrink:0;
  flex-grow:1;
  display:flex;
  position:relative;
  width:50%;
  max-width:50%
}
.XoiHomepage2_pcls_Gc0nPK6c3smp__B2Rf_ {
  height:80px;
  max-height:80px;
  outline:none
}
@media (max-width:511px) {
  .XoiHomepage2_logoLoop__st2So__4Mcu_.__wab_instance {
    max-width:100%
  }
}
.XoiHomepage2_affinity__J2Qre.__wab_instance {
  animation:none;
  max-width:100%
}
.XoiHomepage2_svg__fx9T6__rr7t1 {
  animation:none;
  width:100%;
  object-fit:cover;
  flex-shrink:1;
  flex-grow:1;
  height:100%;
  min-width:0;
  min-height:0
}
.XoiHomepage2_tailwind__WTmOq.__wab_instance {
  animation:none;
  max-width:100%
}
.XoiHomepage2_svg___61Az5__ZD103 {
  animation:none;
  width:100%;
  object-fit:cover;
  flex-shrink:1;
  flex-grow:1;
  height:100%;
  min-width:0;
  min-height:0
}
.XoiHomepage2_acrobat__eDbYC.__wab_instance {
  animation:none;
  max-width:100%
}
.XoiHomepage2_svg__oeK0T__DVJp4 {
  animation:none;
  width:100%;
  object-fit:cover;
  flex-shrink:1;
  flex-grow:1;
  height:100%;
  min-width:0;
  min-height:0
}
.XoiHomepage2_illustrator__ISXN8.__wab_instance {
  animation:none;
  max-width:100%
}
.XoiHomepage2_svg__qQCaq__3qCw6 {
  animation:none;
  width:100%;
  object-fit:cover;
  flex-shrink:1;
  flex-grow:1;
  height:100%;
  min-width:0;
  min-height:0
}
.XoiHomepage2_discord__jYLcw.__wab_instance {
  animation:none;
  max-width:100%
}
.XoiHomepage2_svg__d8V__c4HBQ {
  animation:none;
  width:100%;
  object-fit:cover;
  flex-shrink:1;
  flex-grow:1;
  height:100%;
  min-width:0;
  min-height:0
}
.XoiHomepage2_ollama__vTz_T.__wab_instance {
  animation:none;
  max-width:100%
}
.XoiHomepage2_svg__zukR__esmes {
  animation:none;
  object-fit:cover;
  width:100%;
  height:100%;
  flex-grow:0;
  flex-shrink:0;
  min-width:0;
  min-height:0
}
.XoiHomepage2_mongoDb__3bqlg.__wab_instance {
  animation:none;
  max-width:100%
}
.XoiHomepage2_svg__gk1Wf___hRia {
  animation:none;
  object-fit:cover;
  width:100%;
  height:100%;
  flex-grow:0;
  flex-shrink:0;
  min-width:0;
  min-height:0
}
.XoiHomepage2_logoLoop__zQhTh__GzAkD.__wab_instance {
  animation:none;
  max-width:50%;
  object-fit:cover;
  height:80px;
  flex-shrink:0;
  flex-grow:1;
  display:flex;
  width:50%
}
.XoiHomepage2_pcls_wJkjch_MThP5__EwR3T {
  height:80px;
  max-height:80px;
  outline:none
}
@media (max-width:511px) {
  .XoiHomepage2_logoLoop__zQhTh__GzAkD.__wab_instance {
    max-width:100%
  }
}
.XoiHomepage2_react__KdDNW.__wab_instance {
  animation:none;
  max-width:100%
}
.XoiHomepage2_svg___6Niro__hMmzj {
  animation:none;
  object-fit:cover;
  width:100%;
  height:100%;
  flex-grow:0;
  flex-shrink:0;
  min-width:0;
  min-height:0
}
.XoiHomepage2_figma__RcFgZ.__wab_instance {
  animation:none;
  max-width:100%
}
.XoiHomepage2_svg__cFsMw__07a3K {
  animation:none;
  object-fit:cover;
  width:100%;
  height:100%;
  flex-grow:0;
  flex-shrink:0;
  min-width:0;
  min-height:0
}
.XoiHomepage2_make__kM8RZ.__wab_instance {
  animation:none;
  max-width:100%
}
.XoiHomepage2_svg__hcXoM__Zhb_2 {
  animation:none;
  object-fit:cover;
  width:100%;
  height:100%;
  flex-grow:0;
  flex-shrink:0;
  min-width:0;
  min-height:0
}
.XoiHomepage2_photoshop__kx6ID.__wab_instance {
  animation:none;
  max-width:100%
}
.XoiHomepage2_svg__pf3JW__26gS9 {
  animation:none;
  object-fit:cover;
  width:100%;
  height:100%;
  flex-grow:0;
  flex-shrink:0;
  min-width:0;
  min-height:0
}
.XoiHomepage2_zapier__Iyf8M.__wab_instance {
  animation:none;
  max-width:100%
}
.XoiHomepage2_svg__xp9FS__DtsxB {
  animation:none;
  object-fit:cover;
  width:100%;
  height:100%;
  flex-grow:0;
  flex-shrink:0;
  min-width:0;
  min-height:0
}
.XoiHomepage2_afterEffects__1ta4Q.__wab_instance {
  animation:none;
  max-width:100%
}
.XoiHomepage2_svg__eTpaK__h_BMW {
  animation:none;
  object-fit:cover;
  width:100%;
  height:100%;
  flex-grow:0;
  flex-shrink:0;
  min-width:0;
  min-height:0
}
.XoiHomepage2_miro__Cs5Pj.__wab_instance {
  animation:none;
  max-width:100%
}
.XoiHomepage2_svg__p6EBo__hrehd {
  animation:none;
  object-fit:cover;
  width:100%;
  height:100%;
  flex-grow:0;
  flex-shrink:0;
  min-width:0;
  min-height:0
}
.XoiHomepage2_canva__3NgTh.__wab_instance {
  animation:none;
  max-width:100%
}
.XoiHomepage2_svg__bmFf__M3xGS {
  animation:none;
  object-fit:cover;
  width:100%;
  height:100%;
  flex-grow:0;
  flex-shrink:0;
  min-width:0;
  min-height:0
}
.XoiHomepage2_freeBox__m9RlA__PWR10 {
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:center;
  column-gap:32px;
  flex-wrap:wrap;
  row-gap:16px;
  max-width:500px
}
.XoiHomepage2_freeBox__fEeRi__LDQh_ {
  animation:none;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  row-gap:8px
}
.XoiHomepage2_span__acrvH___3Pd0 {
  animation:none;
  color:var(--token-c1wlLZHFCHpZ);
  font-size:var(--token-bscNPbe9Wf-J);
  line-height:var(--token-y13fl71RX_i4);
  letter-spacing:.04em;
  font-weight:700
}
.XoiHomepage2_span__k7LhE__oTXBa {
  animation:none;
  position:relative;
  color:var(--token-p1_572SlkTUn);
  font-size:var(--token-6MAclREwJwVE);
  font-weight:500;
  line-height:var(--token-y13fl71RX_i4);
  letter-spacing:.04em
}
.XoiHomepage2_freeBox__gdVyu__7bbnr {
  animation:none;
  display:flex;
  flex-direction:column;
  position:relative;
  justify-content:flex-start;
  align-items:center;
  row-gap:8px
}
.XoiHomepage2_span___2EDfW__NXIY9 {
  animation:none;
  color:var(--token-c1wlLZHFCHpZ);
  font-size:var(--token-bscNPbe9Wf-J);
  line-height:var(--token-y13fl71RX_i4);
  letter-spacing:.04em;
  font-weight:700
}
.XoiHomepage2_span__x9AF__LLPN4 {
  animation:none;
  position:relative;
  color:var(--token-p1_572SlkTUn);
  font-size:var(--token-6MAclREwJwVE);
  font-weight:500;
  line-height:var(--token-y13fl71RX_i4);
  letter-spacing:.04em
}
.XoiHomepage2_freeBox__vh4I0__dJWe5 {
  animation:none;
  display:flex;
  flex-direction:column;
  position:relative;
  justify-content:flex-start;
  align-items:center;
  row-gap:8px
}
.XoiHomepage2_span__iErCo__WDY60 {
  animation:none;
  color:var(--token-c1wlLZHFCHpZ);
  font-size:var(--token-bscNPbe9Wf-J);
  line-height:var(--token-y13fl71RX_i4);
  letter-spacing:.04em;
  font-weight:700
}
.XoiHomepage2_span__d8Z9P__tXKIx {
  animation:none;
  position:relative;
  color:var(--token-p1_572SlkTUn);
  font-size:var(--token-6MAclREwJwVE);
  font-weight:500;
  line-height:var(--token-y13fl71RX_i4);
  letter-spacing:.04em
}
.XoiHomepage2_folioIncoming__6Jei5 {
  display:block;
  position:relative;
  width:100%;
  grid-column-start:1!important;
  grid-column-end:-1!important
}
.XoiHomepage2_curvedLoop__rz5Rg__uZX69.__wab_instance {
  max-width:100%;
  object-fit:cover;
  position:absolute;
  left:0;
  top:0
}
.XoiHomepage2_separatorTop__SrSXj.__wab_instance {
  max-width:100%;
  width:100%;
  margin-top:-224px;
  grid-column-start:1!important;
  grid-column-end:-1!important
}
.XoiHomepage2_freeBox___0WCbj__EQDNA {
  display:flex;
  flex-direction:column;
  position:relative;
  width:100%;
  height:auto;
  max-width:100%;
  justify-content:center;
  align-items:center;
  row-gap:8px;
  padding-top:116px;
  padding-bottom:64px;
  grid-column-start:1!important;
  grid-column-end:-1!important
}
@media (max-width:511px) {
  .XoiHomepage2_freeBox___0WCbj__EQDNA {
    padding-left:32px;
    padding-right:32px
  }
}
.XoiHomepage2_motionElement__switY__AOJ45.__wab_instance {
  max-width:100%;
  object-fit:cover;
  width:100%;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  row-gap:16px;
  min-width:0
}
@media (max-width:511px) {
  .XoiHomepage2_motionElement__switY__AOJ45.__wab_instance {
    display:flex;
    flex-direction:column;
    row-gap:16px;
    column-gap:0
  }
}
.XoiHomepage2_motionElement__hATnK__LwB0C.__wab_instance {
  max-width:720px;
  object-fit:cover;
  width:100%;
  height:auto;
  color:var(--token-c1wlLZHFCHpZ);
  font-family:autobahn;
  font-size:var(--token-MXsMyHPQEI33);
  text-align:center;
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  margin-left:auto;
  margin-right:auto;
  line-height:var(--token-3eKNko6H1Qo9);
  min-width:0
}
@media (max-width:511px) {
  .XoiHomepage2_motionElement__hATnK__LwB0C.__wab_instance {
    font-size:48px;
    line-height:var(--token-3eKNko6H1Qo9)
  }
}
.XoiHomepage2_motionElement__obMp__9hjxf.__wab_instance {
  max-width:720px;
  object-fit:cover;
  width:100%;
  height:auto;
  color:var(--token-c1wlLZHFCHpZ);
  font-family:var(--token-JBDzCEdZPtTP);
  font-size:var(--token-bscNPbe9Wf-J);
  text-align:center;
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  line-height:var(--token-y13fl71RX_i4);
  letter-spacing:.14em;
  margin-left:auto;
  margin-right:auto;
  min-width:0
}
@media (max-width:511px) {
  .XoiHomepage2_motionElement__obMp__9hjxf.__wab_instance {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_text__gtQqz__rgFlZ {
  width:100%;
  height:auto;
  max-width:100%;
  min-width:0
}
.XoiHomepage2_projects__7qZVM {
  position:relative;
  padding-right:32px;
  padding-left:32px;
  justify-self:flex-start;
  padding-bottom:116px;
  row-gap:32px;
  grid-column-start:3!important;
  grid-column-end:-3!important
}
.XoiHomepage2_project__ldU07,.XoiHomepage2_projects__7qZVM {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  width:100%
}
.XoiHomepage2_project__ldU07 {
  animation:none;
  flex-shrink:1;
  flex-grow:1;
  max-width:1440px;
  height:auto;
  min-width:0
}
.XoiHomepage2_projectContent__05H4P {
  overflow:hidden;
  flex-direction:column;
  border-top-right-radius:24px;
  border-top-left-radius:24px;
  z-index:3;
  border-width:1px 0 0;
  max-width:1440px;
  min-width:0;
  border-style:solid;
  border-color:var(--token-6uKeVdq_z7Os)
}
.XoiHomepage2_projectContent__05H4P,.XoiHomepage2_topProjectContent__tRZa1 {
  animation:none;
  width:100%;
  height:auto;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  flex-grow:1;
  flex-shrink:1
}
.XoiHomepage2_topProjectContent__tRZa1 {
  flex-direction:row;
  position:relative;
  flex-wrap:wrap
}
.XoiHomepage2_left__I0Mo_ {
  animation:none;
  display:flex;
  flex-grow:1;
  overflow:hidden;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  width:50%;
  row-gap:8px;
  flex-shrink:1;
  min-width:440px;
  align-self:stretch;
  padding:28px;
  border-right:1.5px;
  border-color:#f8eee166;
  border-style:dashed
}
@media (max-width:511px) {
  .XoiHomepage2_left__I0Mo_ {
    min-width:auto;
    padding-bottom:0
  }
}
.XoiHomepage2_frame49__fppI6 {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  align-self:stretch;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:flex-start;
  color:var(--token-c1wlLZHFCHpZ)
}
.XoiHomepage2_text__qnrw7__c9Yd2 {
  animation:none;
  display:block;
  font-size:14px;
  text-align:center;
  font-family:Metropolis;
  font-weight:600;
  letter-spacing:.14em;
  line-height:1.399999976158142;
  position:relative
}
.XoiHomepage2_text__li6V__jEXtp {
  animation:none;
  display:block;
  font-size:40px;
  font-family:var(--token-h6bz6GcVA-uO);
  font-weight:400;
  letter-spacing:0;
  line-height:1.159999966621399;
  color:var(--token-c1wlLZHFCHpZ);
  align-self:stretch;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_text__li6V__jEXtp {
    width:100%;
    white-space:pre-wrap;
    font-size:32px;
    min-width:0
  }
}
.XoiHomepage2_frame50__IPn4E {
  animation:none;
  display:flex;
  position:relative;
  align-self:stretch;
  overflow:hidden;
  flex-direction:column;
  row-gap:10px;
  align-items:center;
  justify-content:center;
  min-height:108px;
  flex-grow:1;
  aspect-ratio:19/2;
  height:auto;
  flex-shrink:1;
  border-radius:8px
}
.XoiHomepage2_image6__oofST {
  background:url(./xoi/folio/images/expoScreenPng.png) 50%/cover no-repeat;
  position:absolute;
  width:100%;
  left:0;
  top:0;
  min-width:0
}
.XoiHomepage2_image6__oofST,.XoiHomepage2_image9__Mwu_W {
  animation:none;
  height:100%;
  display:block;
  align-self:stretch;
  min-height:0
}
.XoiHomepage2_image9__Mwu_W {
  background:url(./xoi/folio/images/fdwLeDesignAuServiceDuHandicapGif.gif) 50%/cover no-repeat;
  position:relative
}
.XoiHomepage2_right__oqPmA {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  flex-grow:1;
  overflow:hidden;
  flex-direction:column;
  align-items:stretch;
  justify-content:space-between;
  width:50%;
  row-gap:16px;
  flex-shrink:1;
  flex-wrap:wrap;
  min-width:440px;
  padding:28px
}
@media (max-width:511px) {
  .XoiHomepage2_right__oqPmA {
    width:100%;
    min-width:auto
  }
}
.XoiHomepage2_frame52__Vxa3T {
  overflow:hidden;
  column-gap:24px;
  align-items:stretch;
  justify-content:flex-start;
  color:var(--token-c1wlLZHFCHpZ);
  font-family:var(--token-JBDzCEdZPtTP);
  font-weight:600;
  align-self:stretch;
  flex-wrap:wrap;
  row-gap:8px
}
.XoiHomepage2_frame52__Vxa3T,.XoiHomepage2_frame53__JR2IY {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row
}
.XoiHomepage2_frame53__JR2IY {
  width:auto;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span___5YQtb__UrfX7 {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span___5YQtb__UrfX7 {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_frame54__O97hI {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__dwCkc__Vpb2H {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span__dwCkc__Vpb2H {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_frame55__0Oukc {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__pE66Q__4tUY7 {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span__pE66Q__4tUY7 {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_p__wDxEl__RmSJS {
  animation:none;
  display:block;
  font-size:18px;
  font-weight:400;
  letter-spacing:.08em;
  line-height:var(--token-y13fl71RX_i4);
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  white-space:pre-wrap;
  align-self:stretch;
  flex-shrink:1;
  flex-grow:0;
  height:auto
}
@media (max-width:511px) {
  .XoiHomepage2_p__wDxEl__RmSJS {
    width:100%;
    font-size:var(--token-hFBCnhnh1qTA);
    min-width:0
  }
}
.XoiHomepage2_bottomProjectContent__718ib {
  justify-content:space-between;
  width:100%;
  column-gap:28px;
  flex-grow:1;
  min-width:0;
  border-top:1.5px dashed #f8eee166
}
.XoiHomepage2_bottomProjectContent__718ib,.XoiHomepage2_stacks__zUpfu {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  flex-shrink:1;
  flex-wrap:wrap
}
.XoiHomepage2_stacks__zUpfu {
  flex-grow:0;
  width:auto;
  justify-content:flex-start;
  column-gap:16px;
  align-self:center;
  row-gap:16px;
  align-content:stretch;
  min-width:88px;
  padding:24px 0 24px 28px
}
.XoiHomepage2_stack18__cxToU {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__gxmZb__lLZWc {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris25__lWzHJ {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris25__lWzHJ {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_stack33__he8wc {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg___2S0VX__6ddkH {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris44__IJcP0 {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris44__IJcP0 {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_stack35__wjD5f {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__v1Ghd__hU9F7 {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris46__qQp_u {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center;
  padding-bottom:0
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris46__qQp_u {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_stack36__ce_PP {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__zxUh2__Kwbyq {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris47__K563W {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris47__K563W {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_vSeparator__zOOQI {
  animation:none;
  display:block;
  position:relative;
  width:0;
  height:100%;
  align-self:center;
  background:none;
  opacity:.25;
  flex-shrink:0;
  min-height:0;
  border-left:1.5px dashed var(--token-GxsnUVMQYyPU)
}
@media (max-width:511px) {
  .XoiHomepage2_vSeparator__zOOQI {
    width:100%;
    height:0;
    border-width:1.5px 0 0;
    border-top-style:dashed;
    border-right-style:solid;
    border-bottom-style:solid;
    min-width:0;
    border-color:var(--token-6uKeVdq_z7Os)
  }
}
.XoiHomepage2_seeMore__rxVZu__ID7Md.__wab_instance {
  position:relative;
  width:auto;
  flex-grow:1
}
.XoiHomepage2_borderBottom__UhshT {
  z-index:2;
  opacity:.15;
  border-bottom-width:1.5px;
  border-radius:24px;
  border-style:solid;
  border-color:var(--token-c1wlLZHFCHpZ)
}
.XoiHomepage2_borderBottom__UhshT,.XoiHomepage2_borderSides__8m_ch {
  animation:none;
  display:flex;
  width:100%;
  height:100%;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:absolute;
  left:0;
  top:0;
  min-width:0;
  min-height:0
}
.XoiHomepage2_borderSides__8m_ch {
  z-index:1;
  border-left-width:1.5px;
  border-bottom-width:1.5px;
  border-right-width:1.5px;
  border-radius:24px;
  border-style:solid;
  border-color:var(--token-GxsnUVMQYyPU)
}
.XoiHomepage2_bgProjectBox__RfFeQ {
  animation:none;
  display:flex;
  width:auto;
  height:auto;
  background:#f8eee194;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:absolute;
  max-width:1440px;
  left:0;
  top:0;
  z-index:0;
  opacity:.1;
  bottom:0;
  right:0;
  backdrop-filter:contrast(200%);
  -webkit-backdrop-filter:contrast(200%);
  border-radius:24px;
  border:1.5px solid var(--token-6uKeVdq_z7Os)
}
.XoiHomepage2_svg__mTt0O__smNlK {
  animation:none;
  object-fit:cover;
  height:28px;
  color:var(--token-p1_572SlkTUn);
  position:relative;
  flex-shrink:0
}
.XoiHomepage2_project2__ObF7C {
  align-items:center
}
.XoiHomepage2_project2__ObF7C,.XoiHomepage2_projectContent2__OPkXP {
  animation:none;
  display:flex;
  justify-content:flex-start;
  flex-direction:column;
  flex-shrink:1;
  flex-grow:1;
  max-width:1440px;
  width:100%;
  height:auto;
  min-width:0
}
.XoiHomepage2_projectContent2__OPkXP {
  overflow:hidden;
  align-items:flex-start;
  border-top-right-radius:24px;
  border-top-left-radius:24px;
  z-index:3;
  border-width:1px 0 0;
  border-style:solid;
  border-color:var(--token-6uKeVdq_z7Os)
}
.XoiHomepage2_topProjectContent2__ODfeO {
  flex-direction:row;
  position:relative;
  justify-content:flex-start;
  width:100%;
  flex-wrap:wrap;
  height:auto
}
.XoiHomepage2_left2__kJ3MQ,.XoiHomepage2_topProjectContent2__ODfeO {
  animation:none;
  display:flex;
  align-items:flex-start;
  flex-grow:1;
  flex-shrink:1
}
.XoiHomepage2_left2__kJ3MQ {
  overflow:hidden;
  flex-direction:column;
  justify-content:space-between;
  width:50%;
  row-gap:8px;
  min-width:440px;
  align-self:stretch;
  padding:28px;
  border-right:1.5px;
  border-color:#f8eee166;
  border-style:dashed
}
@media (max-width:511px) {
  .XoiHomepage2_left2__kJ3MQ {
    min-width:auto;
    padding-bottom:0
  }
}
.XoiHomepage2_frame51__LTp3m {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  align-self:stretch;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:flex-start;
  color:var(--token-c1wlLZHFCHpZ)
}
.XoiHomepage2_text___2A2Ly__hiXQE {
  animation:none;
  display:block;
  font-size:14px;
  text-align:center;
  font-family:Metropolis;
  font-weight:600;
  letter-spacing:.14em;
  line-height:1.399999976158142;
  position:relative
}
.XoiHomepage2_text__xk7Q__17s54 {
  animation:none;
  display:block;
  font-size:40px;
  font-family:var(--token-h6bz6GcVA-uO);
  font-weight:400;
  letter-spacing:0;
  line-height:1.159999966621399;
  color:var(--token-c1wlLZHFCHpZ);
  align-self:stretch;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_text__xk7Q__17s54 {
    width:100%;
    white-space:pre-wrap;
    font-size:32px;
    min-width:0
  }
}
.XoiHomepage2_frame56__Lwo4i {
  animation:none;
  display:flex;
  position:relative;
  align-self:stretch;
  overflow:hidden;
  flex-direction:column;
  row-gap:10px;
  align-items:center;
  justify-content:center;
  min-height:108px;
  flex-grow:1;
  aspect-ratio:19/2;
  height:auto;
  flex-shrink:1;
  border-radius:8px
}
.XoiHomepage2_image7__qC8l3 {
  animation:none;
  height:100%;
  display:block;
  position:relative;
  align-self:stretch;
  background:url(./xoi/folio/images/accueilPng.png) top 0 left 50%/cover repeat;
  min-height:0
}
.XoiHomepage2_right2__4qAqW {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  flex-grow:1;
  overflow:hidden;
  flex-direction:column;
  align-items:stretch;
  justify-content:space-between;
  width:50%;
  row-gap:16px;
  flex-shrink:1;
  flex-wrap:wrap;
  min-width:440px;
  padding:28px
}
@media (max-width:511px) {
  .XoiHomepage2_right2__4qAqW {
    width:100%;
    min-width:auto
  }
}
.XoiHomepage2_frame57__CQvMJ {
  overflow:hidden;
  column-gap:24px;
  align-items:stretch;
  justify-content:flex-start;
  color:var(--token-c1wlLZHFCHpZ);
  font-family:var(--token-JBDzCEdZPtTP);
  font-weight:600;
  align-self:stretch;
  flex-wrap:wrap;
  row-gap:8px
}
.XoiHomepage2_frame57__CQvMJ,.XoiHomepage2_frame58__q3NSp {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row
}
.XoiHomepage2_frame58__q3NSp {
  width:auto;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__utNk__P_TeL {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span__utNk__P_TeL {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_frame59___CiMW {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span___4J52C__wzr1g {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span___4J52C__wzr1g {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_frame60__JAGw_ {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__fmwZv__KNYnb {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span__fmwZv__KNYnb {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_frame92__wD_iC {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__gkjVw__zykwn {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span__gkjVw__zykwn {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_p__xgaF___oLJh {
  animation:none;
  display:block;
  font-size:18px;
  font-weight:400;
  letter-spacing:.08em;
  line-height:var(--token-y13fl71RX_i4);
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  white-space:pre-wrap;
  align-self:stretch;
  flex-shrink:1;
  flex-grow:0;
  height:auto
}
@media (max-width:511px) {
  .XoiHomepage2_p__xgaF___oLJh {
    width:100%;
    font-size:var(--token-hFBCnhnh1qTA);
    min-width:0
  }
}
.XoiHomepage2_bottomProjectContent2__CwlS8 {
  width:100%;
  column-gap:28px;
  flex-grow:1;
  align-content:flex-start;
  min-width:0;
  border-top:1.5px dashed #f8eee166
}
.XoiHomepage2_bottomProjectContent2__CwlS8,.XoiHomepage2_stacks2__OIzXC {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  flex-shrink:1;
  flex-wrap:wrap
}
.XoiHomepage2_stacks2__OIzXC {
  flex-grow:0;
  width:auto;
  column-gap:16px;
  align-self:center;
  row-gap:16px;
  align-content:stretch;
  min-width:88px;
  padding:24px 0 24px 28px
}
.XoiHomepage2_stack22__29ZL4 {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__icrVe__p0epb {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris30__V8gmV {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris30__V8gmV {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_stack23____Q5M {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg___2K15T__JNE_o {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris31__vV01u {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris31__vV01u {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_stack21__qCGQo {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__gh7My__FTA_l {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  min-height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris29__7z48H {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris29__7z48H {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_stack24__QLPoV {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__dIwov__GepWB {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris32__smDqy {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris32__smDqy {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_stack29__8Xl0N {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__pY1G7__WCKW2 {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris39__Y7nAL {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris39__Y7nAL {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_stack31__Wcfgp {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__uhS8Z__yS_IS {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris41__q0MlV {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris41__q0MlV {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_vSeparator2__L7xaV {
  animation:none;
  display:block;
  position:relative;
  width:0;
  height:100%;
  align-self:center;
  background:none;
  opacity:.25;
  flex-shrink:0;
  min-height:0;
  border-left:1.5px dashed var(--token-GxsnUVMQYyPU)
}
@media (max-width:511px) {
  .XoiHomepage2_vSeparator2__L7xaV {
    width:100%;
    height:0;
    border-width:1.5px 0 0;
    border-top-style:dashed;
    border-right-style:solid;
    border-bottom-style:solid;
    min-width:0;
    border-color:var(--token-6uKeVdq_z7Os)
  }
}
.XoiHomepage2_seeMoreButton2__367Vi {
  animation:none;
  position:relative;
  flex-grow:1;
  width:auto;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  column-gap:16px;
  line-height:1;
  height:auto;
  display:none;
  padding:24px 28px 24px 0
}
@media (max-width:511px) {
  .XoiHomepage2_seeMoreButton2__367Vi {
    height:auto;
    padding-left:28px;
    padding-right:28px
  }
}
.XoiHomepage2_svg__sFlxP__xvSgJ {
  animation:none;
  object-fit:cover;
  max-width:49px;
  width:auto;
  height:100%;
  min-height:0
}
.XoiHomepage2_jaiRienCompris33__xm80o {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  white-space:pre
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris33__xm80o {
    white-space:pre-wrap;
    text-align:left;
    line-height:var(--token-oHayluensXwB);
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_seeMore___5FsY__IaK6k.__wab_instance {
  position:relative;
  width:auto;
  height:auto;
  flex-grow:1
}
.XoiHomepage2_borderBottom2__G4UgC {
  z-index:2;
  opacity:.15;
  border-bottom-width:1.5px;
  border-radius:24px;
  border-style:solid;
  border-color:var(--token-c1wlLZHFCHpZ)
}
.XoiHomepage2_borderBottom2__G4UgC,.XoiHomepage2_borderSides2__S7ehN {
  animation:none;
  display:flex;
  width:100%;
  height:100%;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:absolute;
  left:0;
  top:0;
  min-width:0;
  min-height:0
}
.XoiHomepage2_borderSides2__S7ehN {
  z-index:1;
  border-left-width:1.5px;
  border-bottom-width:1.5px;
  border-right-width:1.5px;
  border-radius:24px;
  border-style:solid;
  border-color:var(--token-GxsnUVMQYyPU)
}
.XoiHomepage2_bgProjectBox2__lTeRW {
  animation:none;
  display:flex;
  width:auto;
  height:auto;
  background:#f8eee194;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:absolute;
  max-width:1440px;
  left:0;
  top:0;
  z-index:0;
  opacity:.1;
  bottom:0;
  right:0;
  backdrop-filter:contrast(200%);
  -webkit-backdrop-filter:contrast(200%);
  border-radius:24px;
  border:1.5px solid var(--token-6uKeVdq_z7Os)
}
.XoiHomepage2_svg___1BVc0__yPjXS {
  animation:none;
  object-fit:cover;
  height:28px;
  color:var(--token-p1_572SlkTUn);
  position:relative;
  flex-shrink:0
}
.XoiHomepage2_project3__0FwaC {
  align-items:center
}
.XoiHomepage2_project3__0FwaC,.XoiHomepage2_projectContent3__3DGXd {
  animation:none;
  display:flex;
  justify-content:flex-start;
  flex-direction:column;
  flex-shrink:1;
  flex-grow:1;
  max-width:1440px;
  width:100%;
  height:auto;
  min-width:0
}
.XoiHomepage2_projectContent3__3DGXd {
  overflow:hidden;
  align-items:flex-start;
  border-top-right-radius:24px;
  border-top-left-radius:24px;
  z-index:3;
  border-width:1px 0 0;
  border-style:solid;
  border-color:var(--token-6uKeVdq_z7Os)
}
.XoiHomepage2_topProjectContent3__5p1xS {
  flex-direction:row;
  position:relative;
  justify-content:flex-start;
  width:100%;
  flex-wrap:wrap;
  height:auto
}
.XoiHomepage2_left3__tx41v,.XoiHomepage2_topProjectContent3__5p1xS {
  animation:none;
  display:flex;
  align-items:flex-start;
  flex-grow:1;
  flex-shrink:1
}
.XoiHomepage2_left3__tx41v {
  overflow:hidden;
  flex-direction:column;
  justify-content:space-between;
  width:50%;
  row-gap:8px;
  min-width:440px;
  align-self:stretch;
  padding:28px;
  border-right:1.5px;
  border-color:#f8eee166;
  border-style:dashed
}
@media (max-width:511px) {
  .XoiHomepage2_left3__tx41v {
    min-width:auto;
    padding-bottom:0
  }
}
.XoiHomepage2_frame61__VGF5v {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  align-self:stretch;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:flex-start;
  color:var(--token-c1wlLZHFCHpZ)
}
.XoiHomepage2_text___3DkKe__2k9PU {
  animation:none;
  display:block;
  font-size:14px;
  text-align:center;
  font-family:Metropolis;
  font-weight:600;
  letter-spacing:.14em;
  line-height:1.399999976158142;
  position:relative
}
.XoiHomepage2_text__nGh__8u9Ty {
  animation:none;
  display:block;
  font-size:40px;
  font-family:var(--token-h6bz6GcVA-uO);
  font-weight:400;
  letter-spacing:0;
  line-height:1.159999966621399;
  color:var(--token-c1wlLZHFCHpZ);
  align-self:stretch;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_text__nGh__8u9Ty {
    width:100%;
    white-space:pre-wrap;
    font-size:32px;
    min-width:0
  }
}
.XoiHomepage2_frame62__cPGkz {
  animation:none;
  display:flex;
  position:relative;
  align-self:stretch;
  overflow:hidden;
  flex-direction:column;
  row-gap:10px;
  align-items:center;
  justify-content:center;
  min-height:108px;
  flex-grow:1;
  aspect-ratio:19/2;
  height:auto;
  flex-shrink:1;
  border-radius:8px
}
.XoiHomepage2_image8__qCPKi {
  animation:none;
  background:url(./xoi/folio/images/audioguideExpoJpg.jpg) left 50% top 0/cover no-repeat;
  height:100%;
  display:block;
  position:relative;
  align-self:stretch;
  transition-property:all;
  transition-duration:1s;
  transition-timing-function:ease-in-out;
  min-height:0;
  -webkit-transition-property:all;
  -webkit-transition-timing-function:ease-in-out;
  -webkit-transition-duration:1s
}
.XoiHomepage2_right3__An_R_ {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  flex-grow:1;
  overflow:hidden;
  flex-direction:column;
  align-items:stretch;
  justify-content:space-between;
  width:50%;
  row-gap:16px;
  flex-shrink:1;
  flex-wrap:wrap;
  min-width:440px;
  padding:28px
}
@media (max-width:511px) {
  .XoiHomepage2_right3__An_R_ {
    width:100%;
    min-width:auto
  }
}
.XoiHomepage2_frame63__hJPoc {
  overflow:hidden;
  column-gap:24px;
  align-items:stretch;
  justify-content:flex-start;
  color:var(--token-c1wlLZHFCHpZ);
  font-family:var(--token-JBDzCEdZPtTP);
  font-weight:600;
  align-self:stretch;
  flex-wrap:wrap;
  row-gap:8px
}
.XoiHomepage2_frame63__hJPoc,.XoiHomepage2_frame64__UnsQB {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row
}
.XoiHomepage2_frame64__UnsQB {
  width:auto;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__v5N8J___KXk3 {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span__v5N8J___KXk3 {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_frame65__g5kJA {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__hIlYe__78uyg {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span__hIlYe__78uyg {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_frame66__90cb3 {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__qaxd1__fhXzM {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span__qaxd1__fhXzM {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_frame91__qSkZm {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__tlf2T__TcN_w {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span__tlf2T__TcN_w {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_p__cdKQs__ZP7B1 {
  animation:none;
  display:block;
  font-size:18px;
  font-weight:400;
  letter-spacing:.08em;
  line-height:var(--token-y13fl71RX_i4);
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  white-space:pre-wrap;
  align-self:stretch;
  flex-shrink:1;
  flex-grow:0;
  height:auto
}
@media (max-width:511px) {
  .XoiHomepage2_p__cdKQs__ZP7B1 {
    width:100%;
    font-size:var(--token-hFBCnhnh1qTA);
    min-width:0
  }
}
.XoiHomepage2_bottomProjectContent3__oQtIW {
  justify-content:space-between;
  width:100%;
  column-gap:28px;
  flex-grow:1;
  min-width:0;
  border-top:1.5px dashed #f8eee166
}
.XoiHomepage2_bottomProjectContent3__oQtIW,.XoiHomepage2_stacks3__zaRWg {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  flex-shrink:1;
  flex-wrap:wrap
}
.XoiHomepage2_stacks3__zaRWg {
  flex-grow:0;
  width:auto;
  justify-content:flex-start;
  column-gap:16px;
  align-self:center;
  row-gap:16px;
  align-content:stretch;
  min-width:88px;
  padding:24px 0 24px 28px
}
.XoiHomepage2_stack27__sXgUo {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg___2Ig1__jycWa {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris36__VvQa6 {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris36__VvQa6 {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_stack25__OwpzF {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__nqmRg__CEX6y {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  min-height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris34__C6Del {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris34__C6Del {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_stack26__rbQL_ {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__awqx6__4DOt5 {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris35__iI_uC {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris35__iI_uC {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_stack28__S_Ka6 {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg___2KfL8__ifNtA {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris37__WsY_r {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris37__WsY_r {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_stack32__lbCdy {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__zs4Qk__ufVCn {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris42__9NUjz {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris42__9NUjz {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_vSeparator3__G__tJ {
  animation:none;
  display:block;
  position:relative;
  width:0;
  height:100%;
  align-self:center;
  background:none;
  opacity:.25;
  flex-shrink:0;
  min-height:0;
  border-left:1.5px dashed var(--token-GxsnUVMQYyPU)
}
@media (max-width:511px) {
  .XoiHomepage2_vSeparator3__G__tJ {
    width:100%;
    height:0;
    border-width:1.5px 0 0;
    border-top-style:dashed;
    border-right-style:solid;
    border-bottom-style:solid;
    min-width:0;
    border-color:var(--token-6uKeVdq_z7Os)
  }
}
.XoiHomepage2_seeMore__c9XSy__j0PMe.__wab_instance {
  position:relative;
  flex-grow:1
}
.XoiHomepage2_borderBottom3__ktFCR {
  z-index:2;
  opacity:.15;
  border-bottom-width:1.5px;
  border-radius:24px;
  border-style:solid;
  border-color:var(--token-c1wlLZHFCHpZ)
}
.XoiHomepage2_borderBottom3__ktFCR,.XoiHomepage2_borderSides3__qwIwA {
  animation:none;
  display:flex;
  width:100%;
  height:100%;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:absolute;
  left:0;
  top:0;
  min-width:0;
  min-height:0
}
.XoiHomepage2_borderSides3__qwIwA {
  z-index:1;
  border-left-width:1.5px;
  border-bottom-width:1.5px;
  border-right-width:1.5px;
  border-radius:24px;
  border-style:solid;
  border-color:var(--token-GxsnUVMQYyPU)
}
.XoiHomepage2_bgProjectBox3__Os8tK {
  animation:none;
  display:flex;
  width:auto;
  height:auto;
  background:#f8eee194;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:absolute;
  max-width:1440px;
  left:0;
  top:0;
  z-index:0;
  opacity:.1;
  bottom:0;
  right:0;
  backdrop-filter:contrast(200%);
  -webkit-backdrop-filter:contrast(200%);
  border-radius:24px;
  border:1.5px solid var(--token-6uKeVdq_z7Os)
}
.XoiHomepage2_svg___144Fx__uy5oL {
  animation:none;
  object-fit:cover;
  height:28px;
  color:var(--token-p1_572SlkTUn);
  position:relative;
  flex-shrink:0
}
.XoiHomepage2_project4__cP8jm {
  align-items:center
}
.XoiHomepage2_project4__cP8jm,.XoiHomepage2_projectContent4__rM60S {
  animation:none;
  display:flex;
  justify-content:flex-start;
  flex-direction:column;
  flex-shrink:1;
  flex-grow:1;
  max-width:1440px;
  width:100%;
  height:auto;
  min-width:0
}
.XoiHomepage2_projectContent4__rM60S {
  overflow:hidden;
  align-items:flex-start;
  border-top-right-radius:24px;
  border-top-left-radius:24px;
  z-index:3;
  border-width:1px 0 0;
  border-style:solid;
  border-color:var(--token-6uKeVdq_z7Os)
}
.XoiHomepage2_topProjectContent4__aFqnz {
  flex-direction:row;
  position:relative;
  justify-content:flex-start;
  width:100%;
  flex-wrap:wrap;
  height:auto
}
.XoiHomepage2_left4__yV0M2,.XoiHomepage2_topProjectContent4__aFqnz {
  animation:none;
  display:flex;
  align-items:flex-start;
  flex-grow:1;
  flex-shrink:1
}
.XoiHomepage2_left4__yV0M2 {
  overflow:hidden;
  flex-direction:column;
  justify-content:space-between;
  width:50%;
  row-gap:8px;
  min-width:440px;
  align-self:stretch;
  padding:28px;
  border-right:1.5px;
  border-color:#f8eee166;
  border-style:dashed
}
@media (max-width:511px) {
  .XoiHomepage2_left4__yV0M2 {
    min-width:auto;
    padding-bottom:0
  }
}
.XoiHomepage2_frame67__Mp4fh {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  align-self:stretch;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:flex-start;
  color:var(--token-c1wlLZHFCHpZ)
}
.XoiHomepage2_text___4RmsT__gx3So {
  animation:none;
  display:block;
  font-size:14px;
  text-align:center;
  font-family:Metropolis;
  font-weight:600;
  letter-spacing:.14em;
  line-height:1.399999976158142;
  position:relative
}
.XoiHomepage2_text__ks2PD___Lu3B {
  animation:none;
  display:block;
  font-size:40px;
  font-family:var(--token-h6bz6GcVA-uO);
  font-weight:400;
  letter-spacing:0;
  line-height:1.159999966621399;
  color:var(--token-c1wlLZHFCHpZ);
  align-self:stretch;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_text__ks2PD___Lu3B {
    width:100%;
    white-space:pre-wrap;
    font-size:32px;
    min-width:0
  }
}
.XoiHomepage2_frame68__u625P {
  animation:none;
  display:flex;
  position:relative;
  align-self:stretch;
  overflow:hidden;
  flex-direction:column;
  row-gap:10px;
  align-items:center;
  justify-content:center;
  min-height:108px;
  flex-grow:1;
  aspect-ratio:19/2;
  height:auto;
  flex-shrink:1;
  border-radius:8px
}
.XoiHomepage2_image10__PLp_R {
  animation:none;
  background:url(./xoi/folio/images/labcreatifJpg.jpg) left 50% top 50%/cover no-repeat;
  height:100%;
  display:block;
  position:relative;
  align-self:stretch;
  transition-property:all;
  transition-duration:1s;
  transition-timing-function:ease-in-out;
  min-height:0;
  -webkit-transition-property:all;
  -webkit-transition-timing-function:ease-in-out;
  -webkit-transition-duration:1s
}
.XoiHomepage2_right4__qAj6o {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  flex-grow:1;
  overflow:hidden;
  flex-direction:column;
  align-items:stretch;
  justify-content:space-between;
  width:50%;
  row-gap:16px;
  flex-shrink:1;
  flex-wrap:wrap;
  min-width:440px;
  padding:28px
}
@media (max-width:511px) {
  .XoiHomepage2_right4__qAj6o {
    width:100%;
    min-width:auto
  }
}
.XoiHomepage2_frame69___OIRZ {
  overflow:hidden;
  column-gap:24px;
  align-items:stretch;
  justify-content:flex-start;
  color:var(--token-c1wlLZHFCHpZ);
  font-family:var(--token-JBDzCEdZPtTP);
  font-weight:600;
  align-self:stretch;
  flex-wrap:wrap;
  row-gap:8px
}
.XoiHomepage2_frame69___OIRZ,.XoiHomepage2_frame70__TxQDd {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row
}
.XoiHomepage2_frame70__TxQDd {
  width:auto;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__sxEsQ__m3bpl {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span__sxEsQ__m3bpl {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_frame71__MmWl2 {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__xEgZw__h1d8h {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span__xEgZw__h1d8h {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_frame72__Xzey2 {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__uyXmx__LX8HK {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span__uyXmx__LX8HK {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_p__lnWBl__qleyc {
  animation:none;
  display:block;
  font-size:18px;
  font-weight:400;
  letter-spacing:.08em;
  line-height:var(--token-y13fl71RX_i4);
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  white-space:pre-wrap;
  align-self:stretch;
  flex-shrink:1;
  flex-grow:0;
  height:auto
}
@media (max-width:511px) {
  .XoiHomepage2_p__lnWBl__qleyc {
    width:100%;
    font-size:var(--token-hFBCnhnh1qTA);
    min-width:0
  }
}
.XoiHomepage2_bottomProjectContent4__KeEYz {
  justify-content:space-between;
  width:100%;
  column-gap:28px;
  flex-grow:1;
  min-width:0;
  border-top:1.5px dashed #f8eee166
}
.XoiHomepage2_bottomProjectContent4__KeEYz,.XoiHomepage2_stacks4__70z4D {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  flex-shrink:1;
  flex-wrap:wrap
}
.XoiHomepage2_stacks4__70z4D {
  flex-grow:0;
  width:auto;
  justify-content:flex-start;
  column-gap:16px;
  align-self:center;
  row-gap:16px;
  align-content:stretch;
  min-width:88px;
  padding:24px 0 24px 28px
}
.XoiHomepage2_stack30__RXoOk {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__ccqEe__gLRNA {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris40__7OkPO {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris40__7OkPO {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_stack40__0G1Ky {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__jem7__9oFqo {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris52__CAD_P {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris52__CAD_P {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_vSeparator4__QHabN {
  animation:none;
  display:block;
  position:relative;
  width:0;
  height:100%;
  align-self:center;
  background:none;
  opacity:.25;
  flex-shrink:0;
  min-height:0;
  border-left:1.5px dashed var(--token-GxsnUVMQYyPU)
}
@media (max-width:511px) {
  .XoiHomepage2_vSeparator4__QHabN {
    width:100%;
    height:0;
    border-width:1.5px 0 0;
    border-top-style:dashed;
    border-right-style:solid;
    border-bottom-style:solid;
    min-width:0;
    border-color:var(--token-6uKeVdq_z7Os)
  }
}
.XoiHomepage2_seeMore___0MYkh__H1YA7.__wab_instance {
  position:relative;
  flex-grow:1
}
.XoiHomepage2_borderBottom4__wyzaz {
  z-index:2;
  opacity:.15;
  border-bottom-width:1.5px;
  border-radius:24px;
  border-style:solid;
  border-color:var(--token-c1wlLZHFCHpZ)
}
.XoiHomepage2_borderBottom4__wyzaz,.XoiHomepage2_borderSides4__mXHFr {
  animation:none;
  display:flex;
  width:100%;
  height:100%;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:absolute;
  left:0;
  top:0;
  min-width:0;
  min-height:0
}
.XoiHomepage2_borderSides4__mXHFr {
  z-index:1;
  border-left-width:1.5px;
  border-bottom-width:1.5px;
  border-right-width:1.5px;
  border-radius:24px;
  border-style:solid;
  border-color:var(--token-GxsnUVMQYyPU)
}
.XoiHomepage2_bgProjectBox4__oSAMU {
  animation:none;
  display:flex;
  width:auto;
  height:auto;
  background:#f8eee194;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:absolute;
  max-width:1440px;
  left:0;
  top:0;
  z-index:0;
  opacity:.1;
  bottom:0;
  right:0;
  backdrop-filter:contrast(200%);
  -webkit-backdrop-filter:contrast(200%);
  border-radius:24px;
  border:1.5px solid var(--token-6uKeVdq_z7Os)
}
.XoiHomepage2_svg__edbVi___8XZ6 {
  animation:none;
  object-fit:cover;
  height:28px;
  color:var(--token-p1_572SlkTUn);
  position:relative;
  flex-shrink:0
}
.XoiHomepage2_project7__tIXgy {
  align-items:center
}
.XoiHomepage2_project7__tIXgy,.XoiHomepage2_projectContent7__Pc1Hz {
  animation:none;
  display:flex;
  justify-content:flex-start;
  flex-direction:column;
  flex-shrink:1;
  flex-grow:1;
  max-width:1440px;
  width:100%;
  height:auto;
  min-width:0
}
.XoiHomepage2_projectContent7__Pc1Hz {
  overflow:hidden;
  align-items:flex-start;
  border-top-right-radius:24px;
  border-top-left-radius:24px;
  z-index:3;
  border-width:1px 0 0;
  border-style:solid;
  border-color:var(--token-6uKeVdq_z7Os)
}
.XoiHomepage2_topProjectContent7__WutzP {
  flex-direction:row;
  position:relative;
  justify-content:flex-start;
  width:100%;
  flex-wrap:wrap;
  height:auto
}
.XoiHomepage2_left7__Sjx4T,.XoiHomepage2_topProjectContent7__WutzP {
  animation:none;
  display:flex;
  align-items:flex-start;
  flex-grow:1;
  flex-shrink:1
}
.XoiHomepage2_left7__Sjx4T {
  overflow:hidden;
  flex-direction:column;
  justify-content:space-between;
  width:50%;
  row-gap:8px;
  min-width:440px;
  align-self:stretch;
  padding:28px;
  border-right:1.5px;
  border-color:#f8eee166;
  border-style:dashed
}
@media (max-width:511px) {
  .XoiHomepage2_left7__Sjx4T {
    min-width:auto;
    padding-bottom:0
  }
}
.XoiHomepage2_frame85__xMzof {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  align-self:stretch;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:flex-start;
  color:var(--token-c1wlLZHFCHpZ)
}
.XoiHomepage2_text__x99U__DBIdu {
  animation:none;
  display:block;
  font-size:14px;
  text-align:center;
  font-family:Metropolis;
  font-weight:600;
  letter-spacing:.14em;
  line-height:1.399999976158142;
  position:relative
}
.XoiHomepage2_text__bqwEt__9HlJp {
  animation:none;
  display:block;
  font-size:40px;
  font-family:var(--token-h6bz6GcVA-uO);
  font-weight:400;
  letter-spacing:0;
  line-height:1.159999966621399;
  color:var(--token-c1wlLZHFCHpZ);
  align-self:stretch;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_text__bqwEt__9HlJp {
    width:100%;
    white-space:pre-wrap;
    font-size:32px;
    min-width:0
  }
}
.XoiHomepage2_frame86__UGDTH {
  animation:none;
  display:flex;
  position:relative;
  align-self:stretch;
  overflow:hidden;
  flex-direction:column;
  row-gap:10px;
  align-items:center;
  justify-content:center;
  min-height:108px;
  flex-grow:1;
  aspect-ratio:19/2;
  height:auto;
  flex-shrink:1;
  border-radius:8px
}
.XoiHomepage2_image13__uopj0 {
  animation:none;
  background:url(./xoi/folio/images/mockupBanniereReseauxPng.png) left 50% top 0/cover no-repeat;
  height:100%;
  display:block;
  position:relative;
  align-self:stretch;
  transition-property:all;
  transition-duration:1s;
  transition-timing-function:ease-in-out;
  min-height:0;
  -webkit-transition-property:all;
  -webkit-transition-timing-function:ease-in-out;
  -webkit-transition-duration:1s
}
.XoiHomepage2_right7__TqSby {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  flex-grow:1;
  overflow:hidden;
  flex-direction:column;
  align-items:stretch;
  justify-content:space-between;
  width:50%;
  row-gap:16px;
  flex-shrink:1;
  flex-wrap:wrap;
  min-width:440px;
  padding:28px
}
@media (max-width:511px) {
  .XoiHomepage2_right7__TqSby {
    width:100%;
    min-width:auto
  }
}
.XoiHomepage2_frame87__xuZxz {
  overflow:hidden;
  column-gap:24px;
  align-items:stretch;
  justify-content:flex-start;
  color:var(--token-c1wlLZHFCHpZ);
  font-family:var(--token-JBDzCEdZPtTP);
  font-weight:600;
  align-self:stretch;
  flex-wrap:wrap;
  row-gap:8px
}
.XoiHomepage2_frame87__xuZxz,.XoiHomepage2_frame88__01zAI {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row
}
.XoiHomepage2_frame88__01zAI {
  width:auto;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__ikWzk__SbPj8 {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span__ikWzk__SbPj8 {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_frame89__N3FSj {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__uyyWz__lDQ5R {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative;
  padding-top:0
}
@media (max-width:511px) {
  .XoiHomepage2_span__uyyWz__lDQ5R {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_frame90__EEC2j {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__pQxp1___mrVd {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span__pQxp1___mrVd {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_p__sMd1X__L6q2Q {
  animation:none;
  display:block;
  font-size:18px;
  font-weight:400;
  letter-spacing:.08em;
  line-height:var(--token-y13fl71RX_i4);
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  white-space:pre-wrap;
  align-self:stretch;
  flex-shrink:1;
  flex-grow:0;
  height:auto
}
@media (max-width:511px) {
  .XoiHomepage2_p__sMd1X__L6q2Q {
    width:100%;
    font-size:var(--token-hFBCnhnh1qTA);
    min-width:0
  }
}
.XoiHomepage2_bottomProjectContent7__95qqY {
  justify-content:space-between;
  width:100%;
  column-gap:28px;
  flex-grow:1;
  min-width:0;
  border-top:1.5px dashed #f8eee166
}
.XoiHomepage2_bottomProjectContent7__95qqY,.XoiHomepage2_stacks7__Yo0Bj {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  flex-shrink:1;
  flex-wrap:wrap
}
.XoiHomepage2_stacks7__Yo0Bj {
  flex-grow:0;
  width:auto;
  justify-content:flex-start;
  column-gap:16px;
  align-self:center;
  row-gap:16px;
  align-content:stretch;
  min-width:88px;
  padding:24px 0 24px 28px
}
.XoiHomepage2_stack42__1AEkR {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__nbuMk__Ma_WW {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris55__4yp_8 {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris55__4yp_8 {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_stack45__LkrrL {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__lDeA__5m8iP {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris61__R5dDH {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris61__R5dDH {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_stack43__WMW3P {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__do4__vzfjj {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris56__3xxXe {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris56__3xxXe {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_vSeparator7__FxMJp {
  animation:none;
  display:block;
  position:relative;
  width:0;
  height:100%;
  align-self:center;
  background:none;
  opacity:.25;
  flex-shrink:0;
  min-height:0;
  border-left:1.5px dashed var(--token-GxsnUVMQYyPU)
}
@media (max-width:511px) {
  .XoiHomepage2_vSeparator7__FxMJp {
    width:100%;
    height:0;
    border-width:1.5px 0 0;
    border-top-style:dashed;
    border-right-style:solid;
    border-bottom-style:solid;
    min-width:0;
    border-color:var(--token-6uKeVdq_z7Os)
  }
}
.XoiHomepage2_seeMore___9SzSf__BLeL9.__wab_instance {
  position:relative;
  flex-grow:1
}
.XoiHomepage2_borderBottom7__l56Df {
  z-index:2;
  opacity:.15;
  border-bottom-width:1.5px;
  border-radius:24px;
  border-style:solid;
  border-color:var(--token-c1wlLZHFCHpZ)
}
.XoiHomepage2_borderBottom7__l56Df,.XoiHomepage2_borderSides7__KEhOU {
  animation:none;
  display:flex;
  width:100%;
  height:100%;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:absolute;
  left:0;
  top:0;
  min-width:0;
  min-height:0
}
.XoiHomepage2_borderSides7__KEhOU {
  z-index:1;
  border-left-width:1.5px;
  border-bottom-width:1.5px;
  border-right-width:1.5px;
  border-radius:24px;
  border-style:solid;
  border-color:var(--token-GxsnUVMQYyPU)
}
.XoiHomepage2_bgProjectBox7__SigC5 {
  animation:none;
  display:flex;
  width:auto;
  height:auto;
  background:#f8eee194;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:absolute;
  max-width:1440px;
  left:0;
  top:0;
  z-index:0;
  opacity:.1;
  bottom:0;
  right:0;
  backdrop-filter:contrast(200%);
  -webkit-backdrop-filter:contrast(200%);
  border-radius:24px;
  border:1.5px solid var(--token-6uKeVdq_z7Os)
}
.XoiHomepage2_svg__lvoNs__Hm9K3 {
  animation:none;
  object-fit:cover;
  height:28px;
  color:var(--token-p1_572SlkTUn);
  position:relative;
  flex-shrink:0
}
.XoiHomepage2_project6__3epb9 {
  align-items:center
}
.XoiHomepage2_project6__3epb9,.XoiHomepage2_projectContent6__Lsfuq {
  animation:none;
  display:flex;
  justify-content:flex-start;
  flex-direction:column;
  flex-shrink:1;
  flex-grow:1;
  max-width:1440px;
  width:100%;
  height:auto;
  min-width:0
}
.XoiHomepage2_projectContent6__Lsfuq {
  overflow:hidden;
  align-items:flex-start;
  border-top-right-radius:24px;
  border-top-left-radius:24px;
  z-index:3;
  border-width:1px 0 0;
  border-style:solid;
  border-color:var(--token-6uKeVdq_z7Os)
}
.XoiHomepage2_topProjectContent6__4aLiG {
  flex-direction:row;
  position:relative;
  justify-content:flex-start;
  width:100%;
  flex-wrap:wrap;
  height:auto
}
.XoiHomepage2_left6__6Rdkk,.XoiHomepage2_topProjectContent6__4aLiG {
  animation:none;
  display:flex;
  align-items:flex-start;
  flex-grow:1;
  flex-shrink:1
}
.XoiHomepage2_left6__6Rdkk {
  overflow:hidden;
  flex-direction:column;
  justify-content:space-between;
  width:50%;
  row-gap:8px;
  min-width:440px;
  align-self:stretch;
  padding:28px;
  border-right:1.5px;
  border-color:#f8eee166;
  border-style:dashed
}
@media (max-width:511px) {
  .XoiHomepage2_left6__6Rdkk {
    min-width:auto;
    padding-bottom:0
  }
}
.XoiHomepage2_frame79__br8eX {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  align-self:stretch;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:flex-start;
  color:var(--token-c1wlLZHFCHpZ)
}
.XoiHomepage2_text__fKmtg__VDowp {
  animation:none;
  display:block;
  font-size:14px;
  text-align:center;
  font-family:Metropolis;
  font-weight:600;
  letter-spacing:.14em;
  line-height:1.399999976158142;
  position:relative
}
.XoiHomepage2_text__oXXoj__0I3yf {
  animation:none;
  display:block;
  font-size:40px;
  font-family:var(--token-h6bz6GcVA-uO);
  font-weight:400;
  letter-spacing:0;
  line-height:1.159999966621399;
  color:var(--token-c1wlLZHFCHpZ);
  align-self:stretch;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_text__oXXoj__0I3yf {
    width:100%;
    white-space:pre-wrap;
    font-size:32px;
    min-width:0
  }
}
.XoiHomepage2_frame80__PvHys {
  animation:none;
  display:flex;
  position:relative;
  align-self:stretch;
  overflow:hidden;
  flex-direction:column;
  row-gap:10px;
  align-items:center;
  justify-content:center;
  min-height:108px;
  flex-grow:1;
  aspect-ratio:19/2;
  height:auto;
  flex-shrink:1;
  border-radius:8px
}
.XoiHomepage2_image12__TDCoY {
  animation:none;
  background:url(./xoi/folio/images/communesBioJpg.jpg) left 50% top 50%/cover no-repeat;
  height:100%;
  display:block;
  position:relative;
  align-self:stretch;
  transition-property:all;
  transition-duration:1s;
  transition-timing-function:ease-in-out;
  min-height:0;
  -webkit-transition-property:all;
  -webkit-transition-timing-function:ease-in-out;
  -webkit-transition-duration:1s
}
.XoiHomepage2_right6__kQ68c {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  flex-grow:1;
  overflow:hidden;
  flex-direction:column;
  align-items:stretch;
  justify-content:space-between;
  width:50%;
  row-gap:16px;
  flex-shrink:1;
  flex-wrap:wrap;
  min-width:440px;
  padding:28px
}
@media (max-width:511px) {
  .XoiHomepage2_right6__kQ68c {
    width:100%;
    min-width:auto
  }
}
.XoiHomepage2_frame81__8Z_j7 {
  overflow:hidden;
  column-gap:24px;
  align-items:stretch;
  justify-content:flex-start;
  color:var(--token-c1wlLZHFCHpZ);
  font-family:var(--token-JBDzCEdZPtTP);
  font-weight:600;
  align-self:stretch;
  flex-wrap:wrap;
  row-gap:8px
}
.XoiHomepage2_frame81__8Z_j7,.XoiHomepage2_frame82__TJ7sa {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row
}
.XoiHomepage2_frame82__TJ7sa {
  width:auto;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__rHuQ6__A5K_U {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span__rHuQ6__A5K_U {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_frame83__KEF93 {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__x0Beo__SgWRh {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative;
  padding-top:0
}
@media (max-width:511px) {
  .XoiHomepage2_span__x0Beo__SgWRh {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_frame84__loVkt {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__wlGfv__Pfv3V {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative;
  padding-bottom:0
}
@media (max-width:511px) {
  .XoiHomepage2_span__wlGfv__Pfv3V {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_p__oPi7T__cxPMM {
  animation:none;
  display:block;
  font-size:18px;
  font-weight:400;
  letter-spacing:.08em;
  line-height:var(--token-y13fl71RX_i4);
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  white-space:pre-wrap;
  align-self:stretch;
  flex-shrink:1;
  flex-grow:0;
  height:auto
}
@media (max-width:511px) {
  .XoiHomepage2_p__oPi7T__cxPMM {
    width:100%;
    font-size:var(--token-hFBCnhnh1qTA);
    min-width:0
  }
}
.XoiHomepage2_bottomProjectContent6__G8TTa {
  justify-content:space-between;
  width:100%;
  column-gap:28px;
  flex-grow:1;
  min-width:0;
  border-top:1.5px dashed #f8eee166
}
.XoiHomepage2_bottomProjectContent6__G8TTa,.XoiHomepage2_stacks6__bKZmP {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  flex-shrink:1;
  flex-wrap:wrap
}
.XoiHomepage2_stacks6__bKZmP {
  flex-grow:0;
  width:auto;
  justify-content:flex-start;
  column-gap:16px;
  align-self:center;
  row-gap:16px;
  align-content:stretch;
  min-width:88px;
  padding:24px 0 24px 28px
}
.XoiHomepage2_stack37__GOuHm {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__ki3J6__VXUjI {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  min-height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris49__WB9lq {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris49__WB9lq {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_stack38__TfTJH {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__gedCy__ufO6h {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris50__89613 {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris50__89613 {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_vSeparator6__w0tT5 {
  animation:none;
  display:block;
  position:relative;
  width:0;
  height:100%;
  align-self:center;
  background:none;
  opacity:.25;
  flex-shrink:0;
  min-height:0;
  border-left:1.5px dashed var(--token-GxsnUVMQYyPU)
}
@media (max-width:511px) {
  .XoiHomepage2_vSeparator6__w0tT5 {
    width:100%;
    height:0;
    border-width:1.5px 0 0;
    border-top-style:dashed;
    border-right-style:solid;
    border-bottom-style:solid;
    min-width:0;
    border-color:var(--token-6uKeVdq_z7Os)
  }
}
.XoiHomepage2_seeMore___1Nkvk__mTiSE.__wab_instance {
  position:relative;
  flex-grow:0
}
.XoiHomepage2_vSeparator9__xeKzz {
  animation:none;
  display:block;
  position:relative;
  width:0;
  height:100%;
  align-self:center;
  background:none;
  opacity:.25;
  flex-shrink:0;
  min-height:0;
  border-left:1.5px dashed var(--token-GxsnUVMQYyPU)
}
@media (max-width:511px) {
  .XoiHomepage2_vSeparator9__xeKzz {
    width:100%;
    height:0;
    border-width:1.5px 0 0;
    border-top-style:dashed;
    border-right-style:solid;
    border-bottom-style:solid;
    min-width:0;
    border-color:var(--token-6uKeVdq_z7Os)
  }
}
.XoiHomepage2_seeMore__aZzFb___Xx4i.__wab_instance {
  position:relative;
  flex-grow:1
}
.XoiHomepage2_borderBottom6__QRdWd {
  z-index:2;
  opacity:.15;
  border-bottom-width:1.5px;
  border-radius:24px;
  border-style:solid;
  border-color:var(--token-c1wlLZHFCHpZ)
}
.XoiHomepage2_borderBottom6__QRdWd,.XoiHomepage2_borderSides6__dA7Hz {
  animation:none;
  display:flex;
  width:100%;
  height:100%;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:absolute;
  left:0;
  top:0;
  min-width:0;
  min-height:0
}
.XoiHomepage2_borderSides6__dA7Hz {
  z-index:1;
  border-left-width:1.5px;
  border-bottom-width:1.5px;
  border-right-width:1.5px;
  border-radius:24px;
  border-style:solid;
  border-color:var(--token-GxsnUVMQYyPU)
}
.XoiHomepage2_bgProjectBox6__VLPqC {
  animation:none;
  display:flex;
  width:auto;
  height:auto;
  background:#f8eee194;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:absolute;
  max-width:1440px;
  left:0;
  top:0;
  z-index:0;
  opacity:.1;
  bottom:0;
  right:0;
  backdrop-filter:contrast(200%);
  -webkit-backdrop-filter:contrast(200%);
  border-radius:24px;
  border:1.5px solid var(--token-6uKeVdq_z7Os)
}
.XoiHomepage2_svg___8KGpH__Cjza9 {
  animation:none;
  object-fit:cover;
  height:28px;
  color:var(--token-p1_572SlkTUn);
  position:relative;
  flex-shrink:0
}
.XoiHomepage2_project5__H_oqr {
  align-items:center
}
.XoiHomepage2_project5__H_oqr,.XoiHomepage2_projectContent5__eyML5 {
  animation:none;
  display:flex;
  justify-content:flex-start;
  flex-direction:column;
  flex-shrink:1;
  flex-grow:1;
  max-width:1440px;
  width:100%;
  height:auto;
  min-width:0
}
.XoiHomepage2_projectContent5__eyML5 {
  overflow:hidden;
  align-items:flex-start;
  border-top-right-radius:24px;
  border-top-left-radius:24px;
  z-index:3;
  border-width:1px 0 0;
  border-style:solid;
  border-color:var(--token-6uKeVdq_z7Os)
}
.XoiHomepage2_topProjectContent5__6zC4I {
  flex-direction:row;
  position:relative;
  justify-content:flex-start;
  width:100%;
  flex-wrap:wrap;
  height:auto
}
.XoiHomepage2_left5__m0ntK,.XoiHomepage2_topProjectContent5__6zC4I {
  animation:none;
  display:flex;
  align-items:flex-start;
  flex-grow:1;
  flex-shrink:1
}
.XoiHomepage2_left5__m0ntK {
  overflow:hidden;
  flex-direction:column;
  justify-content:space-between;
  width:50%;
  row-gap:8px;
  min-width:440px;
  align-self:stretch;
  padding:28px;
  border-right:1.5px;
  border-color:#f8eee166;
  border-style:dashed
}
@media (max-width:511px) {
  .XoiHomepage2_left5__m0ntK {
    min-width:auto;
    padding-bottom:0
  }
}
.XoiHomepage2_frame73__OSIKt {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  align-self:stretch;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:flex-start;
  color:var(--token-c1wlLZHFCHpZ)
}
.XoiHomepage2_text___1Lbl__J9ZyW {
  animation:none;
  display:block;
  font-size:14px;
  text-align:center;
  font-family:Metropolis;
  font-weight:600;
  letter-spacing:.14em;
  line-height:1.399999976158142;
  position:relative
}
.XoiHomepage2_text__llNf9__PL6pR {
  animation:none;
  display:block;
  font-size:40px;
  font-family:var(--token-h6bz6GcVA-uO);
  font-weight:400;
  letter-spacing:0;
  line-height:1.159999966621399;
  color:var(--token-c1wlLZHFCHpZ);
  align-self:stretch;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_text__llNf9__PL6pR {
    width:100%;
    white-space:pre-wrap;
    font-size:32px;
    min-width:0
  }
}
.XoiHomepage2_frame74__eKRcn {
  animation:none;
  display:flex;
  position:relative;
  align-self:stretch;
  overflow:hidden;
  flex-direction:column;
  row-gap:10px;
  align-items:center;
  justify-content:center;
  min-height:108px;
  flex-grow:1;
  aspect-ratio:19/2;
  height:auto;
  flex-shrink:1;
  border-radius:8px
}
.XoiHomepage2_image11__VO0t3 {
  animation:none;
  background:url(./xoi/folio/images/fgx2Png.png) left 50% top 50%/cover no-repeat;
  height:100%;
  display:block;
  position:relative;
  align-self:stretch;
  transition-property:all;
  transition-duration:1s;
  transition-timing-function:ease-in-out;
  min-height:0;
  -webkit-transition-property:all;
  -webkit-transition-timing-function:ease-in-out;
  -webkit-transition-duration:1s
}
.XoiHomepage2_right5__TRRqP {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  flex-grow:1;
  overflow:hidden;
  flex-direction:column;
  align-items:stretch;
  justify-content:space-between;
  width:50%;
  row-gap:16px;
  flex-shrink:1;
  flex-wrap:wrap;
  min-width:440px;
  padding:28px
}
@media (max-width:511px) {
  .XoiHomepage2_right5__TRRqP {
    width:100%;
    min-width:auto
  }
}
.XoiHomepage2_frame75__tqLmU {
  overflow:hidden;
  column-gap:24px;
  align-items:stretch;
  justify-content:flex-start;
  color:var(--token-c1wlLZHFCHpZ);
  font-family:var(--token-JBDzCEdZPtTP);
  font-weight:600;
  align-self:stretch;
  flex-wrap:wrap;
  row-gap:8px
}
.XoiHomepage2_frame75__tqLmU,.XoiHomepage2_frame76__e7yjE {
  animation:none;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row
}
.XoiHomepage2_frame76__e7yjE {
  width:auto;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__lrXBh__T_XAr {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span__lrXBh__T_XAr {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_frame77__1Tdie {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span__a4H__AsP65 {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span__a4H__AsP65 {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_frame78__ADF76 {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  border-radius:8px
}
.XoiHomepage2_span___4Zpni__C8lAk {
  animation:none;
  display:block;
  font-size:16px;
  letter-spacing:.08em;
  line-height:1.350000023841858;
  position:relative
}
@media (max-width:511px) {
  .XoiHomepage2_span___4Zpni__C8lAk {
    font-size:var(--token-CLTTQM5W3rdE)
  }
}
.XoiHomepage2_p__jcXgF__VrLxs {
  animation:none;
  display:block;
  font-size:18px;
  font-weight:400;
  letter-spacing:.08em;
  line-height:var(--token-y13fl71RX_i4);
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  white-space:pre-wrap;
  align-self:stretch;
  flex-shrink:1;
  flex-grow:0;
  height:auto;
  padding-bottom:0
}
@media (max-width:511px) {
  .XoiHomepage2_p__jcXgF__VrLxs {
    width:100%;
    font-size:var(--token-hFBCnhnh1qTA);
    min-width:0
  }
}
.XoiHomepage2_bottomProjectContent5__UrQbl {
  justify-content:space-between;
  width:100%;
  column-gap:28px;
  flex-grow:1;
  min-width:0;
  border-top:1.5px dashed #f8eee166
}
.XoiHomepage2_bottomProjectContent5__UrQbl,.XoiHomepage2_stacks5__AKeVE {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  flex-shrink:1;
  flex-wrap:wrap
}
.XoiHomepage2_stacks5__AKeVE {
  flex-grow:0;
  width:auto;
  justify-content:flex-start;
  column-gap:16px;
  align-self:center;
  row-gap:16px;
  align-content:stretch;
  min-width:88px;
  padding:24px 0 24px 28px
}
.XoiHomepage2_stack34__11vV2 {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__f1En1__Nuw0t {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris45__sqAYf {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris45__sqAYf {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_stack39__NrkED {
  animation:none;
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:8px;
  width:auto
}
.XoiHomepage2_svg__s1WLj__Sx7yi {
  animation:none;
  object-fit:cover;
  max-width:24px;
  color:var(--token-p1_572SlkTUn);
  height:24px;
  flex-shrink:0
}
.XoiHomepage2_jaiRienCompris51__Wwt1S {
  animation:none;
  display:block;
  font-size:18px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  color:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-self:center
}
@media (max-width:511px) {
  .XoiHomepage2_jaiRienCompris51__Wwt1S {
    font-size:var(--token-hFBCnhnh1qTA)
  }
}
.XoiHomepage2_vSeparator5__jetKX {
  animation:none;
  display:block;
  position:relative;
  width:0;
  height:100%;
  align-self:center;
  background:none;
  opacity:.25;
  flex-shrink:0;
  min-height:0;
  border-left:1.5px dashed var(--token-GxsnUVMQYyPU)
}
@media (max-width:511px) {
  .XoiHomepage2_vSeparator5__jetKX {
    width:100%;
    height:0;
    border-width:1.5px 0 0;
    border-top-style:dashed;
    border-right-style:solid;
    border-bottom-style:solid;
    min-width:0;
    border-color:var(--token-6uKeVdq_z7Os)
  }
}
.XoiHomepage2_seeMore__cfPsa__XSyvj.__wab_instance {
  position:relative;
  flex-grow:0
}
.XoiHomepage2_vSeparator8__SJsCl {
  animation:none;
  display:block;
  position:relative;
  width:0;
  height:100%;
  align-self:center;
  background:none;
  opacity:.25;
  flex-shrink:0;
  min-height:0;
  border-left:1.5px dashed var(--token-GxsnUVMQYyPU)
}
@media (max-width:511px) {
  .XoiHomepage2_vSeparator8__SJsCl {
    width:100%;
    height:0;
    border-width:1.5px 0 0;
    border-top-style:dashed;
    border-right-style:solid;
    border-bottom-style:solid;
    min-width:0;
    border-color:var(--token-6uKeVdq_z7Os)
  }
}
.XoiHomepage2_seeMore__aCyYo__S2eMW.__wab_instance {
  position:relative;
  flex-grow:1
}
.XoiHomepage2_borderBottom5__vdSzB {
  z-index:2;
  opacity:.15;
  border-bottom-width:1.5px;
  border-radius:24px;
  border-style:solid;
  border-color:var(--token-c1wlLZHFCHpZ)
}
.XoiHomepage2_borderBottom5__vdSzB,.XoiHomepage2_borderSides5__AvF_W {
  animation:none;
  display:flex;
  width:100%;
  height:100%;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:absolute;
  left:0;
  top:0;
  min-width:0;
  min-height:0
}
.XoiHomepage2_borderSides5__AvF_W {
  z-index:1;
  border-left-width:1.5px;
  border-bottom-width:1.5px;
  border-right-width:1.5px;
  border-radius:24px;
  border-style:solid;
  border-color:var(--token-GxsnUVMQYyPU)
}
.XoiHomepage2_bgProjectBox5__mpmQm {
  animation:none;
  display:flex;
  width:auto;
  height:auto;
  background:#f8eee194;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:absolute;
  max-width:1440px;
  left:0;
  top:0;
  z-index:0;
  opacity:.1;
  bottom:0;
  right:0;
  backdrop-filter:contrast(200%);
  -webkit-backdrop-filter:contrast(200%);
  border-radius:24px;
  border:1.5px solid var(--token-6uKeVdq_z7Os)
}
.XoiHomepage2_separatorBottom__s10xq.__wab_instance {
  max-width:100%;
  width:100%;
  grid-column-start:1!important;
  grid-column-end:-1!important
}
.XoiHomepage2_folioIncoming2__r7MnT {
  display:block;
  position:relative;
  width:100%;
  margin-top:-188px;
  grid-column-start:1!important;
  grid-column-end:-1!important
}
.XoiHomepage2_curvedLoop__uuHQw__lURTO.__wab_instance {
  max-width:100%;
  object-fit:cover;
  position:absolute;
  left:0;
  top:0
}
.XoiHomepage2_freeBox__uW8Lg__Ivb3w {
  height:auto;
  justify-content:flex-start
}
.XoiHomepage2_freeBox__uW8Lg__Ivb3w,.XoiHomepage2_freeBox__zuxut__Keerx {
  animation:none;
  display:flex;
  flex-direction:column;
  position:relative;
  align-items:center;
  width:100%;
  min-width:0
}
.XoiHomepage2_freeBox__zuxut__Keerx {
  height:296px;
  max-width:100%;
  align-self:center;
  justify-content:center;
  overflow:hidden;
  margin-top:-96px;
  flex-shrink:0;
  padding:8px
}
.XoiHomepage2_freeBox__fancu__a6zTW {
  display:flex;
  flex-direction:row;
  position:absolute;
  align-items:stretch;
  justify-content:space-between;
  top:auto;
  left:auto;
  bottom:-12px;
  right:auto;
  width:75%
}
.XoiHomepage2_img___7Q25X__OzD3g {
  object-fit:cover;
  max-width:98px;
  width:auto;
  transform:rotate3d(0,0,-1,8deg)
}
.XoiHomepage2_img___7Q25X__OzD3g>picture>img {
  object-fit:cover
}
.XoiHomepage2_img__mrv4M__9_Wkg {
  object-fit:cover;
  max-width:98px;
  position:relative;
  left:auto;
  top:auto;
  width:auto;
  transform:rotate(8deg);
  right:auto;
  bottom:auto;
  height:auto
}
.XoiHomepage2_img__mrv4M__9_Wkg>picture>img {
  object-fit:cover
}
.XoiHomepage2_svg___3FfP___esV5 {
  object-fit:cover;
  height:148px;
  position:absolute;
  left:auto;
  top:auto;
  z-index:3;
  right:auto;
  bottom:-72px;
  flex-shrink:0
}
.XoiHomepage2_svg__kkgGu__4nibc {
  object-fit:cover;
  color:var(--token-p1_572SlkTUn);
  height:592px;
  position:relative;
  left:auto;
  top:auto;
  margin-bottom:-508px;
  z-index:2;
  flex-shrink:0
}
.XoiHomepage2_frame10__yJVUP {
  width:820px;
  height:820px;
  display:block;
  position:absolute;
  overflow:hidden;
  background:radial-gradient(ellipse 50% 50% at 50% 50%,var(--token-p1_572SlkTUn) 0,#ea735300 86%) 0 0 /100% 100% no-repeat;
  left:auto;
  top:0;
  right:auto;
  z-index:1;
  flex-shrink:0
}
.XoiHomepage2_frame8__ZdlIw {
  animation:none;
  width:100%;
  height:8px;
  display:block;
  position:relative;
  overflow:hidden;
  background:var(--token-p1_572SlkTUn);
  min-width:0;
  flex-shrink:0
}
.XoiHomepage2_fakeFeedback__JWP1o.__wab_instance {
  max-width:100%;
  width:100%;
  grid-column-start:1!important;
  grid-column-end:-1!important
}
.XoiHomepage2_footer__A0bLY {
  animation:none;
  display:flex;
  width:100%;
  height:auto;
  background:var(--token-c1wlLZHFCHpZ);
  position:relative;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  grid-column-start:1!important;
  grid-column-end:-1!important;
  border:1.5px solid #f8eee1c2
}
.XoiHomepage2_leftCorner__QwT5U {
  display:block;
  position:absolute;
  width:98px;
  height:98px;
  left:-.5px;
  top:-99px;
  overflow:hidden;
  bottom:0;
  flex-shrink:0
}
.XoiHomepage2_freeBox__kMk0__fy_b0 {
  display:block;
  position:absolute;
  left:17px;
  top:auto;
  right:auto;
  bottom:0;
  width:236px;
  height:236px;
  outline-width:96px;
  outline-style:solid;
  outline-color:var(--token-c1wlLZHFCHpZ);
  outline-offset:0;
  border-radius:64px
}
.XoiHomepage2_rightCorner__aXtlK {
  display:block;
  position:absolute;
  width:98px;
  height:98px;
  left:auto;
  top:-99px;
  overflow:hidden;
  transform:translateZ(0);
  bottom:0;
  right:0;
  flex-shrink:0
}
.XoiHomepage2_freeBox__inHfH__gDaAa {
  display:block;
  position:absolute;
  left:auto;
  top:auto;
  right:17px;
  bottom:0;
  width:236px;
  height:236px;
  outline-width:96px;
  outline-style:solid;
  outline-color:var(--token-c1wlLZHFCHpZ);
  outline-offset:0;
  border-radius:64px
}
.XoiHomepage2_footerContent__KzEuM {
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:center;
  justify-content:space-between;
  width:100%;
  height:auto;
  column-gap:16px;
  min-width:0;
  padding:32px 64px
}
@media (max-width:511px) {
  .XoiHomepage2_footerContent__KzEuM {
    display:flex;
    flex-direction:column;
    row-gap:32px;
    column-gap:0
  }
}
.XoiHomepage2_freeBox__xYJaZ__EKxm8 {
  display:flex;
  flex-direction:row;
  position:relative;
  align-items:stretch;
  justify-content:flex-start;
  column-gap:32px;
  max-width:33%
}
@media (max-width:511px) {
  .XoiHomepage2_freeBox__xYJaZ__EKxm8 {
    display:flex;
    flex-direction:column;
    row-gap:24px;
    width:100%;
    max-width:none;
    column-gap:0;
    min-width:0
  }
}
.XoiHomepage2_logoBox__FqsN6 {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  height:54px;
  column-gap:8px
}
@media (max-width:511px) {
  .XoiHomepage2_logoBox__FqsN6 {
    justify-content:center;
    align-items:center
  }
}
.XoiHomepage2_svg__j6Iw1__LibWP {
  object-fit:cover;
  max-width:100%;
  height:60px;
  width:60px;
  filter:drop-shadow(0 0 8px #00000047);
  flex-shrink:0
}
.XoiHomepage2_freeBox__s8BEs__YZakW {
  display:flex;
  flex-direction:column;
  position:relative;
  justify-content:flex-start;
  align-items:flex-start;
  row-gap:4px
}
.XoiHomepage2_span__iuPHb__ZCqcP {
  font-family:var(--token-h6bz6GcVA-uO);
  font-size:32px;
  line-height:1;
  white-space:pre
}
.XoiHomepage2_span__vMrt__uP2Bv {
  position:relative;
  font-family:var(--token-JBDzCEdZPtTP);
  font-size:14px;
  line-height:1;
  font-weight:400;
  padding-left:3px;
  white-space:pre
}
.XoiHomepage2_freeBox__ed3Lf__Ik7pN {
  display:block;
  position:relative;
  width:0;
  height:48px;
  flex-grow:1;
  flex-shrink:1;
  align-self:center;
  border-left:2px dashed var(--token-igy-ZrhVcuWB)
}
@media (max-width:511px) {
  .XoiHomepage2_freeBox__ed3Lf__Ik7pN {
    width:100%;
    height:0;
    border-top-style:dashed;
    border-left-style:dashed;
    border-top-width:2px;
    max-width:26%;
    min-width:0;
    flex-shrink:0
  }
}
.XoiHomepage2_p__eVKz1__HGwnW {
  position:relative;
  font-weight:600;
  font-size:var(--token-CLTTQM5W3rdE);
  height:100%;
  align-self:center;
  min-height:0
}
@media (max-width:511px) {
  .XoiHomepage2_p__eVKz1__HGwnW {
    text-align:center
  }
}
.XoiHomepage2_freeBox__xBo2B__5B0Iq {
  display:flex;
  position:relative;
  height:100%;
  flex-direction:row;
  width:100%;
  justify-content:space-between;
  min-width:0;
  min-height:0
}
@media (max-width:511px) {
  .XoiHomepage2_freeBox__xBo2B__5B0Iq {
    display:flex;
    flex-direction:column-reverse;
    row-gap:24px;
    column-gap:0
  }
}
.XoiHomepage2_freeBox__jWje__RE7JN {
  display:flex;
  flex-direction:row;
  position:relative;
  justify-content:center;
  align-items:stretch;
  width:80%;
  flex-wrap:wrap;
  align-content:stretch;
  color:#201b2180
}
@media (max-width:511px) {
  .XoiHomepage2_freeBox__jWje__RE7JN {
    align-self:center
  }
}
.XoiHomepage2_link__zII5i {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:6px;
  align-items:center;
  justify-content:flex-start;
  font-family:var(--token-JBDzCEdZPtTP);
  white-space:pre;
  padding:6px 16px
}
.XoiHomepage2_text__giqtu__J7WWZ {
  display:block;
  font-size:14px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1.399999976158142;
  position:relative
}
.XoiHomepage2_svg__lp8M0__gz3Ze {
  animation:none;
  object-fit:cover;
  max-width:100%;
  width:16px;
  height:24px;
  display:block;
  position:relative;
  overflow:hidden;
  flex-shrink:0
}
.XoiHomepage2_link2__CZaBH {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:6px;
  align-items:center;
  justify-content:flex-start;
  font-family:var(--token-JBDzCEdZPtTP);
  white-space:pre;
  padding:6px 16px
}
.XoiHomepage2_text__aRzGw__L3tpa {
  display:block;
  font-size:14px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1.399999976158142;
  position:relative
}
.XoiHomepage2_svg__k9Kty__VvGiR {
  animation:none;
  object-fit:cover;
  max-width:100%;
  width:16px;
  height:24px;
  display:block;
  position:relative;
  overflow:hidden;
  flex-shrink:0
}
.XoiHomepage2_link3__hb9l8 {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:6px;
  align-items:center;
  justify-content:flex-start;
  font-family:var(--token-JBDzCEdZPtTP);
  white-space:pre;
  padding:6px 16px
}
.XoiHomepage2_text___8YrCu__O8B9M {
  display:block;
  font-size:14px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1.399999976158142;
  position:relative
}
.XoiHomepage2_svg___8ZYd7__wkCiv {
  animation:none;
  object-fit:cover;
  max-width:100%;
  width:16px;
  height:24px;
  display:block;
  position:relative;
  overflow:hidden;
  flex-shrink:0
}
.XoiHomepage2_link4__6AKpB {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:6px;
  align-items:center;
  justify-content:flex-start;
  font-family:var(--token-JBDzCEdZPtTP);
  white-space:pre;
  padding:6px 16px
}
.XoiHomepage2_text__nE4Bq___cgAN {
  display:block;
  font-size:14px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1.399999976158142;
  position:relative
}
.XoiHomepage2_svg__uAs1A___1JxG {
  animation:none;
  object-fit:cover;
  max-width:100%;
  width:16px;
  height:24px;
  display:block;
  position:relative;
  overflow:hidden;
  flex-shrink:0
}
.XoiHomepage2_link5__B7znz {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:6px;
  align-items:center;
  justify-content:flex-start;
  font-family:var(--token-JBDzCEdZPtTP);
  white-space:pre;
  padding:6px 16px
}
.XoiHomepage2_text__wgjMa__iF2UT {
  display:block;
  font-size:14px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1.399999976158142;
  position:relative
}
.XoiHomepage2_svg__onCdP__2xVE8 {
  animation:none;
  object-fit:cover;
  max-width:100%;
  width:16px;
  height:24px;
  display:block;
  position:relative;
  overflow:hidden;
  flex-shrink:0
}
.XoiHomepage2_link6__ibHXJ {
  animation:none;
  width:auto;
  height:auto;
  display:flex;
  position:relative;
  flex-direction:row;
  column-gap:6px;
  align-items:center;
  justify-content:flex-start;
  font-family:var(--token-JBDzCEdZPtTP);
  white-space:pre;
  padding:6px 16px
}
.XoiHomepage2_text__fOri6__dkzXs {
  display:block;
  font-size:14px;
  text-align:center;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1.399999976158142;
  position:relative
}
.XoiHomepage2_svg__hxjOv__QUtwW {
  animation:none;
  object-fit:cover;
  max-width:100%;
  width:16px;
  height:24px;
  display:block;
  position:relative;
  overflow:hidden;
  flex-shrink:0
}
.XoiHomepage2_freeBox__b0Qij__pGBFb {
  display:flex;
  flex-direction:column;
  position:relative;
  justify-content:center;
  align-items:center;
  row-gap:4px
}
.XoiHomepage2_rotatingTexte__qxzZw__Nt4P9.__wab_instance {
  max-width:100%
}
.XoiHomepage2_text__yaqnN___n_f2 {
  position:relative;
  width:100%;
  height:auto;
  max-width:100%;
  font-size:var(--token-6MAclREwJwVE);
  text-align:center;
  font-weight:600;
  min-width:0
}
.Masonry_list__BHNj7 {
  position:relative;
  width:100%;
  height:100%
}
.Masonry_itemWrapper__hpK19 {
  position:absolute;
  will-change:transform,width,height,opacity;
  padding:6px;
  cursor:pointer;
  top:0;
  left:0;
  box-sizing:border-box
}
.Masonry_itemContent__2aBEk {
  width:100%;
  height:100%
}
.GradualBlur_gradualBlur__2TT_G {
  isolation:isolate;
  pointer-events:none;
  transition:opacity .3s ease-out
}
.GradualBlur_gradualBlurInner__Bjhak {
  position:relative;
  width:100%;
  height:100%;
  pointer-events:none
}
.GradualBlur_gradualBlurInner__Bjhak>div {
  -webkit-backdrop-filter:inherit;
  backdrop-filter:inherit
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
  .GradualBlur_gradualBlurInner__Bjhak>div {
    background:rgba(0,0,0,.3);
    opacity:.5
  }
}
.GradualBlur_gradualBlurFixed__iPHPx {
  position:fixed!important;
  top:0;
  left:0;
  right:0;
  bottom:0;
  pointer-events:none;
  z-index:1000
}
.XoiTab_frame10__fGz21 {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  overflow:visible;
  position:relative;
  column-gap:8px;
  justify-self:flex-start;
  height:100%;
  max-height:64px;
  cursor:pointer;
  min-height:0;
  border-radius:16px;
  padding:14px 24px 14px 18px;
  border:2px solid #ea735300
}
.XoiTab_frame10isActive__0Ilb0 {
  border-color:var(--token-p1_572SlkTUn)
}
.XoiTab_frame10__fGz21:active {
  border:2px solid var(--token-p1_572SlkTUn)
}
.XoiTab_frame10__fGz21:hover:not(:active) {
  border:2px solid var(--token-p1_572SlkTUn)
}
.XoiTab_frame10__fGz21:focus:not(:active),.XoiTab_frame10__fGz21:hover:not(:active) {
  outline-width:3px;
  outline-color:var(--token-p1_572SlkTUn);
  outline-style:solid;
  outline-offset:-1px
}
.XoiTab_frame10__fGz21:focus:not(:active) {
  height:100%;
  max-height:64px;
  column-gap:8px;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  row-gap:0;
  min-height:0;
  border-radius:16px;
  padding:14px 24px 14px 18px;
  border:2px solid var(--token-p1_572SlkTUn)
}
.XoiTab_frame10__fGz21:focus-within:not(:active) {
  height:100%;
  max-height:64px;
  column-gap:8px;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  outline-width:3px;
  outline-style:solid;
  outline-color:var(--token-p1_572SlkTUn);
  outline-offset:-1px;
  row-gap:0;
  min-height:0;
  border-radius:16px;
  padding:14px 24px 14px 18px;
  border:2px solid var(--token-p1_572SlkTUn)
}
.XoiTab_iconBox__Ngmxu {
  position:relative;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:24px;
  min-height:0
}
.XoiTab_slotTargetIcon__BvmUg {
  white-space:pre;
  color:var(--token-p1_572SlkTUn)
}
.XoiTab_svg__uddJz__DkHfE {
  object-fit:cover;
  color:#ea7353;
  display:block;
  position:relative;
  transform:rotate3d(0,0,.1,-22deg);
  width:100%;
  max-width:24px;
  min-width:0;
  height:1em;
  flex-shrink:0
}
.XoiTab_text__tEHhY {
  display:block;
  font-size:18px;
  font-family:Metropolis;
  font-weight:400;
  letter-spacing:0;
  color:#f8eee1;
  position:relative;
  isolation:auto;
  line-height:var(--token-y13fl71RX_i4);
  white-space:pre;
  margin:auto
}