[{"data":1,"prerenderedAt":634},["ShallowReactive",2],{"code-text-df jcc aic gap2rem p16px bg6366F1 cFFFFF":3,"code-html-\u003C!-- Hover over any class to see full CS":4,"code-html-\u003C!-- Shorthand override detection -->\n\u003Cd":5,"code-html-\u003C!-- Triggers in all these attribute typ":6,"code-html-\u003C!-- After typing \"df\", flex-related cla":7,"code-html-\u003C!-- HEX colors show inline swatches -->":8,"code-html-\u003C!-- Invalid class: yellow underline + s":9,"code-html-\u003C!-- Before: \"jc\" has yellow underline -":10,"code-css-display: flex;\njustify-content: center;\n":11,"code-html-\u003Cdiv class=\"p2rem bg6366F1 df\n  cFFFFFF ":12,"code-html-\u003Cdiv class=\"df jcc aic gap16px\n  p2rem m":13,"code-json-{\n    \"tokens\": {\n        \"colors\": {\n  ":14,"code-json-{\n    \"tokens\": { ... },\n    \"strict\": t":15,"code-json-{\n    \"tokens\": { ... },\n    \"strict\": f":16,"code-html-\u003C!-- With strict: true and spacing token":17,"code-css-:root {\n    --primary: #6366F1;\n    --su":18,"code-html-\u003C!-- Type \"bg--\" to see variable suggest":19,"code-html-\u003C!-- In the editor, decorations appear a":20,"nav":21},"\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan>df jcc aic gap2rem p16px bg6366F1 cFFFFFF br8px fw700 neg-mt10px\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- Hover over any class to see full CSS output -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"df jcc aic gap2rem p2rem bg0A0A12 br12px sm-fdc\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">p\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"fs16px c71717A lh1-7 hover-cFFFFFF\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>Text<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">p\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- Hover over 'class' keyword to see combined CSS -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!--        ↑ shows all classes' CSS combined -->\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- Shorthand override detection -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"p20px pl10px\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\">  <!-- Hover shows:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\">    padding-top: 20px\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\">    padding-right: 20px\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\">    padding-bottom: 20px\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\">    padding-left: 10px  ← overridden by pl10px\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\">  -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- Triggers in all these attribute types -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"...\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>         \u003C\u002Fspan>\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- HTML class -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> className\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"...\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>     \u003C\u002Fspan>\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- React JSX -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> :class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"'...'\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>      \u003C\u002Fspan>\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- Vue binding -->\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- After typing \"df\", flex-related classes are boosted -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"df |\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\">  <!-- Top suggestions: jcc, jcsb, aic, fdc, fww, gap... -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- Already used class won't appear again -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"df jcc |\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\">  <!-- jcc is excluded from suggestions -->\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- HEX colors show inline swatches -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"bg6366F1 cFFFFFF bc333333\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- RGBA colors also supported -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"bg0-0-0-50 c255-255-255-80\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- Works with pseudo-classes and media queries -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"hover-bgFF0000 sm-bg333333\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- Border shorthand colors -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"b2pxsolid6366F1\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- Invalid class: yellow underline + suggestion -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"df jc gap2rem\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\">  <!--           ↑↑\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\">    \"jc\" is invalid\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\">    Suggestion: jcc, jcsb, jcfs, jcfe, jcsa, jcse\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\">  -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- Conflict detection (same media+pseudo) -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"w100px w200px\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\">  <!--  ⚠ conflict: both target width in same context -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- Different context = no conflict -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"w100px sm-w200px\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\">  <!--  ✓ OK: different media queries -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- Before: \"jc\" has yellow underline -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"df jc aic\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- Ctrl+. on \"jc\" shows: -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!--   → Replace with \"jcc\"  (auto-correct) -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!--   → Replace with \"jcsb\" (similar) -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!--   → Delete \"jc\"         (remove) -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- After applying fix: -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"df jcc aic\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#C678DD\">display: flex;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">justify-content\u003C\u002Fspan>\u003Cspan style=\"color:#C678DD\">: center;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">align-items\u003C\u002Fspan>\u003Cspan style=\"color:#C678DD\">: center;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#C678DD\">gap: 20px;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#C678DD\">padding: 16px;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">background-color\u003C\u002Fspan>\u003Cspan style=\"color:#C678DD\">: \u003C\u002Fspan>\u003Cspan style=\"color:#FFFFFF\">#6366F1\u003C\u002Fspan>\u003Cspan style=\"color:#C678DD\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#C678DD\">color: \u003C\u002Fspan>\u003Cspan style=\"color:#FFFFFF\">#FFFFFF;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">border-radius\u003C\u002Fspan>\u003Cspan style=\"color:#C678DD\">: 8px;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">font-weight\u003C\u002Fspan>\u003Cspan style=\"color:#C678DD\">: 700;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">margin-top\u003C\u002Fspan>\u003Cspan style=\"color:#C678DD\">: -10px;\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"p2rem bg6366F1 df\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#98C379\">  cFFFFFF jcc br8px mt2rem\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#98C379\">  aic gap16px hover-bg818CF8\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"df jcc aic gap16px\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#98C379\">  p2rem mt2rem br8px\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#98C379\">  bg6366F1 cFFFFFF\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#98C379\">  hover-bg818CF8\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\">{\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">    \"tokens\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">        \"colors\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">            \"primary\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: \u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"6366F1\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">            \"danger\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: \u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"EF4444\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">            \"text\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: \u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"333333\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\">        },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">        \"spacing\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: [\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">4\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">8\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">12\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">16\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">20\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">24\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">32\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">40\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">48\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">        \"fontSize\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: [\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">12\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">14\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">16\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">18\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">20\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">24\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">32\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">        \"borderRadius\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: [\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">4\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">8\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">12\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">16\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">50\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">        \"fontWeight\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: [\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">400\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">500\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">600\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">700\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\">    },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">    \"strict\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">false\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\">}\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\">{\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">    \"tokens\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: { \u003C\u002Fspan>\u003Cspan style=\"color:#FFFFFF\">...\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">    \"strict\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">true\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\">}\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\">{\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">    \"tokens\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: { \u003C\u002Fspan>\u003Cspan style=\"color:#FFFFFF\">...\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">    \"strict\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">false\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\">}\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- With strict: true and spacing tokens [4, 8, 12, 16, 20, 24, 32] -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- ✓ Token value — no warning -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"gap16px p2rem mt2-4rem\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- ⚠ Non-token value — warning + Quick Fix -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"gap15px p17px mt2-3rem\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!--  gap15px: closest token → gap16px\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\">      p17px: closest token → p16px\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\">      mt2-3rem: closest token → mt2-4rem -->\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#56B6C2\">:root\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">    --primary\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">#6366F1\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">    --surface\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">#111118\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">    --text\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">#FAFAFA\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">    --border\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">#1E1E2E\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E06C75\">    --accent\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">: \u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\">#38BDF8\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\">}\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- Type \"bg--\" to see variable suggestions from your project -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"bg--surface c--text b1pxsolid--border\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">h1\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"c--primary\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>Title<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">h1\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">a\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"c--accent hover-c--primary\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>Link<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">a\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki one-dark-pro\" style=\"background-color:#282c34;color:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- In the editor, decorations appear at the end of class attributes -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"df jcc aic\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- ↑ shows: \u002F* display | justify-content | align-items *\u002F  -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"bg6366F1 cFFFFFF p2rem br8px\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- ↑ shows: \u002F* background-color | color | padding | border-radius *\u002F  -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#98C379\">\"w100p maxw120rem mxa\"\u003C\u002Fspan>\u003Cspan style=\"color:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#7F848E;font-style:italic\"><!-- ↑ shows: \u002F* width | max-width | margin-left | margin-right *\u002F  -->\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[22,31,55,97,145,175,208,238,298,310,355,370,400,412,427,448,457,469,478,490,502,577,592,607],{"title":23,"items":24},"Display",[25,28],{"label":26,"to":27},"display","\u002Fdocs\u002Fdisplay",{"label":29,"to":30},"visibility","\u002Fdocs\u002Fvisibility",{"title":32,"items":33},"Position",[34,37,40,43,46,49,52],{"label":35,"to":36},"bottom","\u002Fdocs\u002Fbottom",{"label":38,"to":39},"inset","\u002Fdocs\u002Finset",{"label":41,"to":42},"left","\u002Fdocs\u002Fleft",{"label":44,"to":45},"position","\u002Fdocs\u002Fposition",{"label":47,"to":48},"right","\u002Fdocs\u002Fright",{"label":50,"to":51},"top","\u002Fdocs\u002Ftop",{"label":53,"to":54},"z-index","\u002Fdocs\u002Fz-index",{"title":56,"items":57},"Flexbox",[58,61,64,67,70,73,76,79,82,85,88,91,94],{"label":59,"to":60},"align-content","\u002Fdocs\u002Falign-content",{"label":62,"to":63},"align-items","\u002Fdocs\u002Falign-items",{"label":65,"to":66},"align-self","\u002Fdocs\u002Falign-self",{"label":68,"to":69},"flex","\u002Fdocs\u002Fflex",{"label":71,"to":72},"flex-basis","\u002Fdocs\u002Fflex-basis",{"label":74,"to":75},"flex-direction","\u002Fdocs\u002Fflex-direction",{"label":77,"to":78},"flex-grow","\u002Fdocs\u002Fflex-grow",{"label":80,"to":81},"flex-shrink","\u002Fdocs\u002Fflex-shrink",{"label":83,"to":84},"flex-wrap","\u002Fdocs\u002Fflex-wrap",{"label":86,"to":87},"justify-content","\u002Fdocs\u002Fjustify-content",{"label":89,"to":90},"justify-items","\u002Fdocs\u002Fjustify-items",{"label":92,"to":93},"justify-self","\u002Fdocs\u002Fjustify-self",{"label":95,"to":96},"order","\u002Fdocs\u002Forder",{"title":98,"items":99},"Grid",[100,103,106,109,112,115,118,121,124,127,130,133,136,139,142],{"label":101,"to":102},"column-gap","\u002Fdocs\u002Fcolumn-gap",{"label":104,"to":105},"gap","\u002Fdocs\u002Fgap",{"label":107,"to":108},"grid-auto-columns","\u002Fdocs\u002Fgrid-auto-columns",{"label":110,"to":111},"grid-auto-flow","\u002Fdocs\u002Fgrid-auto-flow",{"label":113,"to":114},"grid-auto-rows","\u002Fdocs\u002Fgrid-auto-rows",{"label":116,"to":117},"grid-column-end","\u002Fdocs\u002Fgrid-column-end",{"label":119,"to":120},"grid-column-start","\u002Fdocs\u002Fgrid-column-start",{"label":122,"to":123},"grid-row-end","\u002Fdocs\u002Fgrid-row-end",{"label":125,"to":126},"grid-row-start","\u002Fdocs\u002Fgrid-row-start",{"label":128,"to":129},"grid-template-columns","\u002Fdocs\u002Fgrid-template-columns",{"label":131,"to":132},"grid-template-rows","\u002Fdocs\u002Fgrid-template-rows",{"label":134,"to":135},"place-content","\u002Fdocs\u002Fplace-content",{"label":137,"to":138},"place-items","\u002Fdocs\u002Fplace-items",{"label":140,"to":141},"place-self","\u002Fdocs\u002Fplace-self",{"label":143,"to":144},"row-gap","\u002Fdocs\u002Frow-gap",{"title":146,"items":147},"Sizing",[148,151,154,157,160,163,166,169,172],{"label":149,"to":150},"aspect-ratio","\u002Fdocs\u002Faspect-ratio",{"label":152,"to":153},"box-sizing","\u002Fdocs\u002Fbox-sizing",{"label":155,"to":156},"height","\u002Fdocs\u002Fheight",{"label":158,"to":159},"max-height","\u002Fdocs\u002Fmax-height",{"label":161,"to":162},"max-width","\u002Fdocs\u002Fmax-width",{"label":164,"to":165},"min-height","\u002Fdocs\u002Fmin-height",{"label":167,"to":168},"min-width","\u002Fdocs\u002Fmin-width",{"label":170,"to":171},"object-fit","\u002Fdocs\u002Fobject-fit",{"label":173,"to":174},"width","\u002Fdocs\u002Fwidth",{"title":176,"items":177},"Spacing",[178,181,184,187,190,193,196,199,202,205],{"label":179,"to":180},"margin","\u002Fdocs\u002Fmargin",{"label":182,"to":183},"margin-bottom","\u002Fdocs\u002Fmargin-bottom",{"label":185,"to":186},"margin-left","\u002Fdocs\u002Fmargin-left",{"label":188,"to":189},"margin-right","\u002Fdocs\u002Fmargin-right",{"label":191,"to":192},"margin-top","\u002Fdocs\u002Fmargin-top",{"label":194,"to":195},"padding","\u002Fdocs\u002Fpadding",{"label":197,"to":198},"padding-bottom","\u002Fdocs\u002Fpadding-bottom",{"label":200,"to":201},"padding-left","\u002Fdocs\u002Fpadding-left",{"label":203,"to":204},"padding-right","\u002Fdocs\u002Fpadding-right",{"label":206,"to":207},"padding-top","\u002Fdocs\u002Fpadding-top",{"title":209,"items":210},"Typography",[211,214,217,220,223,226,229,232,235],{"label":212,"to":213},"font-kerning","\u002Fdocs\u002Ffont-kerning",{"label":215,"to":216},"font-size","\u002Fdocs\u002Ffont-size",{"label":218,"to":219},"font-style","\u002Fdocs\u002Ffont-style",{"label":221,"to":222},"font-variant","\u002Fdocs\u002Ffont-variant",{"label":224,"to":225},"font-weight","\u002Fdocs\u002Ffont-weight",{"label":227,"to":228},"letter-spacing","\u002Fdocs\u002Fletter-spacing",{"label":230,"to":231},"line-height","\u002Fdocs\u002Fline-height",{"label":233,"to":234},"text-indent","\u002Fdocs\u002Ftext-indent",{"label":236,"to":237},"word-spacing","\u002Fdocs\u002Fword-spacing",{"title":239,"items":240},"Text",[241,244,247,250,253,256,259,262,265,268,271,274,277,280,283,286,289,292,295],{"label":242,"to":243},"direction","\u002Fdocs\u002Fdirection",{"label":245,"to":246},"hyphens","\u002Fdocs\u002Fhyphens",{"label":248,"to":249},"line-clamp","\u002Fdocs\u002Fline-clamp",{"label":251,"to":252},"overflow-wrap","\u002Fdocs\u002Foverflow-wrap",{"label":254,"to":255},"tab-size","\u002Fdocs\u002Ftab-size",{"label":257,"to":258},"text-align","\u002Fdocs\u002Ftext-align",{"label":260,"to":261},"text-align-last","\u002Fdocs\u002Ftext-align-last",{"label":263,"to":264},"text-decoration","\u002Fdocs\u002Ftext-decoration",{"label":266,"to":267},"text-decoration-style","\u002Fdocs\u002Ftext-decoration-style",{"label":269,"to":270},"text-decoration-thickness","\u002Fdocs\u002Ftext-decoration-thickness",{"label":272,"to":273},"text-justify","\u002Fdocs\u002Ftext-justify",{"label":275,"to":276},"text-orientation","\u002Fdocs\u002Ftext-orientation",{"label":278,"to":279},"text-overflow","\u002Fdocs\u002Ftext-overflow",{"label":281,"to":282},"text-transform","\u002Fdocs\u002Ftext-transform",{"label":284,"to":285},"text-underline-offset","\u002Fdocs\u002Ftext-underline-offset",{"label":287,"to":288},"vertical-align","\u002Fdocs\u002Fvertical-align",{"label":290,"to":291},"white-space","\u002Fdocs\u002Fwhite-space",{"label":293,"to":294},"word-break","\u002Fdocs\u002Fword-break",{"label":296,"to":297},"writing-mode","\u002Fdocs\u002Fwriting-mode",{"title":299,"items":300},"Color",[301,304,307],{"label":302,"to":303},"color","\u002Fdocs\u002Fcolor",{"label":305,"to":306},"color-scheme","\u002Fdocs\u002Fcolor-scheme",{"label":308,"to":309},"opacity","\u002Fdocs\u002Fopacity",{"title":311,"items":312},"Border",[313,316,319,322,325,328,331,334,337,340,343,346,349,352],{"label":314,"to":315},"border","\u002Fdocs\u002Fborder",{"label":317,"to":318},"border-bottom","\u002Fdocs\u002Fborder-bottom",{"label":320,"to":321},"border-bottom-width","\u002Fdocs\u002Fborder-bottom-width",{"label":323,"to":324},"border-collapse","\u002Fdocs\u002Fborder-collapse",{"label":326,"to":327},"border-color","\u002Fdocs\u002Fborder-color",{"label":329,"to":330},"border-left","\u002Fdocs\u002Fborder-left",{"label":332,"to":333},"border-left-width","\u002Fdocs\u002Fborder-left-width",{"label":335,"to":336},"border-radius","\u002Fdocs\u002Fborder-radius",{"label":338,"to":339},"border-right","\u002Fdocs\u002Fborder-right",{"label":341,"to":342},"border-right-width","\u002Fdocs\u002Fborder-right-width",{"label":344,"to":345},"border-spacing","\u002Fdocs\u002Fborder-spacing",{"label":347,"to":348},"border-top","\u002Fdocs\u002Fborder-top",{"label":350,"to":351},"border-top-width","\u002Fdocs\u002Fborder-top-width",{"label":353,"to":354},"border-width","\u002Fdocs\u002Fborder-width",{"title":356,"items":357},"Outline",[358,361,364,367],{"label":359,"to":360},"outline","\u002Fdocs\u002Foutline",{"label":362,"to":363},"outline-offset","\u002Fdocs\u002Foutline-offset",{"label":365,"to":366},"outline-style","\u002Fdocs\u002Foutline-style",{"label":368,"to":369},"outline-width","\u002Fdocs\u002Foutline-width",{"title":371,"items":372},"Background",[373,376,379,382,385,388,391,394,397],{"label":374,"to":375},"background","\u002Fdocs\u002Fbackground",{"label":377,"to":378},"background-attachment","\u002Fdocs\u002Fbackground-attachment",{"label":380,"to":381},"background-blend-mode","\u002Fdocs\u002Fbackground-blend-mode",{"label":383,"to":384},"background-clip","\u002Fdocs\u002Fbackground-clip",{"label":386,"to":387},"background-color","\u002Fdocs\u002Fbackground-color",{"label":389,"to":390},"background-origin","\u002Fdocs\u002Fbackground-origin",{"label":392,"to":393},"background-position","\u002Fdocs\u002Fbackground-position",{"label":395,"to":396},"background-repeat","\u002Fdocs\u002Fbackground-repeat",{"label":398,"to":399},"background-size","\u002Fdocs\u002Fbackground-size",{"title":401,"items":402},"Shadow",[403,406,409],{"label":404,"to":405},"box-shadow","\u002Fdocs\u002Fbox-shadow",{"label":407,"to":408},"text-shadow","\u002Fdocs\u002Ftext-shadow",{"label":410,"to":411},"text-stroke","\u002Fdocs\u002Ftext-stroke",{"title":413,"items":414},"Transition",[415,418,421,424],{"label":416,"to":417},"transition","\u002Fdocs\u002Ftransition",{"label":419,"to":420},"transition-delay","\u002Fdocs\u002Ftransition-delay",{"label":422,"to":423},"transition-property","\u002Fdocs\u002Ftransition-property",{"label":425,"to":426},"transition-timing-function","\u002Fdocs\u002Ftransition-timing-function",{"title":428,"items":429},"Transform",[430,433,436,439,442,445],{"label":431,"to":432},"backface-visibility","\u002Fdocs\u002Fbackface-visibility",{"label":434,"to":435},"perspective","\u002Fdocs\u002Fperspective",{"label":437,"to":438},"perspective-origin","\u002Fdocs\u002Fperspective-origin",{"label":440,"to":441},"transform","\u002Fdocs\u002Ftransform",{"label":443,"to":444},"transform-origin","\u002Fdocs\u002Ftransform-origin",{"label":446,"to":447},"transform-style","\u002Fdocs\u002Ftransform-style",{"title":449,"items":450},"Filter",[451,454],{"label":452,"to":453},"backdrop-filter","\u002Fdocs\u002Fbackdrop-filter",{"label":455,"to":456},"filter","\u002Fdocs\u002Ffilter",{"title":458,"items":459},"Overflow",[460,463,466],{"label":461,"to":462},"overflow","\u002Fdocs\u002Foverflow",{"label":464,"to":465},"overflow-x","\u002Fdocs\u002Foverflow-x",{"label":467,"to":468},"overflow-y","\u002Fdocs\u002Foverflow-y",{"title":470,"items":471},"Float & Clear",[472,475],{"label":473,"to":474},"clear","\u002Fdocs\u002Fclear",{"label":476,"to":477},"float","\u002Fdocs\u002Ffloat",{"title":479,"items":480},"Table",[481,484,487],{"label":482,"to":483},"caption-side","\u002Fdocs\u002Fcaption-side",{"label":485,"to":486},"empty-cells","\u002Fdocs\u002Fempty-cells",{"label":488,"to":489},"table-layout","\u002Fdocs\u002Ftable-layout",{"title":491,"items":492},"List",[493,496,499],{"label":494,"to":495},"list-style-image","\u002Fdocs\u002Flist-style-image",{"label":497,"to":498},"list-style-position","\u002Fdocs\u002Flist-style-position",{"label":500,"to":501},"list-style-type","\u002Fdocs\u002Flist-style-type",{"title":503,"items":504},"Interaction",[505,508,511,514,517,520,523,526,529,532,535,538,541,544,547,550,553,556,559,562,565,568,571,574],{"label":506,"to":507},"appearance","\u002Fdocs\u002Fappearance",{"label":509,"to":510},"cursor","\u002Fdocs\u002Fcursor",{"label":512,"to":513},"overscroll-behavior","\u002Fdocs\u002Foverscroll-behavior",{"label":515,"to":516},"overscroll-behavior-x","\u002Fdocs\u002Foverscroll-behavior-x",{"label":518,"to":519},"overscroll-behavior-y","\u002Fdocs\u002Foverscroll-behavior-y",{"label":521,"to":522},"pointer-events","\u002Fdocs\u002Fpointer-events",{"label":524,"to":525},"resize","\u002Fdocs\u002Fresize",{"label":527,"to":528},"scroll-behavior","\u002Fdocs\u002Fscroll-behavior",{"label":530,"to":531},"scroll-margin","\u002Fdocs\u002Fscroll-margin",{"label":533,"to":534},"scroll-margin-bottom","\u002Fdocs\u002Fscroll-margin-bottom",{"label":536,"to":537},"scroll-margin-left","\u002Fdocs\u002Fscroll-margin-left",{"label":539,"to":540},"scroll-margin-right","\u002Fdocs\u002Fscroll-margin-right",{"label":542,"to":543},"scroll-margin-top","\u002Fdocs\u002Fscroll-margin-top",{"label":545,"to":546},"scroll-padding","\u002Fdocs\u002Fscroll-padding",{"label":548,"to":549},"scroll-padding-bottom","\u002Fdocs\u002Fscroll-padding-bottom",{"label":551,"to":552},"scroll-padding-left","\u002Fdocs\u002Fscroll-padding-left",{"label":554,"to":555},"scroll-padding-right","\u002Fdocs\u002Fscroll-padding-right",{"label":557,"to":558},"scroll-padding-top","\u002Fdocs\u002Fscroll-padding-top",{"label":560,"to":561},"scroll-snap-align","\u002Fdocs\u002Fscroll-snap-align",{"label":563,"to":564},"scroll-snap-stop","\u002Fdocs\u002Fscroll-snap-stop",{"label":566,"to":567},"scroll-snap-type","\u002Fdocs\u002Fscroll-snap-type",{"label":569,"to":570},"scrollbar-width","\u002Fdocs\u002Fscrollbar-width",{"label":572,"to":573},"touch-action","\u002Fdocs\u002Ftouch-action",{"label":575,"to":576},"user-select","\u002Fdocs\u002Fuser-select",{"title":578,"items":579},"Animation",[580,583,586,589],{"label":581,"to":582},"animation-direction","\u002Fdocs\u002Fanimation-direction",{"label":584,"to":585},"animation-fill-mode","\u002Fdocs\u002Fanimation-fill-mode",{"label":587,"to":588},"animation-iteration-count","\u002Fdocs\u002Fanimation-iteration-count",{"label":590,"to":591},"animation-play-state","\u002Fdocs\u002Fanimation-play-state",{"title":593,"items":594},"Column",[595,598,601,604],{"label":596,"to":597},"column-fill","\u002Fdocs\u002Fcolumn-fill",{"label":599,"to":600},"column-rule-width","\u002Fdocs\u002Fcolumn-rule-width",{"label":602,"to":603},"column-span","\u002Fdocs\u002Fcolumn-span",{"label":605,"to":606},"column-width","\u002Fdocs\u002Fcolumn-width",{"title":608,"items":609},"Misc",[610,613,616,619,622,625,628,631],{"label":611,"to":612},"all","\u002Fdocs\u002Fall",{"label":614,"to":615},"contain","\u002Fdocs\u002Fcontain",{"label":617,"to":618},"content","\u002Fdocs\u002Fcontent",{"label":620,"to":621},"content-visibility","\u002Fdocs\u002Fcontent-visibility",{"label":623,"to":624},"image-rendering","\u002Fdocs\u002Fimage-rendering",{"label":626,"to":627},"isolation","\u002Fdocs\u002Fisolation",{"label":629,"to":630},"mix-blend-mode","\u002Fdocs\u002Fmix-blend-mode",{"label":632,"to":633},"will-change","\u002Fdocs\u002Fwill-change",1775225733377]