@layer context, elements, modifiers;

@layer context {
/* ---- Icons.css ---- */
:root {
  --icon-bell: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M10.268%2021a2%202%200%200%200%203.464%200%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M3.262%2015.326A1%201%200%200%200%204%2017h16a1%201%200%200%200%20.74-1.673C19.41%2013.956%2018%2012.499%2018%208A6%206%200%200%200%206%208c0%204.499-1.411%205.956-2.738%207.326%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-book: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M4%2019.5v-15A2.5%202.5%200%200%201%206.5%202H19a1%201%200%200%201%201%201v18a1%201%200%200%201-1%201H6.5a1%201%200%200%201%200-5H20%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-book-open: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M12%205v16%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M20.001%2019A2%202%200%200022%2017V5a2%202%200%2000-1.999-2L16%203.002A5%205%200%200012%205a5%205%200%2000-4-2H4a2%202%200%2000-2%202v12a2%202%200%20001.999%202H8a5%205%200%20014%202%205%205%200%20014-2z%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-bullhorn: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M11%206a13%2013%200%200%200%208.4-2.8A1%201%200%200%201%2021%204v12a1%201%200%200%201-1.6.8A13%2013%200%200%200%2011%2014H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2z%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M6%2014a12%2012%200%200%200%202.4%207.2%202%202%200%200%200%203.2-2.4A8%208%200%200%201%2010%2014%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M8%206v8%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-checkmark: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-chevron-left: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22m15%2018-6-6%206-6%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-chevron-down: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22m6%209%206%206%206-6%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-chevron-right: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-clock: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M12%206v6l4%202%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-chevron-up: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22m18%2015-6-6-6%206%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-cog: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M9.671%204.136a2.34%202.34%200%200%201%204.659%200%202.34%202.34%200%200%200%203.319%201.915%202.34%202.34%200%200%201%202.33%204.033%202.34%202.34%200%200%200%200%203.831%202.34%202.34%200%200%201-2.33%204.033%202.34%202.34%200%200%200-3.319%201.915%202.34%202.34%200%200%201-4.659%200%202.34%202.34%200%200%200-3.32-1.915%202.34%202.34%200%200%201-2.33-4.033%202.34%202.34%200%200%200%200-3.831A2.34%202.34%200%200%201%206.35%206.051a2.34%202.34%200%200%200%203.319-1.915%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-credit-card: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%225%22%20rx%3D%222%22%20%2F%3E%0A%20%20%3Cline%20x1%3D%222%22%20x2%3D%2222%22%20y1%3D%2210%22%20y2%3D%2210%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M6%2014h2%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-cross: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M18%206%206%2018%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22m6%206%2012%2012%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-logo-crow: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20345.5%20341.9%22%3E%3Cpath%20d%3D%22M157.4%20249.7c-.3-.7-12-6-13-6l-46%2016.9c-13.8%2013.2-52.6%2068.1-71.8%2066.6-2.9-.2-4.3-2.8-7.1-2.9s-5.2%203.7-10.9%202.9c-13.3-1.9-10.8-4%205.4-22.4s35.9-34.2%2053.4-51.3c7.6-7.4%2015.1-14.9%2022-23l.4-1.4c-2.9-2.7-4.7%204-2.7-7.9s18.3-37.5%2025.3-48.5c15-23.8%2034.5-53.6%2055.2-72.4%206.2-5.6%2023.1-16%2026.8-21.1%2010.9-14.8%208.8-41.6%2022.1-58.7%2017.9-22.9%2056.4-27.6%2078.8-9%202.4%202%206.7%209.3%2010%2011s15.2%202.8%2020.5%204.5c3.4%201.1%2022.6%209.2%2019.4%2013.9l-36.7%2013.6c-4.7%208-11.4%2014.8-12.2%2025.2s2%204.9%209.2%2032.6-.3%2048.8-13.7%2072.6-32.6%2041.2-57.1%2053.1l-3.2%2013.3%2030.9%2032.9c5.8-1.5%2013-1.6%2018.2-2.7s6.8-5%2013.9-2.5c4.9%201.8%205.3%205.3%206.8%206.2s3.8.5%205.7%201.3c4.8%202%207.2%208.2%206.2%2013.2-1.6-.2-1.3-2.3-3-3.5-8.1-6.1-8.2%203.3-16.9%201.5%201.4%205.7%207%209.4%202.5%2016-.6%200-1.9-7.7-6.4-8.6-11.5%208.2-24.2-9-34.6-9.4-5.3-.2-12%204-19.9%203-5.2-.7-7.4-6.8-12.4-2.5-1.7%201.4-1.6%204.6-4%205.4-1.9-16.6%2015.3-14.2%2026.4-15%201.5-.1%202.9.8%202.5-1.5L220%20254.6c-4-1.5-6.8-3.2-9.5-6.5l-21.2%201.7c-3%202.5-12%2011.4-11.5%2015l27%2045.3c12%206.9%2031.1-4%2042.1%205.2%205%204.1%203.4%207.5%204.7%2012.2s4.9%207.6%201.8%2013.7c-3%20.6%201.3%202.6-2.9-4.5s-6.4-2.4-10.4-2.5c-2.1-.1-8-3.6-8.6-3l2%2010c-3.2%201.1-4.3-3.3-6.6-3.8s-5.5%201.4-10.2%200c-7.8-2.3-16.2-16-20.8-17.1s-11%203.2-18.6-1.3c-4-2.3-5.3-8.2-11.4-5.1-2%201.1-1.5%203.1-3.2%203.3-.5-9.3%206.1-12%2014.4-10.9%203.4.4%206.5%202.6%2010.1%202.9%201.5.1%203%20.6%202.5-1.5-7.3-12.7-14.6-25.7-22.9-37.9-2.8-4.3-8.1-7.9-8.9-13-.2-2.1.5-6.2-.2-7.3z%22%2F%3E%3C%2Fsvg%3E');
  --icon-css-3: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M20%204l-2%2014.5l-6%202l-6%20-2l-2%20-14.5l16%200%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M8.5%208h7l-4.5%204h4l-.5%203.5l-2.5%20.75l-2.5%20-.75l-.1%20-.5%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-dark: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M20.985%2012.486a9%209%200%201%201-9.473-9.472c.405-.022.617.46.402.803a6%206%200%200%200%208.268%208.268c.344-.215.825-.004.803.401%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-desktop: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%223%22%20rx%3D%222%22%20%2F%3E%0A%20%20%3Cline%20x1%3D%228%22%20x2%3D%2216%22%20y1%3D%2221%22%20y2%3D%2221%22%20%2F%3E%0A%20%20%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%2217%22%20y2%3D%2221%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-download: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M12%2015V3%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22m7%2010%205%205%205-5%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-earth: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M21.54%2015H17a2%202%200%200%200-2%202v4.54%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M7%203.34V5a3%203%200%200%200%203%203a2%202%200%200%201%202%202c0%201.1.9%202%202%202a2%202%200%200%200%202-2c0-1.1.9-2%202-2h3.17%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M11%2021.95V18a2%202%200%200%200-2-2a2%202%200%200%201-2-2v-1a2%202%200%200%200-2-2H2.05%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-embed: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22m16%2018%206-6-6-6%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22m8%206-6%206%206%206%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-eye: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-folder: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M20%2020a2%202%200%200%200%202-2V8a2%202%200%200%200-2-2h-7.9a2%202%200%200%201-1.69-.9L9.6%203.9A2%202%200%200%200%207.93%203H4a2%202%200%200%200-2%202v13a2%202%200%200%200%202%202Z%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-heart-broken: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M12.409%205.824c-.702.792-1.15%201.496-1.415%202.166l2.153%202.156a.5.5%200%200%201%200%20.707l-2.293%202.293a.5.5%200%200%200%200%20.707L12%2015%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M13.508%2020.313a2%202%200%200%201-3%20.019L5%2015c-1.5-1.5-3-3.2-3-5.5a5.5%205.5%200%200%201%209.591-3.677.6.6%200%200%200%20.818.001A5.5%205.5%200%200%201%2022%209.5c0%202.29-1.5%204-3%205.5z%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-heart: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M2%209.5a5.5%205.5%200%200%201%209.591-3.676.56.56%200%200%200%20.818%200A5.49%205.49%200%200%201%2022%209.5c0%202.29-1.5%204-3%205.5l-5.492%205.313a2%202%200%200%201-3%20.019L5%2015c-1.5-1.5-3-3.2-3-5.5%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-home: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M15%2021v-8a1%201%200%200%200-1-1h-4a1%201%200%200%200-1%201v8%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M3%2010a2%202%200%200%201%20.709-1.528l7-6a2%202%200%200%201%202.582%200l7%206A2%202%200%200%201%2021%2010v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-html-5: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M20%204l-2%2014.5l-6%202l-6%20-2l-2%20-14.5l16%200%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M15.5%208h-7l.5%204h6l-.5%203.5l-2.5%20.75l-2.5%20-.75l-.1%20-.5%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-image: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%222%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22m21%2015-3.086-3.086a2%202%200%200%200-2.828%200L6%2021%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-layout: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M10%2022V7a1%201%200%200%200-1-1H4a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-5a1%201%200%200%200-1-1H2%22%20%2F%3E%0A%20%20%3Crect%20x%3D%2214%22%20y%3D%222%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-images: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22m22%2011-1.296-1.296a2.4%202.4%200%200%200-3.408%200L11%2016%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M4%208a2%202%200%200%200-2%202v10a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2213%22%20cy%3D%227%22%20r%3D%221%22%20fill%3D%22currentColor%22%20%2F%3E%0A%20%20%3Crect%20x%3D%228%22%20y%3D%222%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-light: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M12%202v2%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M12%2020v2%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22m4.93%204.93%201.41%201.41%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22m17.66%2017.66%201.41%201.41%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M2%2012h2%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M20%2012h2%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22m6.34%2017.66-1.41%201.41%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22m19.07%204.93-1.41%201.41%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-lock-open: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Crect%20width%3D%2218%22%20height%3D%2211%22%20x%3D%223%22%20y%3D%2211%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%209.9-1%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-lock-closed: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Crect%20width%3D%2218%22%20height%3D%2211%22%20x%3D%223%22%20y%3D%2211%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-logo-apeegg-simple: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20340%20448%22%3E%0A%20%20%3Cpath%20fill%3D%22%23000%22%0A%20%20%20%20d%3D%22M305.249%20120.181C273.934%2053.884%20221.742%200%20169.834%200%20117.079%200%2064.323%2058.398%2033.008%20126.106%209.028%20178.861%200%20237.259%200%20278.167c0%2093.944%2076.171%20169.834%20169.834%20169.834s169.834-76.171%20169.834-169.834c0-41.753-9.31-104.383-34.418-157.985zM132.877%20390.166c-37.521.847-37.521-27.647-37.521-27.647%202.257-24.544%2020.03-19.184%2043.164-20.03s42.035%2016.927%2043.164%2026.801c.847%209.874-11.284%2020.03-48.806%2020.877zm115.949-180.272c0%2018.337%2014.952%2027.93%2018.056%2036.957%203.103%209.31%206.489%2027.083-2.821%2030.751-13.824%205.078-26.237-4.514-44.574-16.081s-7.617%2010.721-7.617%2010.721%2017.773%2028.493%2017.773%2055.295-21.441%2018.337-21.441%2018.337-30.468-25.108-69.683-25.108c-39.214%200-40.343%209.028-54.73%209.874-14.67.847-15.234-3.95-15.234-17.773s7.617-22.851%2018.056-34.7c7.335-8.181%206.489-23.134-5.925-16.927s-37.521%2015.234-38.368%200%2022.287-35.265%2022.287-49.934-32.161-29.904-33.854-41.471C29.34%20158.268%2047.678%2094.51%2081.532%2093.664c33.008-.847%2010.438%2028.493%2063.194%2029.904h6.771c7.899-.282%2021.723-.564%2043.728-20.594%2027.647-25.39%2052.192-20.03%2062.912-11.567s32.161%2020.03%2032.161%2057.552c0%2037.804-41.471%2042.317-41.471%2060.937z%22%20%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23000%22%0A%20%20%20%20d%3D%22M116.232%20208.201c-12.695%201.975-29.058-9.028-34.418-12.977-.847-.564-1.975-.282-2.257.847-6.489%2024.544%206.206%2023.98%2012.413%2025.955%206.489%201.975%202.539%206.489-.282%208.181-3.385%201.693-15.799-1.128-15.799-1.128.564%207.335%2014.388%205.078%2020.03%204.796%201.41%200%202.821-.564%203.95-1.693%206.489-5.642%2029.622-25.955%2016.363-23.98zm69.4%205.643c-11.849-.282%205.078%2014.67%2013.542%2021.723%203.103%202.539%206.771%204.232%2010.721%204.796%206.489.847%2015.799.847%2016.081-5.642%200%200-13.259%203.103-15.799%201.128s-7.053-6.206-.282-8.181c6.489-1.975%2030.186-1.411%2022.569-27.93-.282%200-30.186%2014.388-46.831%2014.106zm-10.72%2020.312c-6.206%200-34.418%2028.212-34.983%2033.008-.282%204.514-7.053-31.033-26.237-30.186-19.184.564-12.977%2013.259-11.003%2019.184s16.645%2017.491%2021.159%2017.773c0%200-13.824-13.541-13.824-18.902s1.41-7.053%205.36-7.053%209.31%203.103%2012.695%2010.72c2.539%205.925%206.206%2013.824%207.617%2017.491.564%201.128%201.411%201.693%202.821%201.693.847%200%201.975-.564%202.257-1.128%203.95-5.642%2021.441-28.776%2031.879-28.776%2011.849%200%207.053%2012.413%203.95%2014.952-3.103%202.821-9.874%207.617-20.03%209.592%200%200%2013.824%203.95%2029.622-11.567%2015.799-14.952-3.385-26.801-11.284-26.801z%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-logo-apeegg: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20777%20448%22%3E%0A%20%20%3Cpath%20fill%3D%22%23000%22%0A%20%20%20%20d%3D%22M305.249%20120.181C273.934%2053.884%20221.742%200%20169.834%200%20117.079%200%2064.323%2058.398%2033.008%20126.106%209.028%20178.861%200%20237.259%200%20278.167c0%2093.944%2076.171%20169.834%20169.834%20169.834s169.834-76.171%20169.834-169.834c0-41.753-9.31-104.383-34.418-157.985zM132.877%20390.166c-37.521.847-37.521-27.647-37.521-27.647%202.257-24.544%2020.03-19.184%2043.164-20.03s42.035%2016.927%2043.164%2026.801c.847%209.874-11.284%2020.03-48.806%2020.877zm115.949-180.272c0%2018.337%2014.952%2027.93%2018.056%2036.957%203.103%209.31%206.489%2027.083-2.821%2030.751-13.824%205.078-26.237-4.514-44.574-16.081s-7.617%2010.721-7.617%2010.721%2017.773%2028.493%2017.773%2055.295-21.441%2018.337-21.441%2018.337-30.468-25.108-69.683-25.108c-39.214%200-40.343%209.028-54.73%209.874-14.67.847-15.234-3.95-15.234-17.773s7.617-22.851%2018.056-34.7c7.335-8.181%206.489-23.134-5.925-16.927s-37.521%2015.234-38.368%200%2022.287-35.265%2022.287-49.934-32.161-29.904-33.854-41.471C29.34%20158.268%2047.678%2094.51%2081.532%2093.664c33.008-.847%2010.438%2028.493%2063.194%2029.904h6.771c7.899-.282%2021.723-.564%2043.728-20.594%2027.647-25.39%2052.192-20.03%2062.912-11.567s32.161%2020.03%2032.161%2057.552c0%2037.804-41.471%2042.317-41.471%2060.937z%22%20%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23000%22%0A%20%20%20%20d%3D%22M116.232%20208.201c-12.695%201.975-29.058-9.028-34.418-12.977-.847-.564-1.975-.282-2.257.847-6.489%2024.544%206.206%2023.98%2012.413%2025.955%206.489%201.975%202.539%206.489-.282%208.181-3.385%201.693-15.799-1.128-15.799-1.128.564%207.335%2014.388%205.078%2020.03%204.796%201.41%200%202.821-.564%203.95-1.693%206.489-5.642%2029.622-25.955%2016.363-23.98zm69.4%205.643c-11.849-.282%205.078%2014.67%2013.542%2021.723%203.103%202.539%206.771%204.232%2010.721%204.796%206.489.847%2015.799.847%2016.081-5.642%200%200-13.259%203.103-15.799%201.128s-7.053-6.206-.282-8.181c6.489-1.975%2030.186-1.411%2022.569-27.93-.282%200-30.186%2014.388-46.831%2014.106zm-10.72%2020.312c-6.206%200-34.418%2028.212-34.983%2033.008-.282%204.514-7.053-31.033-26.237-30.186-19.184.564-12.977%2013.259-11.003%2019.184s16.645%2017.491%2021.159%2017.773c0%200-13.824-13.541-13.824-18.902s1.41-7.053%205.36-7.053%209.31%203.103%2012.695%2010.72c2.539%205.925%206.206%2013.824%207.617%2017.491.564%201.128%201.411%201.693%202.821%201.693.847%200%201.975-.564%202.257-1.128%203.95-5.642%2021.441-28.776%2031.879-28.776%2011.849%200%207.053%2012.413%203.95%2014.952-3.103%202.821-9.874%207.617-20.03%209.592%200%200%2013.824%203.95%2029.622-11.567%2015.799-14.952-3.385-26.801-11.284-26.801zm309.199-77.3H451.95l-14.388%2043.446h-42.599l48.524-165.038h49.652l48.242%20165.038h-42.317zM601.189%2035.265c7.053%200%2013.542%201.128%2019.184%203.668s10.72%206.206%2014.67%2010.721c3.95%204.796%207.335%2010.156%209.31%2016.927q3.385%209.734%203.385%2022.005c0%207.899-1.128%2015.234-3.385%2021.723s-5.36%2012.131-9.31%2016.927-9.028%208.463-14.67%2011.003-12.131%203.95-19.184%203.95h-12.413v58.116h-37.803V35.267h50.217zm160.806%2037.239h-63.758v26.801h46.831v37.239h-46.831v26.519h63.758v37.239H660.998V35.264h100.997zM502.73%20279.013h-64.04v26.519h47.114v37.239h-47.113v26.519h64.04v37.239H401.452V241.773h101.279zm134.005%2097.048c-2.821%203.95-6.206%207.899-10.156%2011.567s-8.181%207.053-12.977%209.874-10.156%205.078-15.799%206.771-11.849%202.539-18.056%202.539h-.282c-9.874%200-18.62-1.693-26.237-4.796-7.617-3.385-13.824-7.899-18.902-13.541s-9.028-12.695-11.849-20.594-4.232-16.645-4.796-26.237v-34.136c0-8.746%201.41-17.209%203.95-25.39%202.539-7.899%206.489-14.952%2011.849-20.877%205.078-5.925%2011.567-10.721%2019.184-14.388s16.645-5.36%2026.519-5.36h.282q15.234.846%2024.544%205.078c6.206%203.103%2011.284%206.489%2014.952%2010.438s6.489%207.899%208.463%2011.849q2.963%205.925%205.078%209.31l-30.468%2020.312c-.847-1.693-1.693-3.385-2.539-5.642s-2.257-3.95-3.95-5.642-3.95-3.385-6.206-4.514c-2.539-1.128-5.642-1.975-9.592-1.975-7.335%200-13.259%202.539-17.491%207.335-4.232%205.078-6.489%2011.567-6.489%2019.748v32.161c0%203.95.564%207.617%201.975%2011.284%201.411%203.385%203.103%206.489%205.36%208.746%202.257%202.539%205.078%204.514%208.181%205.925s6.489%202.257%2010.156%202.257c5.078.282%209.31-.847%2012.413-2.539%203.103-1.975%205.642-4.232%207.335-7.335v-8.181h-17.491v-31.879h53.32v57.834zm140.212%200c-2.821%203.95-6.206%207.899-10.156%2011.567s-8.181%207.053-12.977%209.874-10.156%205.078-15.799%206.771-11.849%202.539-18.056%202.539h-.564c-9.874%200-18.62-1.693-26.237-4.796-7.617-3.385-13.824-7.899-18.902-13.541s-9.028-12.695-11.849-20.594-4.232-16.645-4.514-26.237v-34.136c0-8.746%201.41-17.209%203.95-25.39%202.539-7.899%206.489-14.952%2011.849-20.877%205.078-5.925%2011.567-10.721%2019.184-14.388s16.645-5.36%2026.519-5.36h.282q15.234.846%2024.544%205.078c6.206%203.103%2011.284%206.489%2014.952%2010.438s6.489%207.899%208.463%2011.849q2.963%205.925%205.078%209.31l-30.468%2020.312c-.847-1.693-1.693-3.385-2.539-5.642s-2.257-3.95-3.95-5.642-3.95-3.385-6.206-4.514c-2.539-1.128-5.642-1.975-9.592-1.975-7.335%200-13.259%202.539-17.491%207.335-4.232%205.078-6.489%2011.567-6.489%2019.748v32.161c0%203.95.564%207.617%201.975%2011.284%201.41%203.385%203.103%206.489%205.36%208.746%202.257%202.539%205.078%204.514%208.181%205.925s6.489%202.257%2010.156%202.257c5.078.282%209.31-.847%2012.413-2.539%203.103-1.975%205.642-4.232%207.335-7.335v-8.181h-17.491v-31.879h53.32v57.834z%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-logo-react: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023%2020.5%22%3E%0A%20%20%3Ccircle%20fill%3D%22%2361dafb%22%20cx%3D%2211.5%22%20cy%3D%2210.2%22%20r%3D%222%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%2361dafb%22%20d%3D%22M23%2C10.2c0-1.6-1.9-3-4.8-3.9.7-3%2C.5-5.3-.9-6.1-1.4-.8-3.5.1-5.8%2C2.3C9.3.4%2C7.2-.5%2C5.8.3c-1.2.7-1.6%2C2.4-1.2%2C4.8%2C0%2C.4.2.9.3%2C1.3-2.9.8-4.8%2C2.2-4.8%2C3.9s1.9%2C3%2C4.8%2C3.8c-.1.5-.2.9-.3%2C1.3-.4%2C2.4%2C0%2C4.1%2C1.2%2C4.8.3.2.7.3%2C1.2.3%2C1%2C0%2C2.2-.6%2C3.6-1.6.3-.3.7-.6%2C1-.9.3.3.7.6%2C1%2C.9%2C1.3%2C1.1%2C2.6%2C1.6%2C3.6%2C1.6s.8%2C0%2C1.2-.3c1.2-.7%2C1.6-2.4%2C1.2-4.8%2C0-.4-.2-.9-.3-1.3%2C2.9-.8%2C4.8-2.2%2C4.8-3.8ZM16.1%2C1c.2%2C0%2C.5%2C0%2C.7.2.9.5%2C1.1%2C2.4.5%2C5-.9-.2-2-.4-3.1-.5-.6-.9-1.3-1.7-1.9-2.4%2C1.5-1.5%2C2.9-2.3%2C3.9-2.3ZM7.4%2C12.6c.2.4.5.8.7%2C1.2-.7-.1-1.4-.2-2.1-.4.2-.6.4-1.3.7-2%2C.2.4.4.8.6%2C1.2ZM6.1%2C7.1c.6-.2%2C1.3-.3%2C2.1-.4-.2.4-.5.8-.7%2C1.1-.2.4-.4.8-.6%2C1.2-.3-.7-.5-1.3-.7-2ZM7.3%2C10.2c.3-.6.6-1.2%2C1-1.9.4-.6.7-1.2%2C1.1-1.8.7%2C0%2C1.4%2C0%2C2.1%2C0s1.4%2C0%2C2.1%2C0c.4.5.8%2C1.1%2C1.1%2C1.8.3.6.7%2C1.2%2C1%2C1.9-.3.6-.6%2C1.2-1%2C1.8-.4.6-.7%2C1.2-1.1%2C1.8-.7%2C0-1.4%2C0-2.1%2C0s-1.4%2C0-2.1%2C0c-.4-.6-.8-1.2-1.1-1.8-.4-.6-.7-1.2-1-1.8ZM15.6%2C12.6c.2-.4.4-.8.6-1.2.3.7.5%2C1.3.7%2C2-.6.1-1.3.3-2.1.4.2-.4.5-.8.7-1.2ZM15.6%2C7.9c-.2-.4-.5-.8-.7-1.1.7%2C0%2C1.4.2%2C2.1.4-.2.6-.4%2C1.3-.7%2C2-.2-.4-.4-.8-.6-1.2ZM11.5%2C3.9c.4.5.9%2C1%2C1.3%2C1.6-.4%2C0-.9%2C0-1.3%2C0s-.9%2C0-1.3%2C0c.5-.6.9-1.1%2C1.3-1.6ZM6.2%2C1.1c.2-.1.4-.2.7-.2.9%2C0%2C2.2.7%2C3.6%2C1.9.1%2C0%2C.2.2.3.3-.6.7-1.3%2C1.5-1.9%2C2.4-1.1%2C0-2.1.3-3.1.5-.1-.4-.2-.8-.3-1.2-.3-2%2C0-3.3.7-3.8ZM1%2C10.2c0-1.1%2C1.5-2.2%2C4.1-2.9.3.9.7%2C1.9%2C1.1%2C2.9-.5%2C1-.8%2C1.9-1.1%2C2.9-2.6-.7-4.1-1.8-4.1-2.9ZM9.9%2C18.1c-1.5%2C1.2-2.8%2C1.7-3.6%2C1.3-.8-.5-1-1.8-.7-3.8%2C0-.4.1-.8.3-1.2.9.2%2C2%2C.4%2C3.1.5.6.9%2C1.3%2C1.7%2C1.9%2C2.4-.3.3-.6.6-.9.8ZM10.2%2C14.9c.4%2C0%2C.9%2C0%2C1.3%2C0s.9%2C0%2C1.3%2C0c-.4.6-.9%2C1.1-1.3%2C1.6-.5-.5-.9-1-1.3-1.6ZM16.8%2C19.3c-.8.4-2.1%2C0-3.6-1.3-.3-.2-.6-.5-.9-.8.7-.7%2C1.3-1.5%2C1.9-2.4%2C1.1%2C0%2C2.1-.3%2C3.1-.5.1.4.2.8.3%2C1.2.3%2C2%2C0%2C3.3-.7%2C3.8ZM17.9%2C13.1c-.3-.9-.7-1.9-1.1-2.9.5-1%2C.8-2%2C1.1-2.9%2C2.6.7%2C4.1%2C1.8%2C4.1%2C2.9s-1.5%2C2.2-4.1%2C2.9Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
  --icon-logo-svelte: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2098.1%20118%22%3E%0A%20%20%3Cpath%20fill%3D%22%23ff3e00%22%20d%3D%22M91.8%2C15.6C80.9%2C0%2C59.2-4.7%2C43.6%2C5.2l-27.5%2C17.6c-7.5%2C4.7-12.7%2C12.4-14.2%2C21.1-1.3%2C7.3-.2%2C14.8%2C3.3%2C21.3-2.4%2C3.6-4%2C7.6-4.7%2C11.8-1.6%2C8.9.5%2C18.1%2C5.7%2C25.4%2C11%2C15.7%2C32.6%2C20.3%2C48.2%2C10.4l27.5-17.5c7.5-4.7%2C12.7-12.4%2C14.2-21.1%2C1.3-7.3.2-14.8-3.3-21.3%2C2.4-3.6%2C4-7.6%2C4.7-11.8%2C1.7-9-.4-18.2-5.7-25.5ZM84%2C38.1c-.2.9-.4%2C1.7-.7%2C2.6l-.5%2C1.6-1.4-1c-3.3-2.4-6.9-4.2-10.8-5.4l-1-.3v-1c.2-1.4-.2-2.9-1-4.1-1.6-2.3-4.4-3.3-7.1-2.6-.6.2-1.2.4-1.7.7l-27.4%2C17.5c-1.4.9-2.3%2C2.2-2.6%2C3.8-.3%2C1.6.1%2C3.3%2C1%2C4.6%2C1.6%2C2.3%2C4.4%2C3.3%2C7.1%2C2.6.6-.2%2C1.2-.4%2C1.7-.7l10.5-6.7c1.7-1.1%2C3.6-1.9%2C5.6-2.5%2C8.9-2.3%2C18.2%2C1.2%2C23.4%2C8.7%2C3.2%2C4.4%2C4.4%2C9.9%2C3.5%2C15.3-.9%2C5.2-4.1%2C9.9-8.6%2C12.7l-27.5%2C17.5c-1.7%2C1.1-3.6%2C1.9-5.6%2C2.5-8.9%2C2.3-18.2-1.2-23.4-8.7-3.2-4.4-4.4-9.9-3.5-15.3.2-.9.4-1.7.6-2.6l.5-1.6%2C1.4%2C1c3.3%2C2.4%2C6.9%2C4.2%2C10.8%2C5.4l1%2C.3v1c-.2%2C1.4.2%2C2.9%2C1%2C4.1%2C1.6%2C2.3%2C4.4%2C3.4%2C7.1%2C2.7.6-.2%2C1.2-.4%2C1.7-.7l27.4-17.5c1.4-.9%2C2.3-2.2%2C2.6-3.8.3-1.6%2C0-3.3-1-4.6-1.6-2.3-4.4-3.3-7.1-2.6-.6.2-1.2.4-1.7.7l-10.5%2C6.7c-1.7%2C1.1-3.6%2C1.9-5.6%2C2.4-8.9%2C2.3-18.2-1.2-23.4-8.7-3.1-4.4-4.4-9.9-3.4-15.3.9-5.2%2C4.1-9.9%2C8.6-12.7l27.5-17.5c1.7-1.1%2C3.6-1.9%2C5.6-2.5%2C8.9-2.3%2C18.2%2C1.2%2C23.4%2C8.7%2C3.2%2C4.4%2C4.4%2C9.9%2C3.5%2C15.3Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
  --icon-logo-vibe: url('data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20260%20257%22%3E%0A%20%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M104.16%2C73.48c12.36-1.2%2C26.82%2C2.68%2C38.06%2C10.15%2C3.88%2C2.57%2C10.55%2C9.13%2C12.87%2C12.72%2C6.16%2C9.46%2C8.55%2C20.33%2C7.07%2C31.89-.8%2C5.98-.4%2C7.97%2C1.63%2C7.97%2C3.66%2C0%2C10.55-11.45%2C13.52-22.62%2C4.1-13.21.94-28.89.14-32.47-2.07-9.35-6.89-21.46-11.89-29.97-9.02-15.37-24.57-30.99-42.37-42.59-5.29-3.48-12.14-7.32-14.39-8.12-2.1-.72-6.05-.58-10.4.43-4.78%2C1.09-14.24%2C4.24-19.43%2C6.49-13.34%2C5.69-24.46%2C12.79-35.52%2C22.69-14.93%2C13.34-24.65%2C26.57-32.47%2C44.22C5.14%2C87.44%2C1.95%2C99.14.43%2C113.03c-.65%2C6.2-.54%2C21.49.22%2C27.91%2C1.49%2C12.29%2C4.82%2C24.46%2C9.39%2C34.14%2C3.77%2C7.97%2C5.55%2C9.89%2C7.36%2C7.79.83-.94.8-.91%2C2.14-11.82%2C3.41-27.47%2C16.2-54.51%2C34.47-72.7%2C14.97-14.93%2C31.42-23.09%2C50.16-24.86l-.01-.01Z%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M257.31%2C105.29c-3.47-19.72-9.59-34.95-20.47-50.9-8.11-11.89-16.38-20.77-27.37-29.38-4.92-3.82-17.98-11.79-23.83-14.52-11.23-5.21-23.33-8.79-33.96-10.01-8.76-1-11.33-.5-10.5%2C2.15.36%2C1.21.35%2C1.16%2C8.92%2C8.04%2C21.55%2C17.37%2C37.79%2C42.49%2C43.63%2C67.61%2C4.8%2C20.59%2C3.06%2C38.87-5.3%2C55.73-5.5%2C11.13-16.41%2C21.38-28.68%2C27-4.23%2C1.94-13.32%2C4.15-17.59%2C4.23-11.29.25-21.79-3.44-30.83-10.8-4.66-3.83-6.57-4.54-7.64-2.82-1.93%2C3.11%2C4.18%2C15%2C12.1%2C23.41%2C9.06%2C10.45%2C24.05%2C16.02%2C27.52%2C17.24%2C9.04%2C3.17%2C21.86%2C5.45%2C31.74%2C5.69%2C17.82.43%2C39.29-4.56%2C58.52-13.57%2C5.75-2.66%2C12.62-6.46%2C14.48-7.95%2C1.72-1.4%2C3.68-4.84%2C5.11-9.07%2C1.6-4.64%2C3.9-14.34%2C4.72-19.93%2C2.19-14.33%2C2.02-27.53-.57-42.14v-.01Z%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M231.57%2C197.33c-1.23-.27-1.18-.25-11.35%2C3.92-25.63%2C10.47-55.47%2C12.54-80.27%2C5.51-20.35-5.75-35.51-16.11-46.23-31.58-7.09-10.19-10.78-24.7-9.77-38.16.35-4.64%2C2.81-13.67%2C4.8-17.45%2C5.24-10%2C13.55-17.41%2C24.36-21.77%2C5.61-2.23%2C7.15-3.55%2C6.16-5.32-1.79-3.19-15.15-3.59-26.34-.73-13.53%2C2.88-25.65%2C13.31-28.39%2C15.76-7.14%2C6.38-15.34%2C16.5-20.32%2C25.03-8.99%2C15.39-15%2C36.59-16.41%2C57.79-.45%2C6.32-.44%2C14.17-.04%2C16.52.4%2C2.19%2C2.46%2C5.56%2C5.47%2C8.86%2C3.29%2C3.64%2C10.67%2C10.35%2C15.16%2C13.77%2C11.49%2C8.85%2C23.13%2C15.08%2C37.17%2C19.88%2C18.94%2C6.5%2C35.23%2C8.5%2C54.45%2C6.69%2C14.33-1.35%2C26.1-4.29%2C38.95-9.76%2C5.72-2.46%2C19.01-10.04%2C24.23-13.84%2C9.99-7.31%2C18.98-16.17%2C25.18-24.89%2C5.11-7.19%2C5.92-9.68%2C3.2-10.23h-.01Z%22%2F%3E%0A%3C%2Fsvg%3E');
  --icon-logo-x: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M4%204l11.733%2016h4.267l-11.733%20-16l-4.267%200%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M4%2020l6.768%20-6.768m2.46%20-2.46l6.772%20-6.772%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-logo-github: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%3Cpath%20fill%3D%22%23000%22%20d%3D%22M8%200.198c-4.418%200-8%203.582-8%208%200%203.535%202.292%206.533%205.471%207.591%200.4%200.074%200.547-0.174%200.547-0.385%200-0.191-0.008-0.821-0.011-1.489-2.226%200.484-2.695-0.944-2.695-0.944-0.364-0.925-0.888-1.171-0.888-1.171-0.726-0.497%200.055-0.486%200.055-0.486%200.803%200.056%201.226%200.824%201.226%200.824%200.714%201.223%201.872%200.869%202.328%200.665%200.072-0.517%200.279-0.87%200.508-1.070-1.777-0.202-3.645-0.888-3.645-3.954%200-0.873%200.313-1.587%200.824-2.147-0.083-0.202-0.357-1.015%200.077-2.117%200%200%200.672-0.215%202.201%200.82%200.638-0.177%201.322-0.266%202.002-0.269%200.68%200.003%201.365%200.092%202.004%200.269%201.527-1.035%202.198-0.82%202.198-0.82%200.435%201.102%200.162%201.916%200.079%202.117%200.513%200.56%200.823%201.274%200.823%202.147%200%203.073-1.872%203.749-3.653%203.947%200.287%200.248%200.543%200.735%200.543%201.481%200%201.070-0.009%201.932-0.009%202.195%200%200.213%200.144%200.462%200.55%200.384%203.177-1.059%205.466-4.057%205.466-7.59%200-4.418-3.582-8-8-8z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A');
  --icon-quill: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M14.086%2018.412A2%202%200%200112.67%2019H5v-7.672a2%202%200%2001.586-1.414L11.75%203.75a6%206%200%20118.49%208.49z%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M16%208%202%2022%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M17.488%2015H9%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-pencil: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22m15%205%204%204%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-play-button: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M9%209.003a1%201%200%200%201%201.517-.859l4.997%202.997a1%201%200%200%201%200%201.718l-4.997%202.997A1%201%200%200%201%209%2014.996z%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-pin: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M20%2010c0%204.993-5.539%2010.193-7.399%2011.799a1%201%200%200%201-1.202%200C9.539%2020.193%204%2014.993%204%2010a8%208%200%200%201%2016%200%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-search: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22m21%2021-4.34-4.34%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-spinner: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M21%2012a9%209%200%201%201-6.219-8.56%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-smartphone: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Crect%20width%3D%2214%22%20height%3D%2220%22%20x%3D%225%22%20y%3D%222%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M12%2018h.01%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-stack: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M12.83%202.18a2%202%200%200%200-1.66%200L2.6%206.08a1%201%200%200%200%200%201.83l8.58%203.91a2%202%200%200%200%201.66%200l8.58-3.9a1%201%200%200%200%200-1.83z%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M2%2012a1%201%200%200%200%20.58.91l8.6%203.91a2%202%200%200%200%201.65%200l8.58-3.9A1%201%200%200%200%2022%2012%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M2%2017a1%201%200%200%200%20.58.91l8.6%203.91a2%202%200%200%200%201.65%200l8.58-3.9A1%201%200%200%200%2022%2017%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-stylecheat-8: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M20%204l-2%2014.5l-6%202l-6%20-2l-2%20-14.5l16%200%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M9%2012l-.5%20-4h7l-.5%204h-6l.5%203.5l2.5%20.75l2.5%20-.75l.5%20-3.5%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-tablet: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Crect%20width%3D%2216%22%20height%3D%2220%22%20x%3D%224%22%20y%3D%222%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%0A%20%20%3Cline%20x1%3D%2212%22%20x2%3D%2212.01%22%20y1%3D%2218%22%20y2%3D%2218%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-user: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M19%2021v-2a4%204%200%200%200-4-4H9a4%204%200%200%200-4%204v2%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-void: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20120%20120%22%3E%0A%20%20%3Cpath%0A%20%20%20%20d%3D%22M111.82%2C60.419c-26.177%2C4.938-46.869%2C25.364-52.226%2C51.388-4.951-26.164-25.377-46.844-51.414-52.201%2C26.177-4.951%2C46.869-25.377%2C52.214-51.414%2C4.938%2C26.177%2C25.39%2C46.882%2C51.427%2C52.226Z%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-upload: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M12%203v12%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22m17%208-5-5-5%205%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-components: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M3%209h18%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M3%2015h18%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M9%203v18%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M15%203v18%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-users: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M16%203.128a4%204%200%200%201%200%207.744%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-menu: url('data:image/svg+xml;utf8,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M4%205h16%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M4%2012h16%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M4%2019h16%22%20%2F%3E%0A%3C%2Fsvg%3E');
  --icon-logo-stylecheat: url('data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20128%20140%22%3E%0A%20%20%3Cpolygon%20fill%3D%22%23918dc6%22%20points%3D%2264%200%2084%2011%2064%2022%2044%2011%2064%200%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%23918dc6%22%20points%3D%2286%2012%20106%2023%2086%2034%2066%2023%2086%2012%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%23918dc6%22%20points%3D%22108%2024%20128%2035%20108%2046%2088%2035%20108%2024%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%23918dc6%22%20points%3D%2242%2012%2062%2023%2042%2034%2022%2023%2042%2012%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%23918dc6%22%20points%3D%2264%2024%2084%2035%2064%2046%2044%2035%2064%2024%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%23918dc6%22%20points%3D%2286%2036%20106%2047%2086%2058%2066%2047%2086%2036%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%23918dc6%22%20points%3D%2220%2024%2040%2035%2020%2046%200%2035%2020%2024%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%23918dc6%22%20points%3D%2242%2036%2062%2047%2042%2058%2022%2047%2042%2036%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%23918dc6%22%20points%3D%2264%2048%2084%2059%2064%2070%2044%2059%2064%2048%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%238888bc%22%20points%3D%220%2035%2020%2046%2020%2068%200%2057%200%2035%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%238888bc%22%20points%3D%2222%2047%2042%2058%2042%2080%2022%2069%2022%2047%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%238888bc%22%20points%3D%2244%2059%2064%2070%2064%2092%2044%2081%2044%2059%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%238888bc%22%20points%3D%220%2059%2020%2070%2020%2092%200%2081%200%2059%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%238888bc%22%20points%3D%2222%2071%2042%2082%2042%20104%2022%2093%2022%2071%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%238888bc%22%20points%3D%2244%2083%2064%2094%2064%20116%2044%20105%2044%2083%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%238888bc%22%20points%3D%220%2083%2020%2094%2020%20116%200%20105%200%2083%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%238888bc%22%20points%3D%2222%2095%2042%20106%2042%20128%2022%20117%2022%2095%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%238888bc%22%20points%3D%2244%20107%2064%20118%2064%20140%2044%20129%2044%20107%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%237676a3%22%20points%3D%2264%2070%2084%2059%2084%2081%2064%2092%2064%2070%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%237676a3%22%20points%3D%2286%2058%20106%2047%20106%2069%2086%2080%2086%2058%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%237676a3%22%20points%3D%22108%2046%20128%2035%20128%2057%20108%2068%20108%2046%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%237676a3%22%20points%3D%2264%2094%2084%2083%2084%20105%2064%20116%2064%2094%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%237676a3%22%20points%3D%2286%2082%20106%2071%20106%2093%2086%20104%2086%2082%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%237676a3%22%20points%3D%22108%2070%20128%2059%20128%2081%20108%2092%20108%2070%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%237676a3%22%20points%3D%2264%20118%2084%20107%2084%20129%2064%20140%2064%20118%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%237676a3%22%20points%3D%2286%20106%20106%2095%20106%20117%2086%20128%2086%20106%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%237676a3%22%20points%3D%22108%2094%20128%2083%20128%20105%20108%20116%20108%2094%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}

icon,
.icon {
  --icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20120%20120%22%3E%0A%20%20%3Cpath%0A%20%20%20%20d%3D%22M111.82%2C60.419c-26.177%2C4.938-46.869%2C25.364-52.226%2C51.388-4.951-26.164-25.377-46.844-51.414-52.201%2C26.177-4.951%2C46.869-25.377%2C52.214-51.414%2C4.938%2C26.177%2C25.39%2C46.882%2C51.427%2C52.226Z%22%20%2F%3E%0A%3C%2Fsvg%3E');
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: var(--color, currentColor);
  mask-image: var(--icon);
  mask-repeat: no-repeat;
  mask-size: cover;
}

icon[bell],
icon.bell {
  --icon: var(--icon-bell);
  width: 1em;
  height: 1em;
}

icon[book],
icon.book {
  --icon: var(--icon-book);
  width: 1em;
  height: 1em;
}

icon[book-open],
icon.book-open {
  --icon: var(--icon-book-open);
  width: 1em;
  height: 1em;
}

icon[bullhorn],
icon.bullhorn {
  --icon: var(--icon-bullhorn);
  width: 1em;
  height: 1em;
}

icon[checkmark],
icon.checkmark {
  --icon: var(--icon-checkmark);
  width: 1em;
  height: 1em;
}

icon[chevron-left],
icon.chevron-left {
  --icon: var(--icon-chevron-left);
  width: 1em;
  height: 1em;
}

icon[chevron-down],
icon.chevron-down {
  --icon: var(--icon-chevron-down);
  width: 1em;
  height: 1em;
}

icon[chevron-right],
icon.chevron-right {
  --icon: var(--icon-chevron-right);
  width: 1em;
  height: 1em;
}

icon[clock],
icon.clock {
  --icon: var(--icon-clock);
  width: 1em;
  height: 1em;
}

icon[chevron-up],
icon.chevron-up {
  --icon: var(--icon-chevron-up);
  width: 1em;
  height: 1em;
}

icon[cog],
icon.cog {
  --icon: var(--icon-cog);
  width: 1em;
  height: 1em;
}

icon[credit-card],
icon.credit-card {
  --icon: var(--icon-credit-card);
  width: 1em;
  height: 1em;
}

icon[cross],
icon.cross {
  --icon: var(--icon-cross);
  width: 1em;
  height: 1em;
}

icon[logo-crow],
icon.logo-crow {
  --icon: var(--icon-logo-crow);
  width: 1.0105293945598128em;
  height: 1em;
}

icon[css-3],
icon.css-3 {
  --icon: var(--icon-css-3);
  width: 1em;
  height: 1em;
}

icon[dark],
icon.dark {
  --icon: var(--icon-dark);
  width: 1em;
  height: 1em;
}

icon[desktop],
icon.desktop {
  --icon: var(--icon-desktop);
  width: 1em;
  height: 1em;
}

icon[download],
icon.download {
  --icon: var(--icon-download);
  width: 1em;
  height: 1em;
}

icon[earth],
icon.earth {
  --icon: var(--icon-earth);
  width: 1em;
  height: 1em;
}

icon[embed],
icon.embed {
  --icon: var(--icon-embed);
  width: 1em;
  height: 1em;
}

icon[eye],
icon.eye {
  --icon: var(--icon-eye);
  width: 1em;
  height: 1em;
}

icon[folder],
icon.folder {
  --icon: var(--icon-folder);
  width: 1em;
  height: 1em;
}

icon[heart-broken],
icon.heart-broken {
  --icon: var(--icon-heart-broken);
  width: 1em;
  height: 1em;
}

icon[heart],
icon.heart {
  --icon: var(--icon-heart);
  width: 1em;
  height: 1em;
}

icon[home],
icon.home {
  --icon: var(--icon-home);
  width: 1em;
  height: 1em;
}

icon[html-5],
icon.html-5 {
  --icon: var(--icon-html-5);
  width: 1em;
  height: 1em;
}

icon[image],
icon.image {
  --icon: var(--icon-image);
  width: 1em;
  height: 1em;
}

icon[layout],
icon.layout {
  --icon: var(--icon-layout);
  width: 1em;
  height: 1em;
}

icon[images],
icon.images {
  --icon: var(--icon-images);
  width: 1em;
  height: 1em;
}

icon[light],
icon.light {
  --icon: var(--icon-light);
  width: 1em;
  height: 1em;
}

icon[lock-open],
icon.lock-open {
  --icon: var(--icon-lock-open);
  width: 1em;
  height: 1em;
}

icon[lock-closed],
icon.lock-closed {
  --icon: var(--icon-lock-closed);
  width: 1em;
  height: 1em;
}

icon[logo-apeegg-simple],
icon.logo-apeegg-simple {
  --icon: var(--icon-logo-apeegg-simple);
  width: 1em;
  height: 1.3176470588235294em;
}

icon[logo-apeegg],
icon.logo-apeegg {
  --icon: var(--icon-logo-apeegg);
  width: 1.734375em;
  height: 1em;
}

icon[logo-react],
icon.logo-react {
  --icon: var(--icon-logo-react);
  width: 1.1219512195121952em;
  height: 1em;
}

icon[logo-svelte],
icon.logo-svelte {
  --icon: var(--icon-logo-svelte);
  width: 0.8313559322033898em;
  height: 1em;
}

icon[logo-vibe],
icon.logo-vibe {
  --icon: var(--icon-logo-vibe);
  width: 1.0116731517509727em;
  height: 1em;
}

icon[logo-x],
icon.logo-x {
  --icon: var(--icon-logo-x);
  width: 1em;
  height: 1em;
}

icon[logo-github],
icon.logo-github {
  --icon: var(--icon-logo-github);
  width: 1em;
  height: 1em;
}

icon[quill],
icon.quill {
  --icon: var(--icon-quill);
  width: 1em;
  height: 1em;
}

icon[pencil],
icon.pencil {
  --icon: var(--icon-pencil);
  width: 1em;
  height: 1em;
}

icon[play-button],
icon.play-button {
  --icon: var(--icon-play-button);
  width: 1em;
  height: 1em;
}

icon[pin],
icon.pin {
  --icon: var(--icon-pin);
  width: 1em;
  height: 1em;
}

icon[search],
icon.search {
  --icon: var(--icon-search);
  width: 1em;
  height: 1em;
}

icon[spinner],
icon.spinner {
  --icon: var(--icon-spinner);
  width: 1em;
  height: 1em;
}

icon[smartphone],
icon.smartphone {
  --icon: var(--icon-smartphone);
  width: 1em;
  height: 1em;
}

icon[stack],
icon.stack {
  --icon: var(--icon-stack);
  width: 1em;
  height: 1em;
}

icon[stylecheat-8],
icon.stylecheat-8 {
  --icon: var(--icon-stylecheat-8);
  width: 1em;
  height: 1em;
}

icon[tablet],
icon.tablet {
  --icon: var(--icon-tablet);
  width: 1em;
  height: 1em;
}

icon[user],
icon.user {
  --icon: var(--icon-user);
  width: 1em;
  height: 1em;
}

icon[void],
icon.void {
  --icon: var(--icon-void);
  width: 1em;
  height: 1em;
}

icon[upload],
icon.upload {
  --icon: var(--icon-upload);
  width: 1em;
  height: 1em;
}

icon[components],
icon.components {
  --icon: var(--icon-components);
  width: 1em;
  height: 1em;
}

icon[users],
icon.users {
  --icon: var(--icon-users);
  width: 1em;
  height: 1em;
}

icon[menu],
icon.menu {
  --icon: var(--icon-menu);
  width: 1em;
  height: 1em;
}

icon[logo-stylecheat],
icon.logo-stylecheat {
  --icon: var(--icon-logo-stylecheat);
  width: 1em;
  height: 1.09375em;
}
/* ---- Reset.css ---- */
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }

  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
  }

  html,
  :host {
    line-height: 1.5;
  }

  button,
  [role='button'],
  label:has(input) {
    cursor: pointer;
  }

  :focus-visible {
    outline: none;
    box-shadow: var(--focus-ring);
  }
}
/* ---- Scrollbar.css ---- */
.stylecheat,
[stylecheat] {
  @supports not selector(::-webkit-scrollbar) {
    scrollbar-width: thin;
    scrollbar-color: var(--muted-foreground) transparent;
  }
}

:is(.stylecheat, [stylecheat]),
:is(.stylecheat, [stylecheat]) * {
  &::-webkit-scrollbar {
    width: calc(var(--unit) * 2);
    height: calc(var(--unit) * 2);
  }

  &::-webkit-scrollbar-track,
  &::-webkit-scrollbar-corner {
    background-color: transparent;
  }

  &::-webkit-scrollbar-thumb {
    background-color: var(--muted-foreground);
    border-radius: var(--radius);
  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: var(--foreground);
  }
}
/* ---- Stylecheat.css ---- */
@property --unit {
  syntax: '<length>';
  inherits: true;
  initial-value: 4px;
}

.stylecheat,
[stylecheat] {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --unit: 4px;
  --rhythm: calc(var(--unit) * 4);
  line-height: calc(var(--unit) * 6);

  --blue: oklch(0.58 0.12 250);
  --purple: oklch(0.58 0.14 320);
  --green: oklch(0.62 0.13 140);
  --orange: oklch(0.68 0.17 50);
  --cyan: oklch(0.66 0.1 200);
  --red: oklch(0.6 0.18 27);
  --yellow: oklch(0.78 0.14 85);
  --slate: oklch(0.55 0.03 60);
}

:where(.sm, [sm], .md, [md], .lg, [lg]),
:where(.sm\:sm, [sm\:sm], .sm\:md, [sm\:md], .sm\:lg, [sm\:lg]),
:where(.md\:sm, [md\:sm], .md\:md, [md\:md], .md\:lg, [md\:lg]),
:where(.lg\:sm, [lg\:sm], .lg\:md, [lg\:md], .lg\:lg, [lg\:lg]) {
  line-height: calc(var(--unit) * 6);
}

.stylecheat.dark,
[stylecheat].dark,
.stylecheat[dark],
[stylecheat][dark] {

  --blue: oklch(0.72 0.11 250);
  --purple: oklch(0.72 0.12 320);
  --green: oklch(0.76 0.13 145);
  --orange: oklch(0.78 0.14 55);
  --cyan: oklch(0.78 0.1 200);
  --red: oklch(0.72 0.15 27);
  --yellow: oklch(0.86 0.13 90);
  --slate: oklch(0.72 0.03 65);
}
/* ---- Theme.css ---- */
.stylecheat,
[stylecheat] {
  --background: oklch(0.948 0.014 78);
  --foreground: oklch(0.24 0.012 60);
  --card: oklch(0.984 0.006 85);
  --popover: oklch(1 0.002 85);
  --popover-foreground: oklch(0.27 0.02 50);
  --primary: oklch(0.52 0.13 40);
  --primary-foreground: oklch(0.99 0.01 80);
  --primary-hover: oklch(from var(--primary) calc(l - 0.05) c h);
  --primary-text: var(--primary);
  --secondary: oklch(0.935 0.016 75);
  --secondary-foreground: oklch(0.3 0.012 60);
  --secondary-hover: oklch(0.905 0.018 72);
  --muted: oklch(0.95 0.012 75);
  --muted-foreground: oklch(0.5 0.02 60);
  --destructive: oklch(0.56 0.18 27);
  --border: oklch(0.9 0.016 72);
  --input: oklch(0.985 0.004 85);
  --sidebar: var(--background);
  --sidebar-foreground: oklch(0.27 0.02 50);
  --typography-foreground: oklch(from var(--foreground) l c h / 0.9);
  --font-sans: 'Geist', system-ui, sans-serif;
  --font-serif: 'Source Serif 4', Georgia, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --font-body: 'IBM Plex Sans', system-ui, sans-serif;
  --font-ui: var(--font-sans);
  --leading-body: 1.5;
  --measure: 80ch;
  --hairline: calc(var(--unit) * 0.25);
  --control: 6;
  --radius: calc(var(--unit) * 2.5);
  --radius-control: min(calc(var(--radius) - var(--unit)), var(--unit));
  --shadow-color: oklch(0.42 0.06 50);
  --glare: oklch(1 0 0 / 0.8);
  --shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.05);
  --ring-inset: inset 0 0 0 var(--hairline) var(--border);
  --focus-ring: 0 0 0 calc(var(--unit) * 0.75) oklch(from var(--primary) l c h / 0.35);
  --duration-fast: 100ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: ease-in-out;
}

.stylecheat.dark,
[stylecheat].dark,
.stylecheat[dark],
[stylecheat][dark] {
  --background: oklch(0.195 0.012 55);
  --foreground: oklch(0.94 0.014 80);
  --card: oklch(0.232 0.013 58);
  --popover: oklch(0.29 0.015 60);
  --popover-foreground: var(--foreground);
  --primary: oklch(0.79 0.115 60);
  --primary-foreground: oklch(0.22 0.03 45);
  --primary-hover: oklch(from var(--primary) calc(l + 0.05) c h);
  --primary-text: var(--primary);
  --secondary: oklch(0.28 0.013 60);
  --secondary-foreground: var(--foreground);
  --secondary-hover: oklch(0.31 0.014 60);
  --muted: oklch(0.255 0.012 58);
  --muted-foreground: oklch(0.7 0.02 70);
  --destructive: oklch(0.712 0.181 23);
  --border: oklch(0.3 0.013 60);
  --input: oklch(0.265 0.013 58);
  --sidebar: var(--background);
  --sidebar-foreground: var(--foreground);
  --typography-foreground: oklch(0.86 0.015 75);
  --shadow-color: oklch(0.08 0.01 50);
  --glare: oklch(1 0 0 / 0.05);
}
/* ---- Typography.css ---- */
body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--font-ui);
}

@layer base {
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    margin: 0;
    font-family: var(--font-ui);
    font-weight: 600;
    color: var(--foreground);
    letter-spacing: -0.01em;
    text-wrap: balance;
  }
}

h1,
.h1 {
  font-size: calc(var(--unit) * 10);
  line-height: calc(var(--unit) * 12);
  letter-spacing: -0.02em;
}
h2,
.h2 {
  font-size: calc(var(--unit) * 7);
  line-height: calc(var(--unit) * 8);
}
h3,
.h3 {
  font-size: calc(var(--unit) * 6);
  line-height: calc(var(--unit) * 8);
}
h4,
.h4 {
  font-size: calc(var(--unit) * 5);
  line-height: calc(var(--unit) * 8);
}
h5,
.h5 {
  font-size: calc(var(--unit) * 4);
  line-height: calc(var(--unit) * 8);
}
h6,
.h6 {
  font-size: calc(var(--unit) * 3.5);
  line-height: calc(var(--unit) * 4);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--muted-foreground);
}

h1.display,
h1[display] {
  font-size: calc(var(--unit) * 24);
  line-height: calc(var(--unit) * 24);
}
h2.display,
h2[display] {
  font-size: calc(var(--unit) * 14);
  line-height: calc(var(--unit) * 16);
}

@media (width <= 768px) {
  h1.display,
  h1[display] {
    font-size: calc(var(--unit) * 14);
    line-height: calc(var(--unit) * 16);
  }
  h2.display,
  h2[display] {
    font-size: calc(var(--unit) * 9);
    line-height: calc(var(--unit) * 12);
  }
}

p {
  margin: 0;
  line-height: var(--leading-body);
  text-wrap: pretty;
}

:is(p, li, blockquote, quote) :is(.sm, [sm], .lg, [lg], small, sub, sup, code) {
  line-height: 1;
}
p.lead,
[lead] {
  font-size: calc(var(--unit) * 5);
  line-height: calc(var(--unit) * 8);
  color: var(--muted-foreground);
}

ul,
ol {
  margin: 0;
  padding-inline-start: calc(var(--unit) * 8);
}
li {
  margin: 0;
  line-height: var(--leading-body);
}
li::marker {
  color: var(--foreground);
}

blockquote,
quote {
  display: block;
  margin: 0;
  padding: calc(var(--unit) * 3) calc(var(--unit) * 4);
  border-inline-start: var(--unit) solid var(--primary);
  border-radius: 0 calc(var(--radius) / 2) calc(var(--radius) / 2) 0;
  background-color: oklch(from var(--primary) l c h / 0.06);
  font-style: italic;
  color: var(--secondary-foreground);
}

strong,
b {
  font-weight: 600;
}
em,
i {
  font-style: italic;
}
mark {
  background: oklch(from var(--primary-text) l c h / 0.14);
  color: var(--primary-text);
  padding: 0 calc(var(--unit) * 1.5);
  border-radius: calc(var(--unit) * 0.5);
}

typography,
[typography],
.typography {
  --leading-body: calc(var(--unit) * 8);
  --flow: calc(var(--unit) * 4);
  font-family: var(--font-body);
  color: var(--typography-foreground);

  :is(p, li, blockquote, quote):not(.lead, [lead]) {
    font-size: calc(var(--unit) * 4.75);
  }

  :is(blockquote, quote) {
    padding-block: calc(var(--unit) * 4);
    line-height: var(--leading-body);
  }

  :is(h1, h2, h3, h4, h5, h6) {
    font-family: var(--font-serif);
    line-height: calc(var(--unit) * 8);
  }
  h1 {
    font-size: calc(var(--unit) * 10);
    line-height: calc(var(--unit) * 12);
    letter-spacing: -0.02em;
  }
  h2 {
    font-size: calc(var(--unit) * 6.5);
    letter-spacing: -0.015em;
  }
  h3 {
    font-size: calc(var(--unit) * 5);
    letter-spacing: 0.08em;
  }
  :is(h1, h2, h3, h4, h5, h6) {
    color: var(--primary-text);
  }

  > p,
  > ul,
  > ol,
  > blockquote,
  > quote,
  > accordion {
    max-width: var(--measure);
  }

  > * + * {
    margin-top: calc(var(--flow) * 2);
  }

  li > ul,
  li > ol {
    margin-top: 0;
  }

  > p + *,
  > ul + *,
  > ol + * {
    margin-top: calc(var(--flow) * 2);
  }
  > h1 + *,
  > h2 + *,
  > h3 + *,
  > h4 + *,
  > h5 + *,
  > h6 + * {
    margin-top: var(--flow);
  }

  > blockquote + *,
  > quote + *,
  > pre + *,
  > template + * {
    margin-top: var(--flow);
  }

  > * + h1 {
    margin-top: calc(var(--flow) * 2);
  }
  > * + h2 {
    margin-top: calc(var(--flow) * 2);
  }
  > * + h3 {
    margin-top: calc(var(--flow) * 2);
  }
  > * + h4 {
    margin-top: var(--flow);
  }
  > * + h5,
  > * + h6 {
    margin-top: var(--flow);
  }

  > hr + *,
  > * + hr {
    margin-top: calc(var(--flow) * 2);
  }

  > :is(badge, .badge) + * {
    margin-top: calc(var(--flow) * 1.5);
  }
}

}
@layer elements {
@keyframes animate-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes animate-pulse {
  50% {
    transform: scale(1.15);
  }
}
@keyframes animate-ping {
  75%,
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes animate-bounce {
  0%,
  100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@keyframes animate-shake {
  10%,
  90% {
    transform: translateX(-1px);
  }
  20%,
  80% {
    transform: translateX(2px);
  }
  30%,
  50%,
  70% {
    transform: translateX(-3px);
  }
  40%,
  60% {
    transform: translateX(3px);
  }
}
@keyframes animate-shimmer {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
@property --n {
  syntax: '<integer>';
  inherits: true;
  initial-value: 1;
}
@keyframes z-fade-scale {
  0% {
    opacity: 0;
    scale: 0.5;
  }

  50% {
    opacity: 1;
    scale: 1;
  }

  100% {
    opacity: 0;
    scale: 2;
  }
}
@keyframes z-pointer {
  0%,
  100% {
    pointer-events: none;
  }

  50% {
    pointer-events: auto;
  }
}
@keyframes grid-pan-y {
  to {
    background-position-y:
      calc(var(--gy) - (var(--n) - 1) * round(nearest, 80cqh, var(--grid-size))),
      calc(var(--gy) - (var(--n) - 1) * round(nearest, 80cqh, var(--grid-size))),
      calc(var(--gy) - (var(--n) - 1) * round(nearest, 50cqh, calc(var(--grid-size) * 0.5))),
      calc(var(--gy) - (var(--n) - 1) * round(nearest, 50cqh, calc(var(--grid-size) * 0.5)));
  }
}
@keyframes grid-pan-x {
  to {
    background-position-x:
      calc(var(--gx) - (var(--n) - 1) * round(nearest, 80cqw, var(--grid-size))),
      calc(var(--gx) - (var(--n) - 1) * round(nearest, 80cqw, var(--grid-size))),
      calc(var(--gx) - (var(--n) - 1) * round(nearest, 50cqw, calc(var(--grid-size) * 0.5))),
      calc(var(--gx) - (var(--n) - 1) * round(nearest, 50cqw, calc(var(--grid-size) * 0.5)));
  }
}
@keyframes grid-zoom-out {
  0% {
    background-size:
      var(--grid-size) var(--grid-size),
      var(--grid-size) var(--grid-size),
      calc(var(--grid-size) * 0.5) calc(var(--grid-size) * 0.5),
      calc(var(--grid-size) * 0.5) calc(var(--grid-size) * 0.5);
    opacity: 1;
    background-position:
      var(--gx) var(--gy),
      var(--gx) var(--gy),
      var(--gx) var(--gy),
      var(--gx) var(--gy);
  }

  97% {
    opacity: 0;
  }

  100% {
    background-size:
      calc(var(--grid-size) * 2) calc(var(--grid-size) * 2),
      calc(var(--grid-size) * 2) calc(var(--grid-size) * 2),
      var(--grid-size) var(--grid-size),
      var(--grid-size) var(--grid-size);
    opacity: 0;
    background-position:
      var(--zx) var(--zy),
      var(--zx) var(--zy),
      var(--zx) var(--zy),
      var(--zx) var(--zy);
  }
}
@keyframes grid-zoom-in {
  0% {
    background-size:
      calc(var(--grid-size) * 0.5) calc(var(--grid-size) * 0.5),
      calc(var(--grid-size) * 0.5) calc(var(--grid-size) * 0.5),
      calc(var(--grid-size) * 0.25) calc(var(--grid-size) * 0.25),
      calc(var(--grid-size) * 0.25) calc(var(--grid-size) * 0.25);
    opacity: 0;
    background-position:
      var(--gx) var(--gy),
      var(--gx) var(--gy),
      var(--gx) var(--gy),
      var(--gx) var(--gy);
  }

  97% {
    opacity: 1;
  }

  100% {
    background-size:
      var(--grid-size) var(--grid-size),
      var(--grid-size) var(--grid-size),
      calc(var(--grid-size) * 0.5) calc(var(--grid-size) * 0.5),
      calc(var(--grid-size) * 0.5) calc(var(--grid-size) * 0.5);
    opacity: 1;
    background-position:
      var(--zx) var(--zy),
      var(--zx) var(--zy),
      var(--zx) var(--zy),
      var(--zx) var(--zy);
  }
}

.stylecheat,
[stylecheat] {
/* ---- A.css ---- */
.a:is(.primary, .secondary, [primary], [secondary]),
a:is(.primary, .secondary, [primary], [secondary]) {
  transition: all 100ms ease-in-out;
  text-decoration: none;

  &.primary,
  &[primary] {
    color: var(--primary-text);

    &:hover,
    &:focus {
      color: color-mix(in oklch, var(--primary-text), var(--primary));
    }
  }

  &.secondary,
  &[secondary] {
    color: var(--secondary-foreground);

    &:hover,
    &:focus {
      color: var(--foreground);
    }
  }

  &:active {
    transform: translateY(var(--hairline));
  }
}
/* ---- Accordion.css ---- */
.accordion,
accordion {
  display: grid;
  width: 100%;
  grid-template-rows: 0fr;
  transition: grid-template-rows 200ms ease-out;
}

.accordion:is(.open),
accordion[open] {
  grid-template-rows: 1fr;
}

.accordion > .accordion-content,
accordion > accordion-content {
  overflow: hidden;
}
/* ---- Animations.css ---- */
.animate-spin,
[animate-spin] {
  animation: animate-spin 1s linear infinite;
}

.animate-pulse,
[animate-pulse] {
  animation: animate-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-ping,
[animate-ping] {
  animation: animate-ping 1.2s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.animate-bounce,
[animate-bounce] {
  animation: animate-bounce 1s infinite;
}

.animate-shake,
[animate-shake] {
  animation: animate-shake 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite;
}

.animate-shimmer,
[animate-shimmer] {
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    currentColor 0%,
    oklch(from currentColor l c h / 0.3) 50%,
    currentColor 100%
  );
  background-size: 200% 100%;
  animation: animate-shimmer 1.5s linear infinite;
}

:is(.animate-fade-in, [animate-fade-in], .animate-fade-out, [animate-fade-out]) {
  transition: opacity 200ms ease;
}

:is(.animate-fade-in, [animate-fade-in]) {
  opacity: 0;
}

:is(.animate-fade-in, [animate-fade-in]):is(.toggled, [toggled]) {
  opacity: 1;
}

:is(.animate-fade-out, [animate-fade-out]):is(.toggled, [toggled]) {
  opacity: 0;
}

:is(
  .animate-slide-in-left,
  [animate-slide-in-left],
  .animate-slide-in-right,
  [animate-slide-in-right],
  .animate-slide-in-up,
  [animate-slide-in-up],
  .animate-slide-in-down,
  [animate-slide-in-down]
) {
  opacity: 0;
  transition:
    transform 250ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity 250ms cubic-bezier(0.16, 1, 0.3, 1);
}
:is(.animate-slide-in-left, [animate-slide-in-left]) {
  transform: translateX(-100%);
}
:is(.animate-slide-in-right, [animate-slide-in-right]) {
  transform: translateX(100%);
}
:is(.animate-slide-in-up, [animate-slide-in-up]) {
  transform: translateY(-100%);
}
:is(.animate-slide-in-down, [animate-slide-in-down]) {
  transform: translateY(100%);
}

:is(
  .animate-slide-in-left,
  [animate-slide-in-left],
  .animate-slide-in-right,
  [animate-slide-in-right],
  .animate-slide-in-up,
  [animate-slide-in-up],
  .animate-slide-in-down,
  [animate-slide-in-down]
):is(.toggled, [toggled]) {
  transform: translate(0, 0);
  opacity: 1;
}

:is(.animate-bounce-in, [animate-bounce-in]) {
  transform: scale(0);
  opacity: 0;
  transition:
    transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1),
    opacity 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
:is(.animate-bounce-in, [animate-bounce-in]):is(.toggled, [toggled]) {
  transform: scale(1);
  opacity: 1;
}

:is(.animate-bounce-out, [animate-bounce-out]) {
  transition:
    transform 250ms cubic-bezier(0.36, 0, 0.66, -0.56),
    opacity 250ms cubic-bezier(0.36, 0, 0.66, -0.56);
}
:is(.animate-bounce-out, [animate-bounce-out]):is(.toggled, [toggled]) {
  transform: scale(0);
  opacity: 0;
}

:is(.animate-x, [animate-x], .animate-y, [animate-y]) {
  transition: transform 200ms ease;
}

:is(.animate-x, [animate-x]):is(.toggled, [toggled]) {
  transform: rotateY(180deg);
}
:is(.animate-y, [animate-y]):is(.toggled, [toggled]) {
  transform: rotateX(180deg);
}
/* ---- Badge.css ---- */
.badge,
badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--unit) * 1);
  padding: calc(var(--unit) * 0.5) calc(var(--unit) * 2);
  border-radius: 9999px;
  font-family: var(--font-sans);
  font-size: calc(var(--unit) * 3);
  line-height: calc(var(--unit) * 5);
  vertical-align: top;
  font-weight: 500;
  white-space: nowrap;
  width: fit-content;
  overflow: hidden;

  background-color: var(--primary);
  color: var(--primary-foreground);
}

.badge.secondary,
.badge[secondary],
badge.secondary,
badge[secondary] {
  background-color: var(--secondary);
  color: var(--secondary-foreground);
}

.badge.destructive,
.badge[destructive],
badge.destructive,
badge[destructive] {
  background-color: var(--destructive);
  color: white;
}

.badge.bg-hollow,
.badge[bg-hollow],
badge.bg-hollow,
badge[bg-hollow] {
  background-color: var(--input);
  color: var(--foreground);
  box-shadow: inset 0 0 0 1px var(--border);
}
/* ---- Breadcrumb.css ---- */
.breadcrumb,
breadcrumb {
  display: flex;
  align-items: center;
  gap: calc(var(--unit) * 1);
  font-family: var(--font-ui);
  font-size: var(--unit-size, inherit);
  line-height: calc(var(--unit) * 8);
  color: var(--primary-text);
  --secondary-foreground: var(--primary-text);
}

.breadcrumb .current,
.breadcrumb [current],
breadcrumb .current,
breadcrumb [current] {
  color: var(--foreground);
}

.breadcrumb > * + *::before,
breadcrumb > * + *::before {
  content: '/';
  margin-right: calc(var(--unit) * 1);
  color: var(--muted-foreground);
}
/* ---- Button.css ---- */
.button,
button {
  font-family: var(--font-ui);
}

.button:is(.primary, .secondary, .tertiary, [primary], [secondary], [tertiary]),
button:is(.primary, .secondary, .tertiary, [primary], [secondary], [tertiary]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  gap: calc(var(--unit) * 1.5);
  font-size: var(--unit-size, inherit);
  line-height: 1em;
  --_py: calc((var(--unit) * 12 - 1em) / 2);
  padding: var(--_py) calc(var(--unit) * 4);
  border-radius: var(--radius-control);
  background-color: transparent;
  box-shadow: inset 0 0 0 var(--hairline) transparent;
  text-decoration: none;
  cursor: pointer;
  transition:
    box-shadow var(--duration-fast) var(--ease-in-out),
    background-color var(--duration-fast) var(--ease-in-out),
    color var(--duration-fast) var(--ease-in-out);

  &:has(> icon:only-child) {
    padding-inline: var(--_py);
  }

  &.primary,
  &[primary] {
    background-color: var(--primary);
    color: var(--primary-foreground);
    box-shadow: var(--shadow-xs);

    &:not(:disabled):hover {
      background-color: var(--primary-hover);
    }
  }

  &.secondary,
  &[secondary] {
    background-color: var(--secondary);
    color: var(--secondary-foreground);
    box-shadow: var(--ring-inset);

    &:not(:disabled):hover {
      background-color: var(--secondary-hover);
      color: var(--foreground);
    }
  }

  &.tertiary,
  &[tertiary] {
    color: var(--secondary-foreground);
    box-shadow: none;

    &:not(:disabled):hover {
      background-color: oklch(from var(--foreground) l c h / 0.06);
      color: var(--foreground);
    }

    &:not(:disabled):is(.active, [active]) {
      background-color: var(--active-background, oklch(from var(--primary) l c h / 0.1));
      color: var(--primary-text);
    }
  }

  &:not(:disabled):active {
    transform: translateY(var(--hairline));
  }

  &:focus-visible {
    box-shadow: var(--focus-ring);
  }

  &:disabled {
    background-color: var(--muted);
    color: oklch(from var(--muted-foreground) l c h / 0.6);
    box-shadow: none;
    cursor: not-allowed;
  }
}
/* ---- Card.css ---- */
.card,
card {
  --surface: var(--card);
  --radius-card: calc(var(--radius) - (8px - var(--unit)));
  display: flex;
  flex-direction: column;
  padding: calc(var(--unit) * 4);
  box-shadow:
    inset 0 0 0 1px var(--border),
    inset 0 2px var(--glare);

  background-color: var(--surface);
  color: var(--foreground);
  font-size: var(--unit-size, inherit);
  border-radius: var(--radius-card);
}

:is(.card, card) :is(.card, card) {
  --surface: var(--input);
}
/* ---- Carousel.css ---- */

slides > * {
  --n: sibling-count();
}

carousel {
  display: flex;
  flex: 1;
  container-type: size;
  contain: paint;
  width: 100%;
  height: 100%;
}

slides {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-y: auto;
  scrollbar-width: none;
}

slides.scrollbar,
slides[scrollbar] {
  scrollbar-width: auto;
}

slides.x,
slides[x] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: none;
}

slides.y,
slides[y],
slides.z,
slides[z] {
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-snap-type: y mandatory;
  overscroll-behavior-y: none;
  scroll-timeline: --slides-scroll block;
}

slides.x,
slides[x] {
  scroll-timeline: --slides-scroll-x inline;
}

slides.x > *,
slides[x] > * {
  height: 100%;
  min-width: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
}

slides.y > *,
slides[y] > * {
  min-height: 100%;
  width: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
}

slides.z > *,
slides[z] > * {
  min-height: 100%;
  width: 100%;
  scroll-snap-align: start;
}

slide {
  display: block;
}

slides.x > * > *,
slides[x] > * > *,
slides.y > * > *,
slides[y] > * > * {
  position: relative;
}

slides.z > * > *,
slides[z] > * > * {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

slides.z > slide,
slides[z] > slide {
  view-timeline: --slide-self block;
}

slides.z > slide > *,
slides[z] > slide > * {
  animation: z-fade-scale linear both;
  animation-timeline: --slide-self;
}

slides.z > slide > * > *,
slides[z] > slide > * > * {
  pointer-events: none;
  animation: z-pointer linear both;
  animation-timeline: --slide-self;
}



slides.grid.center,
slides.grid[center],
slides[grid].center,
slides[grid][center] {
  --gx: 50cqw;
  --gy: 50cqh;
}

slides.grid:not(.locked):not([locked]).y:has(> :nth-child(2)),
slides.grid:not(.locked):not([locked])[y]:has(> :nth-child(2)),
slides[grid]:not(.locked):not([locked]).y:has(> :nth-child(2)),
slides[grid]:not(.locked):not([locked])[y]:has(> :nth-child(2)),
slides.grid:not(.locked):not([locked]).z:has(> :nth-child(2)),
slides.grid:not(.locked):not([locked])[z]:has(> :nth-child(2)),
slides[grid]:not(.locked):not([locked]).z:has(> :nth-child(2)),
slides[grid]:not(.locked):not([locked])[z]:has(> :nth-child(2)) {
  background-image: none;
}

slides.grid:not(.locked):not([locked]).y:has(> :nth-child(2)) > :first-child::before,
slides.grid:not(.locked):not([locked])[y]:has(> :nth-child(2)) > :first-child::before,
slides[grid]:not(.locked):not([locked]).y:has(> :nth-child(2)) > :first-child::before,
slides[grid]:not(.locked):not([locked])[y]:has(> :nth-child(2)) > :first-child::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to right, oklch(0.55 0.02 260 / 0.22) 0 1px, transparent 1px) var(--gx)
      var(--gy) / var(--grid-size) var(--grid-size),
    linear-gradient(to bottom, oklch(0.55 0.02 260 / 0.22) 0 1px, transparent 1px) var(--gx)
      var(--gy) / var(--grid-size) var(--grid-size),
    linear-gradient(to right, oklch(0.55 0.02 260 / 0.08) 0 1px, transparent 1px) var(--gx)
      var(--gy) / calc(var(--grid-size) * 0.5) calc(var(--grid-size) * 0.5),
    linear-gradient(to bottom, oklch(0.55 0.02 260 / 0.08) 0 1px, transparent 1px) var(--gx)
      var(--gy) / calc(var(--grid-size) * 0.5) calc(var(--grid-size) * 0.5);
  animation: grid-pan-y linear both;
  animation-timeline: --slides-scroll;
}

slides.grid:not(.locked):not([locked]).x:has(> :nth-child(2)),
slides.grid:not(.locked):not([locked])[x]:has(> :nth-child(2)),
slides[grid]:not(.locked):not([locked]).x:has(> :nth-child(2)),
slides[grid]:not(.locked):not([locked])[x]:has(> :nth-child(2)) {
  background-image: none;
}

slides.grid:not(.locked):not([locked]).x:has(> :nth-child(2)) > :first-child::before,
slides.grid:not(.locked):not([locked])[x]:has(> :nth-child(2)) > :first-child::before,
slides[grid]:not(.locked):not([locked]).x:has(> :nth-child(2)) > :first-child::before,
slides[grid]:not(.locked):not([locked])[x]:has(> :nth-child(2)) > :first-child::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to right, oklch(0.55 0.02 260 / 0.22) 0 1px, transparent 1px) var(--gx)
      var(--gy) / var(--grid-size) var(--grid-size),
    linear-gradient(to bottom, oklch(0.55 0.02 260 / 0.22) 0 1px, transparent 1px) var(--gx)
      var(--gy) / var(--grid-size) var(--grid-size),
    linear-gradient(to right, oklch(0.55 0.02 260 / 0.08) 0 1px, transparent 1px) var(--gx)
      var(--gy) / calc(var(--grid-size) * 0.5) calc(var(--grid-size) * 0.5),
    linear-gradient(to bottom, oklch(0.55 0.02 260 / 0.08) 0 1px, transparent 1px) var(--gx)
      var(--gy) / calc(var(--grid-size) * 0.5) calc(var(--grid-size) * 0.5);
  animation: grid-pan-x linear both;
  animation-timeline: --slides-scroll-x;
}



slides.grid:not(.locked):not([locked]).z:has(> :nth-child(2)) > :first-child::before,
slides.grid:not(.locked):not([locked]).z:has(> :nth-child(2)) > :first-child::after,
slides.grid:not(.locked):not([locked])[z]:has(> :nth-child(2)) > :first-child::before,
slides.grid:not(.locked):not([locked])[z]:has(> :nth-child(2)) > :first-child::after,
slides[grid]:not(.locked):not([locked]).z:has(> :nth-child(2)) > :first-child::before,
slides[grid]:not(.locked):not([locked]).z:has(> :nth-child(2)) > :first-child::after,
slides[grid]:not(.locked):not([locked])[z]:has(> :nth-child(2)) > :first-child::before,
slides[grid]:not(.locked):not([locked])[z]:has(> :nth-child(2)) > :first-child::after {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  --cx: calc(var(--gx) + round(nearest, 50cqw - var(--gx), var(--grid-size)));
  --cy: calc(var(--gy) + round(nearest, 50cqh - var(--gy), var(--grid-size)));
  --zx: calc(2 * var(--gx) - var(--cx));
  --zy: calc(2 * var(--gy) - var(--cy));
  background-position: var(--gx) var(--gy);
  background-image:
    linear-gradient(to right, oklch(0.55 0.02 260 / 0.22) 0 1px, transparent 1px),
    linear-gradient(to bottom, oklch(0.55 0.02 260 / 0.22) 0 1px, transparent 1px),
    linear-gradient(to right, oklch(0.55 0.02 260 / 0.08) 0 1px, transparent 1px),
    linear-gradient(to bottom, oklch(0.55 0.02 260 / 0.08) 0 1px, transparent 1px);
  animation-timeline: --slides-scroll;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-iteration-count: calc(var(--n) - 1);
}

slides.grid:not(.locked):not([locked]).z:has(> :nth-child(2)) > :first-child::before,
slides.grid:not(.locked):not([locked])[z]:has(> :nth-child(2)) > :first-child::before,
slides[grid]:not(.locked):not([locked]).z:has(> :nth-child(2)) > :first-child::before,
slides[grid]:not(.locked):not([locked])[z]:has(> :nth-child(2)) > :first-child::before {
  animation-name: grid-zoom-out;
}

slides.grid:not(.locked):not([locked]).z:has(> :nth-child(2)) > :first-child::after,
slides.grid:not(.locked):not([locked])[z]:has(> :nth-child(2)) > :first-child::after,
slides[grid]:not(.locked):not([locked]).z:has(> :nth-child(2)) > :first-child::after,
slides[grid]:not(.locked):not([locked])[z]:has(> :nth-child(2)) > :first-child::after {
  animation-name: grid-zoom-in;
}


/* ---- Checkbox.css ---- */
.checkbox,
.switch,
input[type='checkbox'] {
  appearance: none;
  flex-shrink: 0;
  background-color: var(--input);
  border-radius: calc(var(--unit) * 1.5);
  width: calc(var(--unit) * var(--control));
  height: calc(var(--unit) * var(--control));
  padding: calc(var(--unit) * 1);
  vertical-align: top;

  &:before {
    content: '';
    display: block;
    aspect-ratio: 1;
    height: 100%;
    border-radius: calc(var(--unit) * 0.75);
    background-color: var(--primary);
    transform: scale(0);
  }

  &:checked:before {
    transition: transform var(--duration-fast) var(--ease-out);
    transform: scale(1);
  }
}
/* ---- Circle.css ---- */
circle,
.circle,
[circle] {
  display: flex;
  width: 100%;
  min-height: 0;
  aspect-ratio: 1;
  border-radius: 100%;
}
/* ---- Code.css ---- */
code {
  font-family: var(--font-mono);
  font-size: calc(var(--unit-size, 1em) * 0.85);
  background: oklch(from var(--slate) l c h / 0.1);
  color: var(--foreground);
  border: var(--hairline) solid oklch(from var(--slate) l c h / 0.2);
  border-radius: calc(var(--unit) * 1);
  padding: calc(var(--unit) * 0.5) calc(var(--unit) * 1.5);
  white-space: nowrap;
}
/* ---- Collective.css ---- */
.input,
.checkbox,
.radio,
.select,
.textarea,
input:not([type='checkbox'], [type='radio'], [type='range'], [type='file']),
input[type='file'],
input[type='checkbox'],
input[type='radio'],
select,
textarea {
  font-family: var(--font-ui);
  box-shadow: var(--ring-inset);
  transition:
    box-shadow var(--duration-fast) var(--ease-in-out),
    background-color var(--duration-fast) var(--ease-in-out);

  &::placeholder {
    font-weight: 400;
  }

  &:disabled {
    background-color: var(--muted);
    color: oklch(from var(--muted-foreground) l c h / 0.6);
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }
}

.input,
.textarea,
input:not([type='checkbox'], [type='radio'], [type='range'], [type='file']),
textarea {
  &:disabled {
    -webkit-text-fill-color: oklch(from var(--muted-foreground) l c h / 0.6);
  }
}

.input,
.select,
.textarea,
input:not([type='checkbox'], [type='radio'], [type='range'], [type='file']),
input[type='checkbox'],
input[type='radio'],
select,
textarea {
  &:focus-visible {
    box-shadow: var(--ring-inset), var(--focus-ring);
  }
}
/* ---- Container.css ---- */
container,
.container,
[container] {
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
}
/* ---- Crow.css ---- */
crow:not(:has(> crow)) > crow,
.crow:not(:has(> .crow)) > .crow {
  flex: 1;
}

crow,
.crow {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--unit-size, inherit);
}
.up,
[up],
.down,
[down] {
  height: 100%;
}
.up,
[up] {
  align-items: flex-start;
}
.down,
[down] {
  align-items: flex-end;
}
.stretch,
[stretch] {
  align-items: stretch;
}
.left,
[left] {
  justify-content: flex-start;
}
.right,
[right] {
  justify-content: flex-end;
}
.vertical,
[vertical] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.vertical > .up,
[vertical] > [up],
.vertical > .down,
[vertical] > [down] {
  height: auto;
}
.vertical.up,
[vertical][up] {
  justify-content: flex-start;
}
.vertical.down,
[vertical][down] {
  justify-content: flex-end;
}
.crow.vertical.left,
crow[vertical][left],
.crow.vertical > .left,
crow[vertical] > [left],
.crow.vertical.right,
crow[vertical][right],
.crow.vertical > .right,
crow[vertical] > [right] {
  width: 100%;
}
.vertical.left,
[vertical][left] {
  align-items: flex-start;
}
.vertical.right,
[vertical][right] {
  align-items: flex-end;
}
.vertical > .left,
[vertical] > [left],
.vertical > .right,
[vertical] > [right] {
  display: flex;
}
/* ---- Grid.css ---- */
.grid,
[grid],
grid {
  --grid-size: calc(var(--grid-unit, var(--unit)) * 12);
  --gx: 0px;
  --gy: 0px;
}

.grid.dense,
.grid[dense],
[grid].dense,
[grid][dense],
grid.dense,
grid[dense] {
  --grid-size: calc(var(--grid-unit, var(--unit)) * 8);
}

.grid.center,
.grid[center],
[grid].center,
[grid][center],
grid.center,
grid[center] {
  --gx: calc(50% - var(--grid-size) / 2);
  --gy: calc(50% - var(--grid-size) / 2);
}

.grid.locked,
.grid[locked],
[grid].locked,
[grid][locked],
grid.locked,
grid[locked] {
  background:
    linear-gradient(to right, oklch(0.55 0.02 260 / 0.22) 0 1px, transparent 1px) var(--gx)
      var(--gy) / var(--grid-size) var(--grid-size),
    linear-gradient(to bottom, oklch(0.55 0.02 260 / 0.22) 0 1px, transparent 1px) var(--gx)
      var(--gy) / var(--grid-size) var(--grid-size),
    linear-gradient(to right, oklch(0.55 0.02 260 / 0.08) 0 1px, transparent 1px) var(--gx)
      var(--gy) / calc(var(--grid-size) * 0.5) calc(var(--grid-size) * 0.5),
    linear-gradient(to bottom, oklch(0.55 0.02 260 / 0.08) 0 1px, transparent 1px) var(--gx)
      var(--gy) / calc(var(--grid-size) * 0.5) calc(var(--grid-size) * 0.5);
  background-attachment: fixed;
}

.grid:not(.locked):not([locked]),
[grid]:not(.locked):not([locked]),
grid:not(.locked):not([locked]) {
  background:
    linear-gradient(to right, oklch(0.55 0.02 260 / 0.22) 0 1px, transparent 1px) var(--gx)
      var(--gy) / var(--grid-size) var(--grid-size),
    linear-gradient(to bottom, oklch(0.55 0.02 260 / 0.22) 0 1px, transparent 1px) var(--gx)
      var(--gy) / var(--grid-size) var(--grid-size),
    linear-gradient(to right, oklch(0.55 0.02 260 / 0.08) 0 1px, transparent 1px) var(--gx)
      var(--gy) / calc(var(--grid-size) * 0.5) calc(var(--grid-size) * 0.5),
    linear-gradient(to bottom, oklch(0.55 0.02 260 / 0.08) 0 1px, transparent 1px) var(--gx)
      var(--gy) / calc(var(--grid-size) * 0.5) calc(var(--grid-size) * 0.5);
  background-attachment: local;
}
/* ---- Hr.css ---- */
hr,
.hr {
  border: none;
  width: 100%;
  height: 0;
  overflow: visible;
}

hr::before,
.hr::before {
  content: '';
  display: block;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--border), transparent);
}
/* ---- Label.css ---- */
.label:has(input[type='checkbox'], input[type='radio']),
label:has(input[type='checkbox'], input[type='radio']) {
  display: flex;
  gap: calc(var(--unit) * 2);
  font-family: var(--font-ui);
  font-size: var(--unit-size, inherit);
  align-items: center;
  min-height: calc(var(--rhythm) * 2);
}

.label:has(select, input:not([type='checkbox'], [type='radio'], [type='range'], [type='file'])),
label:has(select, input:not([type='checkbox'], [type='radio'], [type='range'], [type='file'])) {
  display: grid;
}

.label > .select,
.label > .input,
label > select,
label > input:not([type='checkbox'], [type='radio'], [type='range'], [type='file']) {
  grid-area: 1/1;
  padding-inline-end: calc(var(--unit) * 5 + 1em);
}

.label:has(:disabled),
label:has(:disabled) {
  color: oklch(from var(--muted-foreground) l c h / 0.6);
  cursor: not-allowed;
}

.label:has(
    .select,
    .input:not([type='checkbox'], [type='radio'], [type='range'], [type='file'])
  ):after,
label:has(
    select,
    input:not([type='checkbox'], [type='radio'], [type='range'], [type='file'])
  ):after {
  content: '';
  pointer-events: none;
  grid-area: 1/1;
  mask-position: calc(100% - calc(var(--unit) * 3)) center;
  mask-size: 1em;
  mask-repeat: no-repeat;
  background-color: var(--popover-foreground);
}

.label:has(
    .input:not([type='checkbox'], [type='radio'], [type='range'], [type='file']):placeholder-shown
  ):after,
label:has(
    input:not([type='checkbox'], [type='radio'], [type='range'], [type='file']):placeholder-shown
  ):after {
  background-color: var(--muted-foreground);
}

.label:has(
    .select:disabled,
    .input:not([type='checkbox'], [type='radio'], [type='range'], [type='file']):disabled
  ):after,
label:has(
    select:disabled,
    input:not([type='checkbox'], [type='radio'], [type='range'], [type='file']):disabled
  ):after {
  background-color: oklch(from var(--muted-foreground) l c h / 0.6);
}

.label:has(.select):after,
label:has(select):after {
  mask-image: var(--icon, var(--icon-chevron-down));
}

.label:has(.input:not([type='checkbox'], [type='radio'], [type='range'], [type='file'])):after,
label:has(input:not([type='checkbox'], [type='radio'], [type='range'], [type='file'])):after {
  transition: background-color 150ms ease-in-out;
  mask-image: var(--icon, var(--icon-search));
}
/* ---- Progress.css ---- */
.progress,
progress {
  appearance: none;
  display: flex;
  min-width: calc(var(--unit) * 59);
  height: calc(var(--unit) * 4);
  padding-block: calc(var(--unit) * 1.25);
  border: 0;
  background-color: transparent;

  &::-webkit-progress-bar {
    background-color: var(--input);
    border-radius: calc(var(--unit) * 3);
    box-shadow: inset 0 0 0 1px var(--border);
  }

  &::-webkit-progress-value {
    background-color: var(--primary);
    border-radius: calc(var(--unit) * 3);
    box-shadow: 0 0 0 1px var(--border);
  }
}
/* ---- Radio.css ---- */
.radio,
input[type='radio'] {
  appearance: none;

  background-color: var(--input);
  border-radius: 50%;

  width: calc(var(--unit) * var(--control));
  height: calc(var(--unit) * var(--control));
  padding: calc(var(--unit) * 1);

  vertical-align: top;

  &:before {
    content: '';
    display: block;
    aspect-ratio: 1;
    height: 100%;
    border-radius: 50%;
    background-color: var(--primary);
    transform: scale(0);
  }

  &:checked:before {
    transition: transform 100ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transform: scale(1);
  }
}
/* ---- Range.css ---- */
.range,
input[type='range'] {
  display: flex;
  appearance: none;
  min-width: calc(var(--unit) * 59);
  outline: 0;

  height: calc(var(--unit) * 8);
  background-color: transparent;

  &::-webkit-slider-runnable-track {
    height: calc(var(--unit) * 1.5);
    background-color: var(--input);
    border-radius: calc(var(--unit) * 3);
    box-shadow: inset 0 0 0 1px var(--border);
  }

  &::-webkit-slider-thumb {
    appearance: none;
    margin-top: calc(var(--unit) * -2.25);
    outline: 0px inset transparent;
    outline-offset: 0;
    transition: outline 50ms ease-in-out;

    width: calc(var(--unit) * 6);
    aspect-ratio: 1;
    background-color: var(--primary);
    border-radius: 50%;

    border: calc(var(--unit) * 1) solid var(--input);
    outline: 1px solid var(--border);
  }

  &:disabled {
    cursor: not-allowed;

    &::-webkit-slider-thumb {
      border-color: var(--border);
      background-color: oklch(from var(--muted-foreground) l c h / 0.6);
      outline-color: transparent;
    }
  }

  &:focus:enabled:not(:active) {
    outline: 0;

    &::-webkit-slider-thumb {
      outline: 3px solid oklch(from var(--input) calc(l/2 + 0.4) c h);
    }
  }
}
/* ---- Select.css ---- */
.select,
select {
  min-width: calc(var(--unit) * 59);
  appearance: none;

  background-color: var(--input);
  color: var(--popover-foreground);
  border-radius: var(--radius-control);
  font-size: var(--unit-size, inherit);
  line-height: 1.25em;

  padding: calc((var(--unit) * 12 - 1.25em) / 2) calc(var(--unit) * 3);

  &:invalid {
    color: var(--muted-foreground);
  }
}
/* ---- Sidebar.css ---- */
sidebar {
  position: sticky;
  top: 0;
  height: 100dvh;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  order: -1;
}

sidebar-content {
  width: calc(var(--unit) * 56);
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: calc(var(--unit) * 4);
  justify-content: space-between;
  overflow-y: auto;
  background-color: var(--sidebar);
  color: var(--sidebar-foreground);
  --secondary-foreground: oklch(from var(--foreground) l c h / 0.72);
  --active-background: var(--background);
}

sidebar-content h5 {
  font-family: var(--font-serif);
  font-size: calc(var(--unit) * 5.5);
}

sidebar-content h6 {
  font-size: calc(var(--unit) * 2.75);
  letter-spacing: 0.14em;
}

sidebar-content [text-muted] {
  font-size: calc(var(--unit) * 3.5);
  font-style: italic;
}

sidebar-content :is(button, .button):is(.tertiary, [tertiary]):not(:has(> icon:only-child)) {
  width: 100%;
  justify-content: flex-start;
}

sidebar > input[type='checkbox'] {
  position: absolute;
  opacity: 0;
}

@media (width <= 768px) {
  sidebar {
    position: fixed;
    inset: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
  }

  sidebar:has(> input[type='checkbox']:checked) > input[type='checkbox'] {
    inset: 0;
    width: 100%;
    height: 100%;
  }

  sidebar:has(> input[type='checkbox']:checked) {
    pointer-events: auto;
    transform: translateX(0);
    background: oklch(from black l c h / 0.5);
    transition: background-color 300ms ease;
  }

  sidebar-content {
    transform: translateX(-100%);
    transition: transform 300ms ease;
    pointer-events: auto;
  }

  sidebar:has(> input[type='checkbox']:checked) sidebar-content {
    transform: translateX(0);
  }
}
/* ---- Stack.css ---- */
stack {
  display: grid;
  place-items: center;
}

stack > * {
  grid-area: 1/1;
}
/* ---- Sticky.css ---- */
.sticky,
sticky {
  display: flex;
  position: sticky;
  flex-direction: column;
  top: 0;
  order: -1;
  container-type: scroll-state;
}

.auto-shadow::after,
[auto-shadow]::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  transition: box-shadow 150ms;
}

@container scroll-state(stuck: top) {
  .auto-shadow::after,
  [auto-shadow]::after {
    box-shadow:
      inset 0 1px 0 oklch(from var(--background) calc(l + 0.04) c h),
      inset 0 -1px 0 oklch(from var(--shadow-color) l c h / 0.08),
      0 calc(var(--unit) * 1.5) calc(var(--unit) * 1.5) calc(var(--unit) * -1.5)
        oklch(from var(--shadow-color) l c h / 0.12);
  }
}

@container scroll-state(stuck: bottom) {
  .auto-shadow::after,
  [auto-shadow]::after {
    box-shadow:
      inset 0 -1px 0 oklch(from var(--background) calc(l + 0.04) c h),
      inset 0 1px 0 oklch(from var(--shadow-color) l c h / 0.08),
      0 calc(var(--unit) * -1.5) calc(var(--unit) * 1.5) calc(var(--unit) * -1.5)
        oklch(from var(--shadow-color) l c h / 0.12);
  }
}

.sticky.reverse,
.sticky[reverse],
sticky.reverse,
sticky[reverse] {
  order: 0;
  top: auto;
  bottom: 0;
}

@media (width <= 768px) {
  .sticky.sm\:reverse,
  .sticky[sm\:reverse],
  sticky.sm\:reverse,
  sticky[sm\:reverse] {
    order: 0;
    top: auto;
    bottom: 0;
  }
}

@media (768px < width <= 1024px) {
  .sticky.md\:reverse,
  .sticky[md\:reverse],
  sticky.md\:reverse,
  sticky[md\:reverse] {
    order: 0;
    top: auto;
    bottom: 0;
  }
}

@media (width > 1024px) {
  .sticky.lg\:reverse,
  .sticky[lg\:reverse],
  sticky.lg\:reverse,
  sticky[lg\:reverse] {
    order: 0;
    top: auto;
    bottom: 0;
  }
}
/* ---- Switch.css ---- */
.switch,
input[type='checkbox'][role='switch'] {
  width: calc(var(--unit) * var(--control) * 2);

  background-color: var(--input);
  border-radius: calc(var(--unit) * 3);

  &:before {
    transition: all 150ms ease-in-out;
    content: '';
    color: var(--primary-foreground);
    border-radius: calc(var(--unit) * 2.5);
    transform: scale(1);
  }

  &:disabled:before {
    background-color: oklch(from var(--muted-foreground) l c h / 0.6);
  }

  &:checked {
    background-color: var(--primary);
    box-shadow: inset 0 0 0 1px oklch(from var(--primary-foreground) l c h / 0.2);

    &:active:enabled,
    &:focus-visible:enabled {
      outline-color: oklch(from var(--primary) l c h / 0.35);
    }

    &:before {
      background-color: var(--primary-foreground);
    }
  }

  &:checked:before {
    margin-inline-start: calc(var(--unit) * var(--control));
  }

  &:active:enabled,
  &:focus-visible:enabled {
    outline: 3px solid oklch(from var(--input) calc(l/2 + 0.4) c h);
    outline-offset: 0;
  }
}
/* ---- Table.css ---- */
.table,
table {
  width: 100%;
  border-collapse: collapse;
  color: var(--foreground);
  font-size: var(--unit-size, inherit);
}

.table td,
.table th,
table td,
table th {
  padding: calc(var(--unit) * 3) calc(var(--unit) * 4);
  text-align: left;
  vertical-align: middle;
  box-shadow: inset 0 calc(-1 * var(--hairline)) 0 var(--border);
}

.table th,
table th {
  font-family: var(--font-ui);
  font-weight: normal;
  color: var(--muted-foreground);
}

.table tr:last-child td,
table tr:last-child td {
  box-shadow: none;
}

.table tr:hover td,
table tr:hover td {
  background-color: oklch(from var(--foreground) l c h / 0.03);
}
/* ---- Tabs.css ---- */
.tabs:is(.primary, .secondary, .tertiary, [primary], [secondary], [tertiary]),
tabs:is(.primary, .secondary, .tertiary, [primary], [secondary], [tertiary]) {
  display: flex;
  align-items: flex-end;
  font-family: var(--font-ui);

  &::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid var(--border);
  }

  > .tab,
  > tab {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    gap: calc(var(--unit) * 1);
    font-size: var(--unit-size, inherit);
    line-height: 1em;
    padding: calc(var(--unit) * 2 - 1px) calc(var(--unit) * 3);
    border: 1px solid transparent;
    border-bottom-color: var(--border);
    border-radius: min(calc(var(--radius) - calc(var(--unit) * 1)), calc(var(--unit) * 1))
      min(calc(var(--radius) - calc(var(--unit) * 1)), calc(var(--unit) * 1)) 0 0;
    background-color: transparent;
    color: var(--foreground);
    cursor: pointer;

    > * {
      margin-inline: calc(-1 * var(--unit));
    }
  }

  &.primary > .tab:not(.active, [active]),
  &[primary] > tab:not(.active, [active]) {
    color: var(--muted-foreground);

    &:hover {
      background-color: oklch(from var(--foreground) l c h / 0.03);
      color: var(--foreground);
    }
  }

  &.primary > .tab:is(.active, [active]),
  &[primary] > tab:is(.active, [active]) {
    border-color: var(--border) var(--border) transparent;
  }

  &.secondary > .tab:not(.active, [active]),
  &[secondary] > tab:not(.active, [active]) {
    background-color: var(--secondary);
    color: var(--secondary-foreground);
    border-color: var(--border);

    &:hover {
      background-color: var(--secondary-hover);
    }
  }

  &.secondary > .tab:is(.active, [active]),
  &[secondary] > tab:is(.active, [active]) {
    border-color: var(--border) var(--border) transparent;
  }

  &.tertiary > .tab:not(.active, [active]),
  &[tertiary] > tab:not(.active, [active]) {
    color: var(--secondary-foreground);

    &:hover {
      background-color: oklch(from var(--primary) l c h / 0.12);
      color: var(--primary-text);
    }
  }

  &.tertiary > .tab:is(.active, [active]),
  &[tertiary] > tab:is(.active, [active]) {
    border-color: var(--border) var(--border) transparent;
  }
}
/* ---- TextArea.css ---- */
.textarea,
textarea {
  min-width: calc(var(--unit) * 59);

  background-color: var(--input);
  border-radius: var(--radius-control);
  color: var(--popover-foreground);
  padding: calc(var(--unit) * 2) calc(var(--unit) * 3);
  font-size: var(--unit-size, inherit);
  min-block-size: calc-size(max-content, round(up, size, var(--rhythm)));

  &:not(:disabled)::placeholder {
    color: var(--muted-foreground);
  }
}
/* ---- TextInput.css ---- */
.input,
input:not([type='checkbox'], [type='radio'], [type='range'], [type='file']) {
  min-width: calc(var(--unit) * 59);

  background-color: var(--input);
  border-radius: var(--radius-control);
  color: var(--popover-foreground);
  padding: calc((var(--unit) * 12 - 1.25em) / 2) calc(var(--unit) * 3);
  font-size: var(--unit-size, inherit);
  line-height: 1.25em;

  &:not(:disabled)::placeholder {
    color: var(--muted-foreground);
  }
}
/* ---- Tooltip.css ---- */
tooltip,
.tooltip {
  position: fixed;
  padding: calc(var(--unit) * 2) calc(var(--unit) * 3);
  border-radius: var(--radius-control);
  box-shadow: inset 0 0 0 1px var(--border);
  background-color: var(--input);
  color: var(--popover-foreground);
  font-family: var(--font-ui);
  font-size: var(--unit-size, calc(var(--unit) * 3.5));
  line-height: calc(var(--unit) * 4);
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  translate: 0 calc(var(--unit) * -2);
  transition:
    translate 300ms,
    opacity 300ms;
}

.tooltip.open,
tooltip[open] {
  opacity: 1;
  translate: 0;
}

.tooltip[pointer],
tooltip[pointer] {
  --pointer: attr(pointer type(<length-percentage>));
}

.tooltip[direction]::after,
tooltip[direction]::after {
  content: '';
  position: absolute;
  width: calc(var(--unit) * 3);
  height: calc(var(--unit) * 3);
  border: 1px solid var(--border);
  background-color: var(--input);
}

.tooltip[direction='up']::after,
tooltip[direction='up']::after {
  bottom: 1px;
  left: var(--pointer, 50%);
  transform: translate(-50%, 50%) rotate(45deg);
  clip-path: polygon(0% 100%, 100% 100%, 100% 0%);
}

.tooltip[direction='down']::after,
tooltip[direction='down']::after {
  top: 1px;
  left: var(--pointer, 50%);
  transform: translate(-50%, -50%) rotate(45deg);
  clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
}

.tooltip[direction='left']::after,
tooltip[direction='left']::after {
  right: 1px;
  top: var(--pointer, 50%);
  transform: translate(50%, -50%) rotate(45deg);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
}

.tooltip[direction='right']::after,
tooltip[direction='right']::after {
  left: 1px;
  top: var(--pointer, 50%);
  transform: translate(-50%, -50%) rotate(45deg);
  clip-path: polygon(0% 0%, 0% 100%, 100% 100%);
}

 }
}
@layer modifiers {

.stylecheat,
[stylecheat] {
/* ---- Modifiers.css ---- */
.sm,
[sm] {
  --unit: calc(0.25em * 2 / 3);
}
:is(.sm, [sm]):not(button, .button, select, .select, .input, input:not([type='checkbox'], [type='radio'], [type='range'], [type='file']), label:has(> select, > input:not([type='checkbox'], [type='radio'], [type='range'], [type='file'])), .label:has(> .select, > .input)) {
  --unit: calc(var(--rhythm) / 6);
  --unit-size: max(12px, calc(var(--unit) * 4));
  --leading-body: calc(var(--unit) * 6);
  font-size: max(12px, calc(1em * 2 / 3));
}
.md,
[md] {
  --unit: 4px;
  --unit-size: 16px;
  --leading-body: calc(var(--unit) * 6);
  font-size: var(--unit-size, inherit);
}
.lg,
[lg] {
  --unit: 0.25em;
  --unit-size: calc(var(--unit) * 4);
  --leading-body: calc(var(--unit) * 6);
  font-size: calc(1em * 4 / 3);
}

.overflow-hidden,
[overflow-hidden] {
  overflow: hidden;
}
.overflow-auto,
[overflow-auto] {
  overflow: auto;
}
.hide,
[hide] {
  display: none;
}
.flex,
[flex] {
  display: flex;
}
.block,
[block] {
  display: block;
}
.inline-block,
[inline-block] {
  display: inline-block;
}

.bg-transparent,
[bg-transparent] {
  --surface: inherit;
  background-color: transparent;
  box-shadow: none;
  color: inherit;
}
.hover,
[hover] {
  cursor: pointer;
  background-image: linear-gradient(transparent 0 0);
  transition:
    background-color var(--duration-fast) var(--ease-in-out),
    background-image var(--duration-fast) var(--ease-in-out);

  &:hover {
    background-image: linear-gradient(oklch(from var(--foreground) l c h / 0.03) 0 0);
  }
}

.f-0,
[f-0] {
  flex: none;
}
.f-1,
[f-1] {
  flex: 1;
}
.f-2,
[f-2] {
  flex: 2;
}
.f-3,
[f-3] {
  flex: 3;
}
.f-4,
[f-4] {
  flex: 4;
}
.f-5,
[f-5] {
  flex: 5;
}
.f-6,
[f-6] {
  flex: 6;
}
.f-7,
[f-7] {
  flex: 7;
}
.f-8,
[f-8] {
  flex: 8;
}

.justify-between,
[justify-between] {
  justify-content: space-between;
}
.wrap,
[wrap] {
  flex-wrap: wrap;
}

.w-full,
[w-full] {
  width: 100%;
}
.h-full,
[h-full] {
  height: 100%;
}
.mw-full,
[mw-full] {
  min-width: 100%;
}
.mh-full,
[mh-full] {
  min-height: 100%;
}

.g-0,
[g-0] {
  gap: 0;
}
.g-1,
[g-1] {
  gap: calc(var(--unit) * 1);
}
.g-2,
[g-2] {
  gap: calc(var(--unit) * 2);
}
.g-3,
[g-3] {
  gap: calc(var(--unit) * 3);
}
.g-4,
[g-4] {
  gap: calc(var(--unit) * 4);
}
.g-5,
[g-5] {
  gap: calc(var(--unit) * 5);
}
.g-6,
[g-6] {
  gap: calc(var(--unit) * 6);
}
.g-7,
[g-7] {
  gap: calc(var(--unit) * 7);
}
.g-8,
[g-8] {
  gap: calc(var(--unit) * 8);
}

.mt-auto,
[mt-auto] {
  margin-top: auto;
}
.mt-0,
[mt-0] {
  margin-top: 0;
}
.mt-1,
[mt-1] {
  margin-top: calc(var(--unit) * 1);
}
.mt-2,
[mt-2] {
  margin-top: calc(var(--unit) * 2);
}
.mt-3,
[mt-3] {
  margin-top: calc(var(--unit) * 3);
}
.mt-4,
[mt-4] {
  margin-top: calc(var(--unit) * 4);
}
.mt-5,
[mt-5] {
  margin-top: calc(var(--unit) * 5);
}
.mt-6,
[mt-6] {
  margin-top: calc(var(--unit) * 6);
}
.mt-7,
[mt-7] {
  margin-top: calc(var(--unit) * 7);
}
.mt-8,
[mt-8] {
  margin-top: calc(var(--unit) * 8);
}

.mb-auto,
[mb-auto] {
  margin-bottom: auto;
}
.mb-0,
[mb-0] {
  margin-bottom: 0;
}
.mb-1,
[mb-1] {
  margin-bottom: calc(var(--unit) * 1);
}
.mb-2,
[mb-2] {
  margin-bottom: calc(var(--unit) * 2);
}
.mb-3,
[mb-3] {
  margin-bottom: calc(var(--unit) * 3);
}
.mb-4,
[mb-4] {
  margin-bottom: calc(var(--unit) * 4);
}
.mb-5,
[mb-5] {
  margin-bottom: calc(var(--unit) * 5);
}
.mb-6,
[mb-6] {
  margin-bottom: calc(var(--unit) * 6);
}
.mb-7,
[mb-7] {
  margin-bottom: calc(var(--unit) * 7);
}
.mb-8,
[mb-8] {
  margin-bottom: calc(var(--unit) * 8);
}

.ml-auto,
[ml-auto] {
  margin-left: auto;
}
.ml-0,
[ml-0] {
  margin-left: 0;
}
.ml-1,
[ml-1] {
  margin-left: calc(var(--unit) * 1);
}
.ml-2,
[ml-2] {
  margin-left: calc(var(--unit) * 2);
}
.ml-3,
[ml-3] {
  margin-left: calc(var(--unit) * 3);
}
.ml-4,
[ml-4] {
  margin-left: calc(var(--unit) * 4);
}
.ml-5,
[ml-5] {
  margin-left: calc(var(--unit) * 5);
}
.ml-6,
[ml-6] {
  margin-left: calc(var(--unit) * 6);
}
.ml-7,
[ml-7] {
  margin-left: calc(var(--unit) * 7);
}
.ml-8,
[ml-8] {
  margin-left: calc(var(--unit) * 8);
}

.mr-auto,
[mr-auto] {
  margin-right: auto;
}
.mr-0,
[mr-0] {
  margin-right: 0;
}
.mr-1,
[mr-1] {
  margin-right: calc(var(--unit) * 1);
}
.mr-2,
[mr-2] {
  margin-right: calc(var(--unit) * 2);
}
.mr-3,
[mr-3] {
  margin-right: calc(var(--unit) * 3);
}
.mr-4,
[mr-4] {
  margin-right: calc(var(--unit) * 4);
}
.mr-5,
[mr-5] {
  margin-right: calc(var(--unit) * 5);
}
.mr-6,
[mr-6] {
  margin-right: calc(var(--unit) * 6);
}
.mr-7,
[mr-7] {
  margin-right: calc(var(--unit) * 7);
}
.mr-8,
[mr-8] {
  margin-right: calc(var(--unit) * 8);
}

.mx-auto,
[mx-auto] {
  margin-inline: auto;
}
.mx-0,
[mx-0] {
  margin-inline: 0;
}
.mx-1,
[mx-1] {
  margin-inline: calc(var(--unit) * 1);
}
.mx-2,
[mx-2] {
  margin-inline: calc(var(--unit) * 2);
}
.mx-3,
[mx-3] {
  margin-inline: calc(var(--unit) * 3);
}
.mx-4,
[mx-4] {
  margin-inline: calc(var(--unit) * 4);
}
.mx-5,
[mx-5] {
  margin-inline: calc(var(--unit) * 5);
}
.mx-6,
[mx-6] {
  margin-inline: calc(var(--unit) * 6);
}
.mx-7,
[mx-7] {
  margin-inline: calc(var(--unit) * 7);
}
.mx-8,
[mx-8] {
  margin-inline: calc(var(--unit) * 8);
}

.my-auto,
[my-auto] {
  margin-block: auto;
}
.my-0,
[my-0] {
  margin-block: 0;
}
.my-1,
[my-1] {
  margin-block: calc(var(--unit) * 1);
}
.my-2,
[my-2] {
  margin-block: calc(var(--unit) * 2);
}
.my-3,
[my-3] {
  margin-block: calc(var(--unit) * 3);
}
.my-4,
[my-4] {
  margin-block: calc(var(--unit) * 4);
}
.my-5,
[my-5] {
  margin-block: calc(var(--unit) * 5);
}
.my-6,
[my-6] {
  margin-block: calc(var(--unit) * 6);
}
.my-7,
[my-7] {
  margin-block: calc(var(--unit) * 7);
}
.my-8,
[my-8] {
  margin-block: calc(var(--unit) * 8);
}

.m-auto,
[m-auto] {
  margin: auto;
}
.m-0,
[m-0] {
  margin: 0;
}
.m-1,
[m-1] {
  margin: calc(var(--unit) * 1);
}
.m-2,
[m-2] {
  margin: calc(var(--unit) * 2);
}
.m-3,
[m-3] {
  margin: calc(var(--unit) * 3);
}
.m-4,
[m-4] {
  margin: calc(var(--unit) * 4);
}
.m-5,
[m-5] {
  margin: calc(var(--unit) * 5);
}
.m-6,
[m-6] {
  margin: calc(var(--unit) * 6);
}
.m-7,
[m-7] {
  margin: calc(var(--unit) * 7);
}
.m-8,
[m-8] {
  margin: calc(var(--unit) * 8);
}

.pt-0,
[pt-0] {
  padding-top: 0;
}
.pt-1,
[pt-1] {
  padding-top: calc(var(--unit) * 1);
}
.pt-2,
[pt-2] {
  padding-top: calc(var(--unit) * 2);
}
.pt-3,
[pt-3] {
  padding-top: calc(var(--unit) * 3);
}
.pt-4,
[pt-4] {
  padding-top: calc(var(--unit) * 4);
}
.pt-5,
[pt-5] {
  padding-top: calc(var(--unit) * 5);
}
.pt-6,
[pt-6] {
  padding-top: calc(var(--unit) * 6);
}
.pt-7,
[pt-7] {
  padding-top: calc(var(--unit) * 7);
}
.pt-8,
[pt-8] {
  padding-top: calc(var(--unit) * 8);
}

.pb-0,
[pb-0] {
  padding-bottom: 0;
}
.pb-1,
[pb-1] {
  padding-bottom: calc(var(--unit) * 1);
}
.pb-2,
[pb-2] {
  padding-bottom: calc(var(--unit) * 2);
}
.pb-3,
[pb-3] {
  padding-bottom: calc(var(--unit) * 3);
}
.pb-4,
[pb-4] {
  padding-bottom: calc(var(--unit) * 4);
}
.pb-5,
[pb-5] {
  padding-bottom: calc(var(--unit) * 5);
}
.pb-6,
[pb-6] {
  padding-bottom: calc(var(--unit) * 6);
}
.pb-7,
[pb-7] {
  padding-bottom: calc(var(--unit) * 7);
}
.pb-8,
[pb-8] {
  padding-bottom: calc(var(--unit) * 8);
}

.pl-0,
[pl-0] {
  padding-left: 0;
}
.pl-1,
[pl-1] {
  padding-left: calc(var(--unit) * 1);
}
.pl-2,
[pl-2] {
  padding-left: calc(var(--unit) * 2);
}
.pl-3,
[pl-3] {
  padding-left: calc(var(--unit) * 3);
}
.pl-4,
[pl-4] {
  padding-left: calc(var(--unit) * 4);
}
.pl-5,
[pl-5] {
  padding-left: calc(var(--unit) * 5);
}
.pl-6,
[pl-6] {
  padding-left: calc(var(--unit) * 6);
}
.pl-7,
[pl-7] {
  padding-left: calc(var(--unit) * 7);
}
.pl-8,
[pl-8] {
  padding-left: calc(var(--unit) * 8);
}

.pr-0,
[pr-0] {
  padding-right: 0;
}
.pr-1,
[pr-1] {
  padding-right: calc(var(--unit) * 1);
}
.pr-2,
[pr-2] {
  padding-right: calc(var(--unit) * 2);
}
.pr-3,
[pr-3] {
  padding-right: calc(var(--unit) * 3);
}
.pr-4,
[pr-4] {
  padding-right: calc(var(--unit) * 4);
}
.pr-5,
[pr-5] {
  padding-right: calc(var(--unit) * 5);
}
.pr-6,
[pr-6] {
  padding-right: calc(var(--unit) * 6);
}
.pr-7,
[pr-7] {
  padding-right: calc(var(--unit) * 7);
}
.pr-8,
[pr-8] {
  padding-right: calc(var(--unit) * 8);
}

.px-0,
[px-0] {
  padding-inline: 0;
}
.px-1,
[px-1] {
  padding-inline: calc(var(--unit) * 1);
}
.px-2,
[px-2] {
  padding-inline: calc(var(--unit) * 2);
}
.px-3,
[px-3] {
  padding-inline: calc(var(--unit) * 3);
}
.px-4,
[px-4] {
  padding-inline: calc(var(--unit) * 4);
}
.px-5,
[px-5] {
  padding-inline: calc(var(--unit) * 5);
}
.px-6,
[px-6] {
  padding-inline: calc(var(--unit) * 6);
}
.px-7,
[px-7] {
  padding-inline: calc(var(--unit) * 7);
}
.px-8,
[px-8] {
  padding-inline: calc(var(--unit) * 8);
}

.py-0,
[py-0] {
  padding-block: 0;
}
.py-1,
[py-1] {
  padding-block: calc(var(--unit) * 1);
}
.py-2,
[py-2] {
  padding-block: calc(var(--unit) * 2);
}
.py-3,
[py-3] {
  padding-block: calc(var(--unit) * 3);
}
.py-4,
[py-4] {
  padding-block: calc(var(--unit) * 4);
}
.py-5,
[py-5] {
  padding-block: calc(var(--unit) * 5);
}
.py-6,
[py-6] {
  padding-block: calc(var(--unit) * 6);
}
.py-7,
[py-7] {
  padding-block: calc(var(--unit) * 7);
}
.py-8,
[py-8] {
  padding-block: calc(var(--unit) * 8);
}

.p-0,
[p-0] {
  padding: 0;
}
.p-1,
[p-1] {
  padding: calc(var(--unit) * 1);
}
.p-2,
[p-2] {
  padding: calc(var(--unit) * 2);
}
.p-3,
[p-3] {
  padding: calc(var(--unit) * 3);
}
.p-4,
[p-4] {
  padding: calc(var(--unit) * 4);
}
.p-5,
[p-5] {
  padding: calc(var(--unit) * 5);
}
.p-6,
[p-6] {
  padding: calc(var(--unit) * 6);
}
.p-7,
[p-7] {
  padding: calc(var(--unit) * 7);
}
.p-8,
[p-8] {
  padding: calc(var(--unit) * 8);
}

[position='static'] {
  position: static;
}
[position='relative'] {
  position: relative;
}
[position='absolute'] {
  position: absolute;
}
[position='fixed'] {
  position: fixed;
}
[position='sticky'] {
  position: sticky;
}

[contain='none'] {
  contain: none;
}
[contain='strict'] {
  contain: strict;
}
[contain='content'] {
  contain: content;
}
[contain='size'] {
  contain: size;
}
[contain='inline-size'] {
  contain: inline-size;
}
[contain='layout'] {
  contain: layout;
}
[contain='style'] {
  contain: style;
}
[contain='paint'] {
  contain: paint;
}

.t-auto,
[t-auto] {
  top: auto;
}
.t-0,
[t-0] {
  top: 0;
}
.t-1,
[t-1] {
  top: calc(var(--unit) * 1);
}
.t-2,
[t-2] {
  top: calc(var(--unit) * 2);
}
.t-3,
[t-3] {
  top: calc(var(--unit) * 3);
}
.t-4,
[t-4] {
  top: calc(var(--unit) * 4);
}
.t-5,
[t-5] {
  top: calc(var(--unit) * 5);
}
.t-6,
[t-6] {
  top: calc(var(--unit) * 6);
}
.t-7,
[t-7] {
  top: calc(var(--unit) * 7);
}
.t-8,
[t-8] {
  top: calc(var(--unit) * 8);
}

.r-auto,
[r-auto] {
  right: auto;
}
.r-0,
[r-0] {
  right: 0;
}
.r-1,
[r-1] {
  right: calc(var(--unit) * 1);
}
.r-2,
[r-2] {
  right: calc(var(--unit) * 2);
}
.r-3,
[r-3] {
  right: calc(var(--unit) * 3);
}
.r-4,
[r-4] {
  right: calc(var(--unit) * 4);
}
.r-5,
[r-5] {
  right: calc(var(--unit) * 5);
}
.r-6,
[r-6] {
  right: calc(var(--unit) * 6);
}
.r-7,
[r-7] {
  right: calc(var(--unit) * 7);
}
.r-8,
[r-8] {
  right: calc(var(--unit) * 8);
}

.b-auto,
[b-auto] {
  bottom: auto;
}
.b-0,
[b-0] {
  bottom: 0;
}
.b-1,
[b-1] {
  bottom: calc(var(--unit) * 1);
}
.b-2,
[b-2] {
  bottom: calc(var(--unit) * 2);
}
.b-3,
[b-3] {
  bottom: calc(var(--unit) * 3);
}
.b-4,
[b-4] {
  bottom: calc(var(--unit) * 4);
}
.b-5,
[b-5] {
  bottom: calc(var(--unit) * 5);
}
.b-6,
[b-6] {
  bottom: calc(var(--unit) * 6);
}
.b-7,
[b-7] {
  bottom: calc(var(--unit) * 7);
}
.b-8,
[b-8] {
  bottom: calc(var(--unit) * 8);
}

.l-auto,
[l-auto] {
  left: auto;
}
.l-0,
[l-0] {
  left: 0;
}
.l-1,
[l-1] {
  left: calc(var(--unit) * 1);
}
.l-2,
[l-2] {
  left: calc(var(--unit) * 2);
}
.l-3,
[l-3] {
  left: calc(var(--unit) * 3);
}
.l-4,
[l-4] {
  left: calc(var(--unit) * 4);
}
.l-5,
[l-5] {
  left: calc(var(--unit) * 5);
}
.l-6,
[l-6] {
  left: calc(var(--unit) * 6);
}
.l-7,
[l-7] {
  left: calc(var(--unit) * 7);
}
.l-8,
[l-8] {
  left: calc(var(--unit) * 8);
}

.order-first,
[order-first] {
  order: -1;
}

.text-blue,
[text-blue] {
  color: var(--blue);
}
.text-purple,
[text-purple] {
  color: var(--purple);
}
.text-green,
[text-green] {
  color: var(--green);
}
.text-orange,
[text-orange] {
  color: var(--orange);
}
.text-cyan,
[text-cyan] {
  color: var(--cyan);
}
.text-red,
[text-red] {
  color: var(--red);
}
.text-yellow,
[text-yellow] {
  color: var(--yellow);
}
.text-slate,
[text-slate] {
  color: var(--slate);
}
.text-primary,
[text-primary] {
  color: var(--primary);
}
.text-muted,
[text-muted] {
  color: var(--muted-foreground);
}
.text-foreground,
[text-foreground] {
  color: var(--foreground);
}

:has(+ .open) > .animate-y,
:has(+ [open]) > [animate-y] {
  transform: rotateX(180deg);
}

.bg-blue,
[bg-blue] {
  background-color: oklch(from var(--blue) l c h / 0.2);
}
.bg-purple,
[bg-purple] {
  background-color: oklch(from var(--purple) l c h / 0.2);
}
.bg-green,
[bg-green] {
  background-color: oklch(from var(--green) l c h / 0.2);
}
.bg-orange,
[bg-orange] {
  background-color: oklch(from var(--orange) l c h / 0.2);
}
.bg-cyan,
[bg-cyan] {
  background-color: oklch(from var(--cyan) l c h / 0.2);
}
.bg-red,
[bg-red] {
  background-color: oklch(from var(--red) l c h / 0.2);
}
.bg-yellow,
[bg-yellow] {
  background-color: oklch(from var(--yellow) l c h / 0.2);
}
.bg-slate,
[bg-slate] {
  background-color: oklch(from var(--slate) l c h / 0.2);
}

@media (width <= 768px) {
  .sm\:sm,
  [sm\:sm] {
    --unit: calc(0.25em * 2 / 3);
  }
  :is(.sm\:sm, [sm\:sm]):not(button, .button, select, .select, .input, input:not([type='checkbox'], [type='radio'], [type='range'], [type='file']), label:has(> select, > input:not([type='checkbox'], [type='radio'], [type='range'], [type='file'])), .label:has(> .select, > .input)) {
    --unit: calc(var(--rhythm) / 6);
    --unit-size: max(12px, calc(var(--unit) * 4));
    --leading-body: calc(var(--unit) * 6);
    font-size: max(12px, calc(1em * 2 / 3));
  }
  .sm\:md,
  [sm\:md] {
    --unit: 4px;
    --unit-size: 16px;
    --leading-body: calc(var(--unit) * 6);
    font-size: var(--unit-size, inherit);
  }
  .sm\:lg,
  [sm\:lg] {
    --unit: 0.25em;
    --unit-size: calc(var(--unit) * 4);
    --leading-body: calc(var(--unit) * 6);
    font-size: calc(1em * 4 / 3);
  }
  .sm\:hide,
  [sm\:hide] {
    display: none;
  }
  .sm\:flex,
  [sm\:flex] {
    display: flex;
  }
  .sm\:block,
  [sm\:block] {
    display: block;
  }
  .sm\:vertical,
  [sm\:vertical] {
    flex-direction: column;
  }
  .sm\:order-first,
  [sm\:order-first] {
    order: -1;
  }
}

@media (768px < width <= 1024px) {
  .md\:sm,
  [md\:sm] {
    --unit: calc(0.25em * 2 / 3);
  }
  :is(.md\:sm, [md\:sm]):not(button, .button, select, .select, .input, input:not([type='checkbox'], [type='radio'], [type='range'], [type='file']), label:has(> select, > input:not([type='checkbox'], [type='radio'], [type='range'], [type='file'])), .label:has(> .select, > .input)) {
    --unit: calc(var(--rhythm) / 6);
    --unit-size: max(12px, calc(var(--unit) * 4));
    --leading-body: calc(var(--unit) * 6);
    font-size: max(12px, calc(1em * 2 / 3));
  }
  .md\:md,
  [md\:md] {
    --unit: 4px;
    --unit-size: 16px;
    --leading-body: calc(var(--unit) * 6);
    font-size: var(--unit-size, inherit);
  }
  .md\:lg,
  [md\:lg] {
    --unit: 0.25em;
    --unit-size: calc(var(--unit) * 4);
    --leading-body: calc(var(--unit) * 6);
    font-size: calc(1em * 4 / 3);
  }
  .md\:hide,
  [md\:hide] {
    display: none;
  }
  .md\:flex,
  [md\:flex] {
    display: flex;
  }
  .md\:block,
  [md\:block] {
    display: block;
  }
  .md\:vertical,
  [md\:vertical] {
    flex-direction: column;
  }
  .md\:order-first,
  [md\:order-first] {
    order: -1;
  }
}

@media (width > 1024px) {
  .lg\:sm,
  [lg\:sm] {
    --unit: calc(0.25em * 2 / 3);
  }
  :is(.lg\:sm, [lg\:sm]):not(button, .button, select, .select, .input, input:not([type='checkbox'], [type='radio'], [type='range'], [type='file']), label:has(> select, > input:not([type='checkbox'], [type='radio'], [type='range'], [type='file'])), .label:has(> .select, > .input)) {
    --unit: calc(var(--rhythm) / 6);
    --unit-size: max(12px, calc(var(--unit) * 4));
    --leading-body: calc(var(--unit) * 6);
    font-size: max(12px, calc(1em * 2 / 3));
  }
  .lg\:md,
  [lg\:md] {
    --unit: 4px;
    --unit-size: 16px;
    --leading-body: calc(var(--unit) * 6);
    font-size: var(--unit-size, inherit);
  }
  .lg\:lg,
  [lg\:lg] {
    --unit: 0.25em;
    --unit-size: calc(var(--unit) * 4);
    --leading-body: calc(var(--unit) * 6);
    font-size: calc(1em * 4 / 3);
  }
  .lg\:hide,
  [lg\:hide] {
    display: none;
  }
  .lg\:flex,
  [lg\:flex] {
    display: flex;
  }
  .lg\:block,
  [lg\:block] {
    display: block;
  }
  .lg\:vertical,
  [lg\:vertical] {
    flex-direction: column;
  }
  .lg\:order-first,
  [lg\:order-first] {
    order: -1;
  }
}
/* ---- ChromeOnlyModifiers.css ---- */
[g] {
  --_g: attr(g type(<length-percentage>));
  gap: var(--_g, calc(attr(g type(<number>)) * var(--unit)));
}

[m] {
  --_m: attr(m type(<length-percentage>));
  margin: var(--_m, calc(attr(m type(<number>)) * var(--unit)));
}
[m='auto'] {
  margin: auto;
}
[mt] {
  --_mt: attr(mt type(<length-percentage>));
  margin-top: var(--_mt, calc(attr(mt type(<number>)) * var(--unit)));
}
[mt='auto'] {
  margin-top: auto;
}
[mb] {
  --_mb: attr(mb type(<length-percentage>));
  margin-bottom: var(--_mb, calc(attr(mb type(<number>)) * var(--unit)));
}
[mb='auto'] {
  margin-bottom: auto;
}
[ml] {
  --_ml: attr(ml type(<length-percentage>));
  margin-left: var(--_ml, calc(attr(ml type(<number>)) * var(--unit)));
}
[ml='auto'] {
  margin-left: auto;
}
[mr] {
  --_mr: attr(mr type(<length-percentage>));
  margin-right: var(--_mr, calc(attr(mr type(<number>)) * var(--unit)));
}
[mr='auto'] {
  margin-right: auto;
}
[mx] {
  --_mx: attr(mx type(<length-percentage>));
  margin-inline: var(--_mx, calc(attr(mx type(<number>)) * var(--unit)));
}
[mx='auto'] {
  margin-inline: auto;
}
[my] {
  --_my: attr(my type(<length-percentage>));
  margin-block: var(--_my, calc(attr(my type(<number>)) * var(--unit)));
}
[my='auto'] {
  margin-block: auto;
}

[p] {
  --_p: attr(p type(<length-percentage>));
  padding: var(--_p, calc(attr(p type(<number>)) * var(--unit)));
}
[pt] {
  --_pt: attr(pt type(<length-percentage>));
  padding-top: var(--_pt, calc(attr(pt type(<number>)) * var(--unit)));
}
[pb] {
  --_pb: attr(pb type(<length-percentage>));
  padding-bottom: var(--_pb, calc(attr(pb type(<number>)) * var(--unit)));
}
[pl] {
  --_pl: attr(pl type(<length-percentage>));
  padding-left: var(--_pl, calc(attr(pl type(<number>)) * var(--unit)));
}
[pr] {
  --_pr: attr(pr type(<length-percentage>));
  padding-right: var(--_pr, calc(attr(pr type(<number>)) * var(--unit)));
}
[px] {
  --_px: attr(px type(<length-percentage>));
  padding-inline: var(--_px, calc(attr(px type(<number>)) * var(--unit)));
}
[py] {
  --_py: attr(py type(<length-percentage>));
  padding-block: var(--_py, calc(attr(py type(<number>)) * var(--unit)));
}

[w] {
  --_w: attr(w type(<length-percentage>));
  width: var(--_w, calc(attr(w type(<number>)) * var(--unit)));
}
[w='full'] {
  width: 100%;
}
[h] {
  --_h: attr(h type(<length-percentage>));
  height: var(--_h, calc(attr(h type(<number>)) * var(--unit)));
}
[h='full'] {
  height: 100%;
}

[t] {
  --_t: attr(t type(<length-percentage>));
  top: var(--_t, calc(attr(t type(<number>)) * var(--unit)));
}
[t='auto'] {
  top: auto;
}
[r] {
  --_r: attr(r type(<length-percentage>));
  right: var(--_r, calc(attr(r type(<number>)) * var(--unit)));
}
[r='auto'] {
  right: auto;
}
[b] {
  --_b: attr(b type(<length-percentage>));
  bottom: var(--_b, calc(attr(b type(<number>)) * var(--unit)));
}
[b='auto'] {
  bottom: auto;
}
[l] {
  --_l: attr(l type(<length-percentage>));
  left: var(--_l, calc(attr(l type(<number>)) * var(--unit)));
}
[l='auto'] {
  left: auto;
}

[f] {
  flex: attr(f type(<number>));
}
[f='none'] {
  flex: none;
}

[bg] {
  background-color: attr(bg type(<color>));
}
[text] {
  color: attr(text type(<color>));
}
[border] {
  border-color: attr(border type(<color>));
}
[radius] {
  border-radius: attr(radius type(<length-percentage>+));
}
[hover]:not([hover='']):hover {
  background-color: attr(hover type(<color>));
}

[rotate] {
  rotate: calc(attr(rotate type(<number>)) * 1deg);
}

@media (width <= 768px) {
  [sm\:g] {
    --_sm-g: attr(sm\:g type(<length-percentage>));
    gap: var(--_sm-g, calc(attr(sm\:g type(<number>)) * var(--unit)));
  }
  [sm\:m] {
    --_sm-m: attr(sm\:m type(<length-percentage>));
    margin: var(--_sm-m, calc(attr(sm\:m type(<number>)) * var(--unit)));
  }
  [sm\:m='auto'] {
    margin: auto;
  }
  [sm\:mt] {
    --_sm-mt: attr(sm\:mt type(<length-percentage>));
    margin-top: var(--_sm-mt, calc(attr(sm\:mt type(<number>)) * var(--unit)));
  }
  [sm\:mt='auto'] {
    margin-top: auto;
  }
  [sm\:mb] {
    --_sm-mb: attr(sm\:mb type(<length-percentage>));
    margin-bottom: var(--_sm-mb, calc(attr(sm\:mb type(<number>)) * var(--unit)));
  }
  [sm\:mb='auto'] {
    margin-bottom: auto;
  }
  [sm\:ml] {
    --_sm-ml: attr(sm\:ml type(<length-percentage>));
    margin-left: var(--_sm-ml, calc(attr(sm\:ml type(<number>)) * var(--unit)));
  }
  [sm\:ml='auto'] {
    margin-left: auto;
  }
  [sm\:mr] {
    --_sm-mr: attr(sm\:mr type(<length-percentage>));
    margin-right: var(--_sm-mr, calc(attr(sm\:mr type(<number>)) * var(--unit)));
  }
  [sm\:mr='auto'] {
    margin-right: auto;
  }
  [sm\:mx] {
    --_sm-mx: attr(sm\:mx type(<length-percentage>));
    margin-inline: var(--_sm-mx, calc(attr(sm\:mx type(<number>)) * var(--unit)));
  }
  [sm\:mx='auto'] {
    margin-inline: auto;
  }
  [sm\:my] {
    --_sm-my: attr(sm\:my type(<length-percentage>));
    margin-block: var(--_sm-my, calc(attr(sm\:my type(<number>)) * var(--unit)));
  }
  [sm\:my='auto'] {
    margin-block: auto;
  }
  [sm\:p] {
    --_sm-p: attr(sm\:p type(<length-percentage>));
    padding: var(--_sm-p, calc(attr(sm\:p type(<number>)) * var(--unit)));
  }
  [sm\:pt] {
    --_sm-pt: attr(sm\:pt type(<length-percentage>));
    padding-top: var(--_sm-pt, calc(attr(sm\:pt type(<number>)) * var(--unit)));
  }
  [sm\:pb] {
    --_sm-pb: attr(sm\:pb type(<length-percentage>));
    padding-bottom: var(--_sm-pb, calc(attr(sm\:pb type(<number>)) * var(--unit)));
  }
  [sm\:pl] {
    --_sm-pl: attr(sm\:pl type(<length-percentage>));
    padding-left: var(--_sm-pl, calc(attr(sm\:pl type(<number>)) * var(--unit)));
  }
  [sm\:pr] {
    --_sm-pr: attr(sm\:pr type(<length-percentage>));
    padding-right: var(--_sm-pr, calc(attr(sm\:pr type(<number>)) * var(--unit)));
  }
  [sm\:px] {
    --_sm-px: attr(sm\:px type(<length-percentage>));
    padding-inline: var(--_sm-px, calc(attr(sm\:px type(<number>)) * var(--unit)));
  }
  [sm\:py] {
    --_sm-py: attr(sm\:py type(<length-percentage>));
    padding-block: var(--_sm-py, calc(attr(sm\:py type(<number>)) * var(--unit)));
  }
  [sm\:w] {
    --_sm-w: attr(sm\:w type(<length-percentage>));
    width: var(--_sm-w, calc(attr(sm\:w type(<number>)) * var(--unit)));
  }
  [sm\:w='full'] {
    width: 100%;
  }
  [sm\:h] {
    --_sm-h: attr(sm\:h type(<length-percentage>));
    height: var(--_sm-h, calc(attr(sm\:h type(<number>)) * var(--unit)));
  }
  [sm\:h='full'] {
    height: 100%;
  }
  [sm\:t] {
    --_sm-t: attr(sm\:t type(<length-percentage>));
    top: var(--_sm-t, calc(attr(sm\:t type(<number>)) * var(--unit)));
  }
  [sm\:t='auto'] {
    top: auto;
  }
  [sm\:r] {
    --_sm-r: attr(sm\:r type(<length-percentage>));
    right: var(--_sm-r, calc(attr(sm\:r type(<number>)) * var(--unit)));
  }
  [sm\:r='auto'] {
    right: auto;
  }
  [sm\:b] {
    --_sm-b: attr(sm\:b type(<length-percentage>));
    bottom: var(--_sm-b, calc(attr(sm\:b type(<number>)) * var(--unit)));
  }
  [sm\:b='auto'] {
    bottom: auto;
  }
  [sm\:l] {
    --_sm-l: attr(sm\:l type(<length-percentage>));
    left: var(--_sm-l, calc(attr(sm\:l type(<number>)) * var(--unit)));
  }
  [sm\:l='auto'] {
    left: auto;
  }
  [sm\:f] {
    flex: attr(sm\:f type(<number>));
  }
  [sm\:f='none'] {
    flex: none;
  }
  [sm\:bg] {
    background-color: attr(sm\:bg type(<color>));
  }
  [sm\:text] {
    color: attr(sm\:text type(<color>));
  }
  [sm\:border] {
    border-color: attr(sm\:border type(<color>));
  }
  [sm\:hover]:hover {
    background-color: attr(sm\:hover type(<color>));
  }
}

@media (768px < width <= 1024px) {
  [md\:g] {
    --_md-g: attr(md\:g type(<length-percentage>));
    gap: var(--_md-g, calc(attr(md\:g type(<number>)) * var(--unit)));
  }
  [md\:m] {
    --_md-m: attr(md\:m type(<length-percentage>));
    margin: var(--_md-m, calc(attr(md\:m type(<number>)) * var(--unit)));
  }
  [md\:m='auto'] {
    margin: auto;
  }
  [md\:mt] {
    --_md-mt: attr(md\:mt type(<length-percentage>));
    margin-top: var(--_md-mt, calc(attr(md\:mt type(<number>)) * var(--unit)));
  }
  [md\:mt='auto'] {
    margin-top: auto;
  }
  [md\:mb] {
    --_md-mb: attr(md\:mb type(<length-percentage>));
    margin-bottom: var(--_md-mb, calc(attr(md\:mb type(<number>)) * var(--unit)));
  }
  [md\:mb='auto'] {
    margin-bottom: auto;
  }
  [md\:ml] {
    --_md-ml: attr(md\:ml type(<length-percentage>));
    margin-left: var(--_md-ml, calc(attr(md\:ml type(<number>)) * var(--unit)));
  }
  [md\:ml='auto'] {
    margin-left: auto;
  }
  [md\:mr] {
    --_md-mr: attr(md\:mr type(<length-percentage>));
    margin-right: var(--_md-mr, calc(attr(md\:mr type(<number>)) * var(--unit)));
  }
  [md\:mr='auto'] {
    margin-right: auto;
  }
  [md\:mx] {
    --_md-mx: attr(md\:mx type(<length-percentage>));
    margin-inline: var(--_md-mx, calc(attr(md\:mx type(<number>)) * var(--unit)));
  }
  [md\:mx='auto'] {
    margin-inline: auto;
  }
  [md\:my] {
    --_md-my: attr(md\:my type(<length-percentage>));
    margin-block: var(--_md-my, calc(attr(md\:my type(<number>)) * var(--unit)));
  }
  [md\:my='auto'] {
    margin-block: auto;
  }
  [md\:p] {
    --_md-p: attr(md\:p type(<length-percentage>));
    padding: var(--_md-p, calc(attr(md\:p type(<number>)) * var(--unit)));
  }
  [md\:pt] {
    --_md-pt: attr(md\:pt type(<length-percentage>));
    padding-top: var(--_md-pt, calc(attr(md\:pt type(<number>)) * var(--unit)));
  }
  [md\:pb] {
    --_md-pb: attr(md\:pb type(<length-percentage>));
    padding-bottom: var(--_md-pb, calc(attr(md\:pb type(<number>)) * var(--unit)));
  }
  [md\:pl] {
    --_md-pl: attr(md\:pl type(<length-percentage>));
    padding-left: var(--_md-pl, calc(attr(md\:pl type(<number>)) * var(--unit)));
  }
  [md\:pr] {
    --_md-pr: attr(md\:pr type(<length-percentage>));
    padding-right: var(--_md-pr, calc(attr(md\:pr type(<number>)) * var(--unit)));
  }
  [md\:px] {
    --_md-px: attr(md\:px type(<length-percentage>));
    padding-inline: var(--_md-px, calc(attr(md\:px type(<number>)) * var(--unit)));
  }
  [md\:py] {
    --_md-py: attr(md\:py type(<length-percentage>));
    padding-block: var(--_md-py, calc(attr(md\:py type(<number>)) * var(--unit)));
  }
  [md\:w] {
    --_md-w: attr(md\:w type(<length-percentage>));
    width: var(--_md-w, calc(attr(md\:w type(<number>)) * var(--unit)));
  }
  [md\:w='full'] {
    width: 100%;
  }
  [md\:h] {
    --_md-h: attr(md\:h type(<length-percentage>));
    height: var(--_md-h, calc(attr(md\:h type(<number>)) * var(--unit)));
  }
  [md\:h='full'] {
    height: 100%;
  }
  [md\:t] {
    --_md-t: attr(md\:t type(<length-percentage>));
    top: var(--_md-t, calc(attr(md\:t type(<number>)) * var(--unit)));
  }
  [md\:t='auto'] {
    top: auto;
  }
  [md\:r] {
    --_md-r: attr(md\:r type(<length-percentage>));
    right: var(--_md-r, calc(attr(md\:r type(<number>)) * var(--unit)));
  }
  [md\:r='auto'] {
    right: auto;
  }
  [md\:b] {
    --_md-b: attr(md\:b type(<length-percentage>));
    bottom: var(--_md-b, calc(attr(md\:b type(<number>)) * var(--unit)));
  }
  [md\:b='auto'] {
    bottom: auto;
  }
  [md\:l] {
    --_md-l: attr(md\:l type(<length-percentage>));
    left: var(--_md-l, calc(attr(md\:l type(<number>)) * var(--unit)));
  }
  [md\:l='auto'] {
    left: auto;
  }
  [md\:f] {
    flex: attr(md\:f type(<number>));
  }
  [md\:f='none'] {
    flex: none;
  }
  [md\:bg] {
    background-color: attr(md\:bg type(<color>));
  }
  [md\:text] {
    color: attr(md\:text type(<color>));
  }
  [md\:border] {
    border-color: attr(md\:border type(<color>));
  }
  [md\:hover]:hover {
    background-color: attr(md\:hover type(<color>));
  }
}

@media (width > 1024px) {
  [lg\:g] {
    --_lg-g: attr(lg\:g type(<length-percentage>));
    gap: var(--_lg-g, calc(attr(lg\:g type(<number>)) * var(--unit)));
  }
  [lg\:m] {
    --_lg-m: attr(lg\:m type(<length-percentage>));
    margin: var(--_lg-m, calc(attr(lg\:m type(<number>)) * var(--unit)));
  }
  [lg\:m='auto'] {
    margin: auto;
  }
  [lg\:mt] {
    --_lg-mt: attr(lg\:mt type(<length-percentage>));
    margin-top: var(--_lg-mt, calc(attr(lg\:mt type(<number>)) * var(--unit)));
  }
  [lg\:mt='auto'] {
    margin-top: auto;
  }
  [lg\:mb] {
    --_lg-mb: attr(lg\:mb type(<length-percentage>));
    margin-bottom: var(--_lg-mb, calc(attr(lg\:mb type(<number>)) * var(--unit)));
  }
  [lg\:mb='auto'] {
    margin-bottom: auto;
  }
  [lg\:ml] {
    --_lg-ml: attr(lg\:ml type(<length-percentage>));
    margin-left: var(--_lg-ml, calc(attr(lg\:ml type(<number>)) * var(--unit)));
  }
  [lg\:ml='auto'] {
    margin-left: auto;
  }
  [lg\:mr] {
    --_lg-mr: attr(lg\:mr type(<length-percentage>));
    margin-right: var(--_lg-mr, calc(attr(lg\:mr type(<number>)) * var(--unit)));
  }
  [lg\:mr='auto'] {
    margin-right: auto;
  }
  [lg\:mx] {
    --_lg-mx: attr(lg\:mx type(<length-percentage>));
    margin-inline: var(--_lg-mx, calc(attr(lg\:mx type(<number>)) * var(--unit)));
  }
  [lg\:mx='auto'] {
    margin-inline: auto;
  }
  [lg\:my] {
    --_lg-my: attr(lg\:my type(<length-percentage>));
    margin-block: var(--_lg-my, calc(attr(lg\:my type(<number>)) * var(--unit)));
  }
  [lg\:my='auto'] {
    margin-block: auto;
  }
  [lg\:p] {
    --_lg-p: attr(lg\:p type(<length-percentage>));
    padding: var(--_lg-p, calc(attr(lg\:p type(<number>)) * var(--unit)));
  }
  [lg\:pt] {
    --_lg-pt: attr(lg\:pt type(<length-percentage>));
    padding-top: var(--_lg-pt, calc(attr(lg\:pt type(<number>)) * var(--unit)));
  }
  [lg\:pb] {
    --_lg-pb: attr(lg\:pb type(<length-percentage>));
    padding-bottom: var(--_lg-pb, calc(attr(lg\:pb type(<number>)) * var(--unit)));
  }
  [lg\:pl] {
    --_lg-pl: attr(lg\:pl type(<length-percentage>));
    padding-left: var(--_lg-pl, calc(attr(lg\:pl type(<number>)) * var(--unit)));
  }
  [lg\:pr] {
    --_lg-pr: attr(lg\:pr type(<length-percentage>));
    padding-right: var(--_lg-pr, calc(attr(lg\:pr type(<number>)) * var(--unit)));
  }
  [lg\:px] {
    --_lg-px: attr(lg\:px type(<length-percentage>));
    padding-inline: var(--_lg-px, calc(attr(lg\:px type(<number>)) * var(--unit)));
  }
  [lg\:py] {
    --_lg-py: attr(lg\:py type(<length-percentage>));
    padding-block: var(--_lg-py, calc(attr(lg\:py type(<number>)) * var(--unit)));
  }
  [lg\:w] {
    --_lg-w: attr(lg\:w type(<length-percentage>));
    width: var(--_lg-w, calc(attr(lg\:w type(<number>)) * var(--unit)));
  }
  [lg\:w='full'] {
    width: 100%;
  }
  [lg\:h] {
    --_lg-h: attr(lg\:h type(<length-percentage>));
    height: var(--_lg-h, calc(attr(lg\:h type(<number>)) * var(--unit)));
  }
  [lg\:h='full'] {
    height: 100%;
  }
  [lg\:t] {
    --_lg-t: attr(lg\:t type(<length-percentage>));
    top: var(--_lg-t, calc(attr(lg\:t type(<number>)) * var(--unit)));
  }
  [lg\:t='auto'] {
    top: auto;
  }
  [lg\:r] {
    --_lg-r: attr(lg\:r type(<length-percentage>));
    right: var(--_lg-r, calc(attr(lg\:r type(<number>)) * var(--unit)));
  }
  [lg\:r='auto'] {
    right: auto;
  }
  [lg\:b] {
    --_lg-b: attr(lg\:b type(<length-percentage>));
    bottom: var(--_lg-b, calc(attr(lg\:b type(<number>)) * var(--unit)));
  }
  [lg\:b='auto'] {
    bottom: auto;
  }
  [lg\:l] {
    --_lg-l: attr(lg\:l type(<length-percentage>));
    left: var(--_lg-l, calc(attr(lg\:l type(<number>)) * var(--unit)));
  }
  [lg\:l='auto'] {
    left: auto;
  }
  [lg\:f] {
    flex: attr(lg\:f type(<number>));
  }
  [lg\:f='none'] {
    flex: none;
  }
  [lg\:bg] {
    background-color: attr(lg\:bg type(<color>));
  }
  [lg\:text] {
    color: attr(lg\:text type(<color>));
  }
  [lg\:border] {
    border-color: attr(lg\:border type(<color>));
  }
  [lg\:hover]:hover {
    background-color: attr(lg\:hover type(<color>));
  }
}

 }
}