:root{
--ch1:184px;
--gap:26px;
--pw1:calc(var(--ch1) * 2 + var(--gap));
--pw2:100%;
--col:repeat(auto-fill,minmax(var(--ch1),1fr));
--bw1:2px;
--icx:55px;
--btn:var(--icx);
--bgc:#181818;
--bg2:#2a2a2a;
--ibg:#1a1a1a;
--bc1:#444;
--cl1:#eee;
--cl2:#666;
--n01:#000;
--ooo:#111;
--n02:#060606;
--ac1:#f05533;
--ac2:orange;
--ac1-dark:color-mix(in srgb,var(--ac1),black 20%);
--ac2-dark:color-mix(in srgb,var(--ac2),black 20%);
--ac1-dark-dark:color-mix(in srgb,var(--ac1),black 40%);
--ac2-dark-dark:color-mix(in srgb,var(--ac2),black 40%);
--ac1-light:color-mix(in srgb,var(--ac1),white 20%);
--ac2-light:color-mix(in srgb,var(--ac2),white 20%);
--lh1:30px;
--hover-bg:rgba(255,255,255,0.05);
--gx1:calc(var(--gap) * 1.5);
--gx2:58px;
--gx3:calc(var(--gap) * 3);
--gx4:calc(var(--gap) * 1.125);
--gd2:calc(var(--gap) / 2);
--br0:calc(var(--br1) * 2);
--br1:16px;
--br2:calc(var(--br1) / 2);
--br3:calc(var(--br1) / 3);
--br4:calc(var(--br1) / 4);
--br5:calc(var(--br1) / 5);
--br6:calc(var(--br1) / 6);
--br7:calc(var(--br1) / 7);
--br8:calc(var(--br1) / 8);
--br9:calc(var(--br1) / 9);
--msg:8px;
--msh:54px;
--max:calc(100% - (var(--gap) * 2));
--mxw:calc(100vw - (var(--gap) * 2));
--mxh:calc(100vh - (var(--gap) * 2));
--fz1:1.168rem;
--fz2:1.11rem;
--fw1:460;
--bfz:.95rem;
}