html[data-bo2] #client_main{--ctx:var(--ac);--ctx2:color-mix(in srgb,var(--ac) 70%,var(--s0))}html[data-bo2] #client_main[data-bomod=haccp]{--ctx:var(--mod-haccp);--ctx2:var(--brique-1b)}html[data-bo2] #client_main[data-bomod=rh]{--ctx:var(--mod-rh);--ctx2:color-mix(in srgb,var(--mod-rh) 60%,var(--s0))}html[data-bo2] #client_main[data-bomod=stock]{--ctx:var(--mod-stock);--ctx2:var(--brique-2b)}html[data-bo2] #client_main[data-bomod=fid]{--ctx:var(--mod-fid);--ctx2:var(--brique-3b)}html[data-bo2] #client_main[data-bomod=food]{--ctx:var(--mod-food);--ctx2:var(--brique-6b)}html[data-bo2] #client_main[data-bomod=orga]{--ctx:var(--mod-orga);--ctx2:var(--brique-5b)}html[data-bo2] #client_main{--ctx-f:color-mix(in srgb,var(--ctx) 62%,var(--t0));--ctx-l:color-mix(in srgb,var(--ctx) 12%,var(--s0))}html[data-bo2] #client_main{background:radial-gradient(1100px 520px at 100% -8%,color-mix(in srgb,var(--ctx) 18%,transparent),transparent 62%),radial-gradient(800px 500px at -10% 110%,color-mix(in srgb,var(--ctx2) 14%,transparent),transparent 60%),var(--s2)}html[data-bo2] #client .side{background:var(--s1)}html[data-bo2] #client .bo-it.on{background:linear-gradient(120deg,color-mix(in srgb,var(--ac) 18%,var(--s0)),var(--s0));box-shadow:inset 3px 0 0 var(--ac)}html[data-bo2] #client_main h1{font:800 34px/1.1 var(--disp);letter-spacing:-.025em;color:var(--t0)}html[data-bo2] #client_main header p:first-child,html[data-bo2] #client_main header [class*=sur],html[data-bo2] #client_main header [class*=eyebrow]{color:var(--ctx-f)}html[data-bo2] #client_main .bo-b:not(.contour):not(.ghost):not(.lien){border:0;border-radius:14px;color:var(--s0);background:linear-gradient(135deg,color-mix(in srgb,var(--ctx) 78%,var(--s0)),var(--ctx));box-shadow:0 12px 24px -14px var(--ctx)}html[data-bo2] #client_main .bo-b.contour,html[data-bo2] #client_main .bo-b.ghost{border:0;border-radius:14px;background:var(--s0);box-shadow:0 0 0 1px var(--fil-f),0 6px 14px -12px color-mix(in srgb,var(--t0) 40%,transparent)}html[data-bo2] #client_main .bo-sel,html[data-bo2] #client_main input[type=text],html[data-bo2] #client_main input[type=search],html[data-bo2] #client_main input:not([type]){border-radius:12px}html[data-bo2] #client_main .bo-sel:focus,html[data-bo2] #client_main input:focus{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--ctx) 30%,transparent)}html[data-bo2] #client_main [role=tab][aria-selected=true],html[data-bo2] #client_main [role=tablist] .on{color:var(--ctx-f);box-shadow:inset 0 -3px 0 var(--ctx)}html[data-bo2] #client_main [class*=carte],html[data-bo2] #client_main [class*=-bloc],html[data-bo2] #client_main section[class],html[data-bo2] #client_main details{border-color:transparent;border-radius:20px;background:var(--s0);box-shadow:0 0 0 1px color-mix(in srgb,var(--ctx) 14%,var(--fil)),0 18px 34px -28px color-mix(in srgb,var(--ctx) 70%,transparent)}html[data-bo2] #client_main table{border-collapse:separate;border-spacing:0}html[data-bo2] #client_main thead th,html[data-bo2] #client_main [class*=-thead],html[data-bo2] #client_main [class*=entete]{background:var(--ctx-l);color:var(--ctx-f)}html[data-bo2] #client_main tbody tr:hover td{background:color-mix(in srgb,var(--ctx) 5%,var(--s0))}html[data-bo2] #client_main [class*=-ic]:not(svg),html[data-bo2] #client_main [class*=-ico]:not(svg){background:linear-gradient(135deg,color-mix(in srgb,var(--ctx2) 40%,var(--s0)),color-mix(in srgb,var(--ctx) 28%,var(--s0)));color:var(--ctx-f)}html[data-bo2] #client_main .vd-v2 [class*=grid-cols-5]>.bg-card{--k:var(--ac);border:0;border-radius:20px;background:linear-gradient(150deg,color-mix(in srgb,var(--k) 20%,var(--s0)),color-mix(in srgb,var(--k) 6%,var(--s0)));box-shadow:0 0 0 1px color-mix(in srgb,var(--k) 28%,var(--s0)),0 18px 30px -24px var(--k)}html[data-bo2] #client_main .vd-v2 [class*=grid-cols-5]>.bg-card:nth-child(1){--k:var(--mod-haccp)}html[data-bo2] #client_main .vd-v2 [class*=grid-cols-5]>.bg-card:nth-child(2){--k:var(--mod-rh)}html[data-bo2] #client_main .vd-v2 [class*=grid-cols-5]>.bg-card:nth-child(3){--k:var(--mod-food)}html[data-bo2] #client_main .vd-v2 [class*=grid-cols-5]>.bg-card:nth-child(4){--k:var(--mod-stock)}html[data-bo2] #client_main .vd-v2 [class*=grid-cols-5]>.bg-card:nth-child(5){--k:var(--mod-fid)}html[data-bo2] #client_main .vd-v2 [class*=grid-cols-5]>.bg-card>p.font-mono{color:color-mix(in srgb,var(--k) 60%,var(--t0));font-size:36px}html[data-bo2] #client_main .vd-v2 .bg-card{border-radius:20px}html[data-bo2] #client_main header:first-child,html[data-bo2] #client_main [class$=-tete]{position:relative}html[data-bo2] #client_main thead th,html[data-bo2] #client_main [class*=-thead]{background:color-mix(in srgb,var(--ctx) 18%,var(--s0))}