@neatui/css 4.2.2 → 4.2.3

package/dist/neatui.preview.css

@@ -19086,11 +19086,11 @@ body [ui-btn~="@a"][ui-btn~=none].active,body [ui-btn~="@a"][ui-btn~=none]:hover
 }
 body [ui-btn~="@a"][ui-btn~=none][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-none);
+  border:1px solid var(--co-none-o-lm);
   color:var(--co-none);
 }
 body [ui-btn~="@a"][ui-btn~=none][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=none][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-none);
+  border:1px solid var(--co-none-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-none-xs);
 }
 body [ui-btn~="@a"][ui-btn~=none][ui-btn~=":underline"]{
@@ -19112,11 +19112,11 @@ body [ui-btn~="@a"][ui-btn~=main].active,body [ui-btn~="@a"][ui-btn~=main]:hover
 }
 body [ui-btn~="@a"][ui-btn~=main][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-main);
+  border:1px solid var(--co-main-o-lm);
   color:var(--co-main);
 }
 body [ui-btn~="@a"][ui-btn~=main][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=main][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-main);
+  border:1px solid var(--co-main-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-main-xs);
 }
 body [ui-btn~="@a"][ui-btn~=main][ui-btn~=":underline"]{
@@ -19138,11 +19138,11 @@ body [ui-btn~="@a"][ui-btn~=vice].active,body [ui-btn~="@a"][ui-btn~=vice]:hover
 }
 body [ui-btn~="@a"][ui-btn~=vice][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-vice);
+  border:1px solid var(--co-vice-o-lm);
   color:var(--co-vice);
 }
 body [ui-btn~="@a"][ui-btn~=vice][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=vice][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-vice);
+  border:1px solid var(--co-vice-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-vice-xs);
 }
 body [ui-btn~="@a"][ui-btn~=vice][ui-btn~=":underline"]{
@@ -19164,11 +19164,11 @@ body [ui-btn~="@a"][ui-btn~=text].active,body [ui-btn~="@a"][ui-btn~=text]:hover
 }
 body [ui-btn~="@a"][ui-btn~=text][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-text);
+  border:1px solid var(--co-text-o-lm);
   color:var(--co-text);
 }
 body [ui-btn~="@a"][ui-btn~=text][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=text][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-text);
+  border:1px solid var(--co-text-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-text-xs);
 }
 body [ui-btn~="@a"][ui-btn~=text][ui-btn~=":underline"]{
@@ -19190,11 +19190,11 @@ body [ui-btn~="@a"][ui-btn~=link].active,body [ui-btn~="@a"][ui-btn~=link]:hover
 }
 body [ui-btn~="@a"][ui-btn~=link][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-link);
+  border:1px solid var(--co-link-o-lm);
   color:var(--co-link);
 }
 body [ui-btn~="@a"][ui-btn~=link][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=link][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-link);
+  border:1px solid var(--co-link-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-link-xs);
 }
 body [ui-btn~="@a"][ui-btn~=link][ui-btn~=":underline"]{
@@ -19216,11 +19216,11 @@ body [ui-btn~="@a"][ui-btn~=read].active,body [ui-btn~="@a"][ui-btn~=read]:hover
 }
 body [ui-btn~="@a"][ui-btn~=read][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-read);
+  border:1px solid var(--co-read-o-lm);
   color:var(--co-read);
 }
 body [ui-btn~="@a"][ui-btn~=read][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=read][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-read);
+  border:1px solid var(--co-read-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-read-xs);
 }
 body [ui-btn~="@a"][ui-btn~=read][ui-btn~=":underline"]{
@@ -19232,6 +19232,32 @@ body [ui-btn~="@a"][ui-btn~=read][ui-btn~=":underline"]:hover{
   border:1px solid transparent;
   text-decoration:underline;
 }
+body [ui-btn~="@a"][ui-btn~=desc]{
+  background:var(--co-desc);
+  border:1px solid transparent;
+  color:var(--co-fore);
+}
+body [ui-btn~="@a"][ui-btn~=desc].active,body [ui-btn~="@a"][ui-btn~=desc]:hover{
+  box-shadow:inset 0 0 0 100em var(--co-text-o-xs);
+}
+body [ui-btn~="@a"][ui-btn~=desc][ui-btn~=":border"]{
+  background:transparent;
+  border:1px solid var(--co-desc-o-lm);
+  color:var(--co-desc);
+}
+body [ui-btn~="@a"][ui-btn~=desc][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=desc][ui-btn~=":border"]:hover{
+  border:1px solid var(--co-desc-o-lm);
+  box-shadow:inset 0 0 0 100em var(--co-desc-xs);
+}
+body [ui-btn~="@a"][ui-btn~=desc][ui-btn~=":underline"]{
+  background:transparent;
+  border:1px solid transparent;
+  color:var(--co-desc);
+}
+body [ui-btn~="@a"][ui-btn~=desc][ui-btn~=":underline"]:hover{
+  border:1px solid transparent;
+  text-decoration:underline;
+}
 body [ui-btn~="@a"][ui-btn~=note]{
   background:var(--co-note);
   border:1px solid transparent;
@@ -19242,11 +19268,11 @@ body [ui-btn~="@a"][ui-btn~=note].active,body [ui-btn~="@a"][ui-btn~=note]:hover
 }
 body [ui-btn~="@a"][ui-btn~=note][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-note);
+  border:1px solid var(--co-note-o-lm);
   color:var(--co-note);
 }
 body [ui-btn~="@a"][ui-btn~=note][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=note][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-note);
+  border:1px solid var(--co-note-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-note-xs);
 }
 body [ui-btn~="@a"][ui-btn~=note][ui-btn~=":underline"]{
@@ -19268,11 +19294,11 @@ body [ui-btn~="@a"][ui-btn~=case].active,body [ui-btn~="@a"][ui-btn~=case]:hover
 }
 body [ui-btn~="@a"][ui-btn~=case][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-case);
+  border:1px solid var(--co-case-o-lm);
   color:var(--co-read);
 }
 body [ui-btn~="@a"][ui-btn~=case][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=case][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-case);
+  border:1px solid var(--co-case-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-case-xs);
 }
 body [ui-btn~="@a"][ui-btn~=case][ui-btn~=":underline"]{
@@ -19294,11 +19320,11 @@ body [ui-btn~="@a"][ui-btn~=line].active,body [ui-btn~="@a"][ui-btn~=line]:hover
 }
 body [ui-btn~="@a"][ui-btn~=line][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-line);
+  border:1px solid var(--co-line-o-lm);
   color:var(--co-read);
 }
 body [ui-btn~="@a"][ui-btn~=line][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=line][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-line);
+  border:1px solid var(--co-line-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-line-xs);
 }
 body [ui-btn~="@a"][ui-btn~=line][ui-btn~=":underline"]{
@@ -19320,11 +19346,11 @@ body [ui-btn~="@a"][ui-btn~=weak].active,body [ui-btn~="@a"][ui-btn~=weak]:hover
 }
 body [ui-btn~="@a"][ui-btn~=weak][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-weak);
+  border:1px solid var(--co-weak-o-lm);
   color:var(--co-weak);
 }
 body [ui-btn~="@a"][ui-btn~=weak][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=weak][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-weak);
+  border:1px solid var(--co-weak-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-weak-xs);
 }
 body [ui-btn~="@a"][ui-btn~=weak][ui-btn~=":underline"]{
@@ -19346,11 +19372,11 @@ body [ui-btn~="@a"][ui-btn~=back].active,body [ui-btn~="@a"][ui-btn~=back]:hover
 }
 body [ui-btn~="@a"][ui-btn~=back][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-back);
+  border:1px solid var(--co-back-o-lm);
   color:var(--co-back);
 }
 body [ui-btn~="@a"][ui-btn~=back][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=back][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-back);
+  border:1px solid var(--co-back-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-back-xs);
 }
 body [ui-btn~="@a"][ui-btn~=back][ui-btn~=":underline"]{
@@ -19372,11 +19398,11 @@ body [ui-btn~="@a"][ui-btn~=info].active,body [ui-btn~="@a"][ui-btn~=info]:hover
 }
 body [ui-btn~="@a"][ui-btn~=info][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-info);
+  border:1px solid var(--co-info-o-lm);
   color:var(--co-info);
 }
 body [ui-btn~="@a"][ui-btn~=info][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=info][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-info);
+  border:1px solid var(--co-info-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-info-xs);
 }
 body [ui-btn~="@a"][ui-btn~=info][ui-btn~=":underline"]{
@@ -19398,11 +19424,11 @@ body [ui-btn~="@a"][ui-btn~=well].active,body [ui-btn~="@a"][ui-btn~=well]:hover
 }
 body [ui-btn~="@a"][ui-btn~=well][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-well);
+  border:1px solid var(--co-well-o-lm);
   color:var(--co-well);
 }
 body [ui-btn~="@a"][ui-btn~=well][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=well][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-well);
+  border:1px solid var(--co-well-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-well-xs);
 }
 body [ui-btn~="@a"][ui-btn~=well][ui-btn~=":underline"]{
@@ -19424,11 +19450,11 @@ body [ui-btn~="@a"][ui-btn~=warn].active,body [ui-btn~="@a"][ui-btn~=warn]:hover
 }
 body [ui-btn~="@a"][ui-btn~=warn][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-warn);
+  border:1px solid var(--co-warn-o-lm);
   color:var(--co-warn);
 }
 body [ui-btn~="@a"][ui-btn~=warn][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=warn][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-warn);
+  border:1px solid var(--co-warn-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-warn-xs);
 }
 body [ui-btn~="@a"][ui-btn~=warn][ui-btn~=":underline"]{
@@ -19450,11 +19476,11 @@ body [ui-btn~="@a"][ui-btn~=risk].active,body [ui-btn~="@a"][ui-btn~=risk]:hover
 }
 body [ui-btn~="@a"][ui-btn~=risk][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-risk);
+  border:1px solid var(--co-risk-o-lm);
   color:var(--co-risk);
 }
 body [ui-btn~="@a"][ui-btn~=risk][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=risk][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-risk);
+  border:1px solid var(--co-risk-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-risk-xs);
 }
 body [ui-btn~="@a"][ui-btn~=risk][ui-btn~=":underline"]{
@@ -19476,11 +19502,11 @@ body [ui-btn~="@a"][ui-btn~=w].active,body [ui-btn~="@a"][ui-btn~=w]:hover{
 }
 body [ui-btn~="@a"][ui-btn~=w][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-w);
+  border:1px solid var(--co-w-o-lm);
   color:var(--co-w);
 }
 body [ui-btn~="@a"][ui-btn~=w][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=w][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-w);
+  border:1px solid var(--co-w-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-w-xs);
 }
 body [ui-btn~="@a"][ui-btn~=w][ui-btn~=":underline"]{
@@ -19502,11 +19528,11 @@ body [ui-btn~="@a"][ui-btn~=b].active,body [ui-btn~="@a"][ui-btn~=b]:hover{
 }
 body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-b);
+  border:1px solid var(--co-b-o-lm);
   color:var(--co-b);
 }
 body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":border"].active,body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-b);
+  border:1px solid var(--co-b-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-b-xs);
 }
 body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]{
@@ -19785,7 +19811,7 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@a"][ui-btns~=none][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-none);
+  border:1px solid var(--co-none-o-lm);
   color:var(--co-none);
 }
 [ui-btns~="@a"][ui-btns~=none][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=none][ui-btns~=":border"]>:hover{
@@ -19810,7 +19836,7 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@a"][ui-btns~=main][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-main);
+  border:1px solid var(--co-main-o-lm);
   color:var(--co-main);
 }
 [ui-btns~="@a"][ui-btns~=main][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=main][ui-btns~=":border"]>:hover{
@@ -19835,7 +19861,7 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@a"][ui-btns~=vice][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-vice);
+  border:1px solid var(--co-vice-o-lm);
   color:var(--co-vice);
 }
 [ui-btns~="@a"][ui-btns~=vice][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=vice][ui-btns~=":border"]>:hover{
@@ -19860,7 +19886,7 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@a"][ui-btns~=text][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-text);
+  border:1px solid var(--co-text-o-lm);
   color:var(--co-text);
 }
 [ui-btns~="@a"][ui-btns~=text][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=text][ui-btns~=":border"]>:hover{
@@ -19885,7 +19911,7 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@a"][ui-btns~=link][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-link);
+  border:1px solid var(--co-link-o-lm);
   color:var(--co-link);
 }
 [ui-btns~="@a"][ui-btns~=link][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=link][ui-btns~=":border"]>:hover{
@@ -19910,7 +19936,7 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@a"][ui-btns~=read][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-read);
+  border:1px solid var(--co-read-o-lm);
   color:var(--co-read);
 }
 [ui-btns~="@a"][ui-btns~=read][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=read][ui-btns~=":border"]>:hover{
@@ -19925,6 +19951,31 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
   border:1px solid transparent;
   text-decoration:underline;
 }
+[ui-btns~="@a"][ui-btns~=desc]>*{
+  background:var(--co-desc);
+  border:1px solid transparent;
+  color:var(--co-fore);
+}
+[ui-btns~="@a"][ui-btns~=desc]>.active,[ui-btns~="@a"][ui-btns~=desc]>:hover{
+  box-shadow:inset 0 0 0 100em var(--co-text-o-xs);
+}
+[ui-btns~="@a"][ui-btns~=desc][ui-btns~=":border"]>*{
+  background:transparent;
+  border:1px solid var(--co-desc-o-lm);
+  color:var(--co-desc);
+}
+[ui-btns~="@a"][ui-btns~=desc][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=desc][ui-btns~=":border"]>:hover{
+  box-shadow:inset 0 0 0 100em var(--co-desc-xs);
+}
+[ui-btns~="@a"][ui-btns~=desc][ui-btns~=":underline"]>*{
+  background:transparent;
+  border:1px solid transparent;
+  color:var(--co-desc);
+}
+[ui-btns~="@a"][ui-btns~=desc][ui-btns~=":underline"]>.active,[ui-btns~="@a"][ui-btns~=desc][ui-btns~=":underline"]>:hover{
+  border:1px solid transparent;
+  text-decoration:underline;
+}
 [ui-btns~="@a"][ui-btns~=note]>*{
   background:var(--co-note);
   border:1px solid transparent;
@@ -19935,7 +19986,7 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@a"][ui-btns~=note][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-note);
+  border:1px solid var(--co-note-o-lm);
   color:var(--co-note);
 }
 [ui-btns~="@a"][ui-btns~=note][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=note][ui-btns~=":border"]>:hover{
@@ -19960,7 +20011,7 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@a"][ui-btns~=case][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-case);
+  border:1px solid var(--co-case-o-lm);
   color:var(--co-case);
 }
 [ui-btns~="@a"][ui-btns~=case][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=case][ui-btns~=":border"]>:hover{
@@ -19985,7 +20036,7 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@a"][ui-btns~=line][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-line);
+  border:1px solid var(--co-line-o-lm);
   color:var(--co-read);
 }
 [ui-btns~="@a"][ui-btns~=line][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=line][ui-btns~=":border"]>:hover{
@@ -20010,7 +20061,7 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@a"][ui-btns~=weak][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-weak);
+  border:1px solid var(--co-weak-o-lm);
   color:var(--co-weak);
 }
 [ui-btns~="@a"][ui-btns~=weak][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=weak][ui-btns~=":border"]>:hover{
@@ -20035,7 +20086,7 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@a"][ui-btns~=back][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-back);
+  border:1px solid var(--co-back-o-lm);
   color:var(--co-back);
 }
 [ui-btns~="@a"][ui-btns~=back][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=back][ui-btns~=":border"]>:hover{
@@ -20060,7 +20111,7 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@a"][ui-btns~=info][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-info);
+  border:1px solid var(--co-info-o-lm);
   color:var(--co-info);
 }
 [ui-btns~="@a"][ui-btns~=info][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=info][ui-btns~=":border"]>:hover{
@@ -20085,7 +20136,7 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@a"][ui-btns~=well][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-well);
+  border:1px solid var(--co-well-o-lm);
   color:var(--co-well);
 }
 [ui-btns~="@a"][ui-btns~=well][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=well][ui-btns~=":border"]>:hover{
@@ -20110,7 +20161,7 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@a"][ui-btns~=warn][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-warn);
+  border:1px solid var(--co-warn-o-lm);
   color:var(--co-warn);
 }
 [ui-btns~="@a"][ui-btns~=warn][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=warn][ui-btns~=":border"]>:hover{
@@ -20135,7 +20186,7 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@a"][ui-btns~=risk][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-risk);
+  border:1px solid var(--co-risk-o-lm);
   color:var(--co-risk);
 }
 [ui-btns~="@a"][ui-btns~=risk][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=risk][ui-btns~=":border"]>:hover{
@@ -20160,7 +20211,7 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@a"][ui-btns~=w][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-w);
+  border:1px solid var(--co-w-o-lm);
   color:var(--co-w);
 }
 [ui-btns~="@a"][ui-btns~=w][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=w][ui-btns~=":border"]>:hover{
@@ -20185,7 +20236,7 @@ body [ui-btn~="@a"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@a"][ui-btns~=b][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-b);
+  border:1px solid var(--co-b-o-lm);
   color:var(--co-b);
 }
 [ui-btns~="@a"][ui-btns~=b][ui-btns~=":border"]>.active,[ui-btns~="@a"][ui-btns~=b][ui-btns~=":border"]>:hover{
@@ -20469,11 +20520,11 @@ body [ui-btn~="@b"][ui-btn~=none].active,body [ui-btn~="@b"][ui-btn~=none]:hover
 }
 body [ui-btn~="@b"][ui-btn~=none][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-none);
+  border:1px solid var(--co-none-o-lm);
   color:var(--co-none);
 }
 body [ui-btn~="@b"][ui-btn~=none][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=none][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-none);
+  border:1px solid var(--co-none-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-none-xs);
 }
 body [ui-btn~="@b"][ui-btn~=none][ui-btn~=":underline"]{
@@ -20495,11 +20546,11 @@ body [ui-btn~="@b"][ui-btn~=main].active,body [ui-btn~="@b"][ui-btn~=main]:hover
 }
 body [ui-btn~="@b"][ui-btn~=main][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-main);
+  border:1px solid var(--co-main-o-lm);
   color:var(--co-main);
 }
 body [ui-btn~="@b"][ui-btn~=main][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=main][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-main);
+  border:1px solid var(--co-main-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-main-xs);
 }
 body [ui-btn~="@b"][ui-btn~=main][ui-btn~=":underline"]{
@@ -20521,11 +20572,11 @@ body [ui-btn~="@b"][ui-btn~=vice].active,body [ui-btn~="@b"][ui-btn~=vice]:hover
 }
 body [ui-btn~="@b"][ui-btn~=vice][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-vice);
+  border:1px solid var(--co-vice-o-lm);
   color:var(--co-vice);
 }
 body [ui-btn~="@b"][ui-btn~=vice][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=vice][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-vice);
+  border:1px solid var(--co-vice-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-vice-xs);
 }
 body [ui-btn~="@b"][ui-btn~=vice][ui-btn~=":underline"]{
@@ -20547,11 +20598,11 @@ body [ui-btn~="@b"][ui-btn~=text].active,body [ui-btn~="@b"][ui-btn~=text]:hover
 }
 body [ui-btn~="@b"][ui-btn~=text][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-text);
+  border:1px solid var(--co-text-o-lm);
   color:var(--co-text);
 }
 body [ui-btn~="@b"][ui-btn~=text][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=text][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-text);
+  border:1px solid var(--co-text-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-text-xs);
 }
 body [ui-btn~="@b"][ui-btn~=text][ui-btn~=":underline"]{
@@ -20573,11 +20624,11 @@ body [ui-btn~="@b"][ui-btn~=link].active,body [ui-btn~="@b"][ui-btn~=link]:hover
 }
 body [ui-btn~="@b"][ui-btn~=link][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-link);
+  border:1px solid var(--co-link-o-lm);
   color:var(--co-link);
 }
 body [ui-btn~="@b"][ui-btn~=link][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=link][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-link);
+  border:1px solid var(--co-link-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-link-xs);
 }
 body [ui-btn~="@b"][ui-btn~=link][ui-btn~=":underline"]{
@@ -20599,11 +20650,11 @@ body [ui-btn~="@b"][ui-btn~=read].active,body [ui-btn~="@b"][ui-btn~=read]:hover
 }
 body [ui-btn~="@b"][ui-btn~=read][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-read);
+  border:1px solid var(--co-read-o-lm);
   color:var(--co-read);
 }
 body [ui-btn~="@b"][ui-btn~=read][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=read][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-read);
+  border:1px solid var(--co-read-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-read-xs);
 }
 body [ui-btn~="@b"][ui-btn~=read][ui-btn~=":underline"]{
@@ -20615,6 +20666,32 @@ body [ui-btn~="@b"][ui-btn~=read][ui-btn~=":underline"]:hover{
   border:1px solid transparent;
   text-decoration:underline;
 }
+body [ui-btn~="@b"][ui-btn~=desc]{
+  background:var(--co-desc);
+  border:1px solid transparent;
+  color:var(--co-fore);
+}
+body [ui-btn~="@b"][ui-btn~=desc].active,body [ui-btn~="@b"][ui-btn~=desc]:hover{
+  box-shadow:inset 0 0 0 100em var(--co-text-o-xs);
+}
+body [ui-btn~="@b"][ui-btn~=desc][ui-btn~=":border"]{
+  background:transparent;
+  border:1px solid var(--co-desc-o-lm);
+  color:var(--co-desc);
+}
+body [ui-btn~="@b"][ui-btn~=desc][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=desc][ui-btn~=":border"]:hover{
+  border:1px solid var(--co-desc-o-lm);
+  box-shadow:inset 0 0 0 100em var(--co-desc-xs);
+}
+body [ui-btn~="@b"][ui-btn~=desc][ui-btn~=":underline"]{
+  background:transparent;
+  border:1px solid transparent;
+  color:var(--co-desc);
+}
+body [ui-btn~="@b"][ui-btn~=desc][ui-btn~=":underline"]:hover{
+  border:1px solid transparent;
+  text-decoration:underline;
+}
 body [ui-btn~="@b"][ui-btn~=note]{
   background:var(--co-note);
   border:1px solid transparent;
@@ -20625,11 +20702,11 @@ body [ui-btn~="@b"][ui-btn~=note].active,body [ui-btn~="@b"][ui-btn~=note]:hover
 }
 body [ui-btn~="@b"][ui-btn~=note][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-note);
+  border:1px solid var(--co-note-o-lm);
   color:var(--co-note);
 }
 body [ui-btn~="@b"][ui-btn~=note][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=note][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-note);
+  border:1px solid var(--co-note-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-note-xs);
 }
 body [ui-btn~="@b"][ui-btn~=note][ui-btn~=":underline"]{
@@ -20651,11 +20728,11 @@ body [ui-btn~="@b"][ui-btn~=case].active,body [ui-btn~="@b"][ui-btn~=case]:hover
 }
 body [ui-btn~="@b"][ui-btn~=case][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-case);
+  border:1px solid var(--co-case-o-lm);
   color:var(--co-read);
 }
 body [ui-btn~="@b"][ui-btn~=case][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=case][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-case);
+  border:1px solid var(--co-case-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-case-xs);
 }
 body [ui-btn~="@b"][ui-btn~=case][ui-btn~=":underline"]{
@@ -20677,11 +20754,11 @@ body [ui-btn~="@b"][ui-btn~=line].active,body [ui-btn~="@b"][ui-btn~=line]:hover
 }
 body [ui-btn~="@b"][ui-btn~=line][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-line);
+  border:1px solid var(--co-line-o-lm);
   color:var(--co-read);
 }
 body [ui-btn~="@b"][ui-btn~=line][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=line][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-line);
+  border:1px solid var(--co-line-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-line-xs);
 }
 body [ui-btn~="@b"][ui-btn~=line][ui-btn~=":underline"]{
@@ -20703,11 +20780,11 @@ body [ui-btn~="@b"][ui-btn~=weak].active,body [ui-btn~="@b"][ui-btn~=weak]:hover
 }
 body [ui-btn~="@b"][ui-btn~=weak][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-weak);
+  border:1px solid var(--co-weak-o-lm);
   color:var(--co-weak);
 }
 body [ui-btn~="@b"][ui-btn~=weak][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=weak][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-weak);
+  border:1px solid var(--co-weak-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-weak-xs);
 }
 body [ui-btn~="@b"][ui-btn~=weak][ui-btn~=":underline"]{
@@ -20729,11 +20806,11 @@ body [ui-btn~="@b"][ui-btn~=back].active,body [ui-btn~="@b"][ui-btn~=back]:hover
 }
 body [ui-btn~="@b"][ui-btn~=back][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-back);
+  border:1px solid var(--co-back-o-lm);
   color:var(--co-back);
 }
 body [ui-btn~="@b"][ui-btn~=back][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=back][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-back);
+  border:1px solid var(--co-back-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-back-xs);
 }
 body [ui-btn~="@b"][ui-btn~=back][ui-btn~=":underline"]{
@@ -20755,11 +20832,11 @@ body [ui-btn~="@b"][ui-btn~=info].active,body [ui-btn~="@b"][ui-btn~=info]:hover
 }
 body [ui-btn~="@b"][ui-btn~=info][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-info);
+  border:1px solid var(--co-info-o-lm);
   color:var(--co-info);
 }
 body [ui-btn~="@b"][ui-btn~=info][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=info][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-info);
+  border:1px solid var(--co-info-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-info-xs);
 }
 body [ui-btn~="@b"][ui-btn~=info][ui-btn~=":underline"]{
@@ -20781,11 +20858,11 @@ body [ui-btn~="@b"][ui-btn~=well].active,body [ui-btn~="@b"][ui-btn~=well]:hover
 }
 body [ui-btn~="@b"][ui-btn~=well][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-well);
+  border:1px solid var(--co-well-o-lm);
   color:var(--co-well);
 }
 body [ui-btn~="@b"][ui-btn~=well][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=well][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-well);
+  border:1px solid var(--co-well-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-well-xs);
 }
 body [ui-btn~="@b"][ui-btn~=well][ui-btn~=":underline"]{
@@ -20807,11 +20884,11 @@ body [ui-btn~="@b"][ui-btn~=warn].active,body [ui-btn~="@b"][ui-btn~=warn]:hover
 }
 body [ui-btn~="@b"][ui-btn~=warn][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-warn);
+  border:1px solid var(--co-warn-o-lm);
   color:var(--co-warn);
 }
 body [ui-btn~="@b"][ui-btn~=warn][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=warn][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-warn);
+  border:1px solid var(--co-warn-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-warn-xs);
 }
 body [ui-btn~="@b"][ui-btn~=warn][ui-btn~=":underline"]{
@@ -20833,11 +20910,11 @@ body [ui-btn~="@b"][ui-btn~=risk].active,body [ui-btn~="@b"][ui-btn~=risk]:hover
 }
 body [ui-btn~="@b"][ui-btn~=risk][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-risk);
+  border:1px solid var(--co-risk-o-lm);
   color:var(--co-risk);
 }
 body [ui-btn~="@b"][ui-btn~=risk][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=risk][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-risk);
+  border:1px solid var(--co-risk-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-risk-xs);
 }
 body [ui-btn~="@b"][ui-btn~=risk][ui-btn~=":underline"]{
@@ -20859,11 +20936,11 @@ body [ui-btn~="@b"][ui-btn~=w].active,body [ui-btn~="@b"][ui-btn~=w]:hover{
 }
 body [ui-btn~="@b"][ui-btn~=w][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-w);
+  border:1px solid var(--co-w-o-lm);
   color:var(--co-w);
 }
 body [ui-btn~="@b"][ui-btn~=w][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=w][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-w);
+  border:1px solid var(--co-w-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-w-xs);
 }
 body [ui-btn~="@b"][ui-btn~=w][ui-btn~=":underline"]{
@@ -20885,11 +20962,11 @@ body [ui-btn~="@b"][ui-btn~=b].active,body [ui-btn~="@b"][ui-btn~=b]:hover{
 }
 body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":border"]{
   background:transparent;
-  border:1px solid var(--co-b);
+  border:1px solid var(--co-b-o-lm);
   color:var(--co-b);
 }
 body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":border"].active,body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":border"]:hover{
-  border:1px solid var(--co-b);
+  border:1px solid var(--co-b-o-lm);
   box-shadow:inset 0 0 0 100em var(--co-b-xs);
 }
 body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]{
@@ -21161,7 +21238,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@b"][ui-btns~=none][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-none);
+  border:1px solid var(--co-none-o-lm);
   color:var(--co-none);
 }
 [ui-btns~="@b"][ui-btns~=none][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=none][ui-btns~=":border"]>:hover{
@@ -21186,7 +21263,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@b"][ui-btns~=main][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-main);
+  border:1px solid var(--co-main-o-lm);
   color:var(--co-main);
 }
 [ui-btns~="@b"][ui-btns~=main][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=main][ui-btns~=":border"]>:hover{
@@ -21211,7 +21288,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@b"][ui-btns~=vice][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-vice);
+  border:1px solid var(--co-vice-o-lm);
   color:var(--co-vice);
 }
 [ui-btns~="@b"][ui-btns~=vice][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=vice][ui-btns~=":border"]>:hover{
@@ -21236,7 +21313,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@b"][ui-btns~=text][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-text);
+  border:1px solid var(--co-text-o-lm);
   color:var(--co-text);
 }
 [ui-btns~="@b"][ui-btns~=text][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=text][ui-btns~=":border"]>:hover{
@@ -21261,7 +21338,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@b"][ui-btns~=link][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-link);
+  border:1px solid var(--co-link-o-lm);
   color:var(--co-link);
 }
 [ui-btns~="@b"][ui-btns~=link][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=link][ui-btns~=":border"]>:hover{
@@ -21286,7 +21363,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@b"][ui-btns~=read][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-read);
+  border:1px solid var(--co-read-o-lm);
   color:var(--co-read);
 }
 [ui-btns~="@b"][ui-btns~=read][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=read][ui-btns~=":border"]>:hover{
@@ -21301,6 +21378,31 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   border:1px solid transparent;
   text-decoration:underline;
 }
+[ui-btns~="@b"][ui-btns~=desc]>*{
+  background:var(--co-desc);
+  border:1px solid transparent;
+  color:var(--co-fore);
+}
+[ui-btns~="@b"][ui-btns~=desc]>.active,[ui-btns~="@b"][ui-btns~=desc]>:hover{
+  box-shadow:inset 0 0 0 100em var(--co-text-o-xs);
+}
+[ui-btns~="@b"][ui-btns~=desc][ui-btns~=":border"]>*{
+  background:transparent;
+  border:1px solid var(--co-desc-o-lm);
+  color:var(--co-desc);
+}
+[ui-btns~="@b"][ui-btns~=desc][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=desc][ui-btns~=":border"]>:hover{
+  box-shadow:inset 0 0 0 100em var(--co-desc-xs);
+}
+[ui-btns~="@b"][ui-btns~=desc][ui-btns~=":underline"]>*{
+  background:transparent;
+  border:1px solid transparent;
+  color:var(--co-desc);
+}
+[ui-btns~="@b"][ui-btns~=desc][ui-btns~=":underline"]>.active,[ui-btns~="@b"][ui-btns~=desc][ui-btns~=":underline"]>:hover{
+  border:1px solid transparent;
+  text-decoration:underline;
+}
 [ui-btns~="@b"][ui-btns~=note]>*{
   background:var(--co-note);
   border:1px solid transparent;
@@ -21311,7 +21413,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@b"][ui-btns~=note][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-note);
+  border:1px solid var(--co-note-o-lm);
   color:var(--co-note);
 }
 [ui-btns~="@b"][ui-btns~=note][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=note][ui-btns~=":border"]>:hover{
@@ -21336,7 +21438,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@b"][ui-btns~=case][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-case);
+  border:1px solid var(--co-case-o-lm);
   color:var(--co-case);
 }
 [ui-btns~="@b"][ui-btns~=case][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=case][ui-btns~=":border"]>:hover{
@@ -21361,7 +21463,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@b"][ui-btns~=line][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-line);
+  border:1px solid var(--co-line-o-lm);
   color:var(--co-read);
 }
 [ui-btns~="@b"][ui-btns~=line][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=line][ui-btns~=":border"]>:hover{
@@ -21386,7 +21488,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@b"][ui-btns~=weak][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-weak);
+  border:1px solid var(--co-weak-o-lm);
   color:var(--co-weak);
 }
 [ui-btns~="@b"][ui-btns~=weak][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=weak][ui-btns~=":border"]>:hover{
@@ -21411,7 +21513,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@b"][ui-btns~=back][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-back);
+  border:1px solid var(--co-back-o-lm);
   color:var(--co-back);
 }
 [ui-btns~="@b"][ui-btns~=back][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=back][ui-btns~=":border"]>:hover{
@@ -21436,7 +21538,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@b"][ui-btns~=info][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-info);
+  border:1px solid var(--co-info-o-lm);
   color:var(--co-info);
 }
 [ui-btns~="@b"][ui-btns~=info][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=info][ui-btns~=":border"]>:hover{
@@ -21461,7 +21563,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@b"][ui-btns~=well][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-well);
+  border:1px solid var(--co-well-o-lm);
   color:var(--co-well);
 }
 [ui-btns~="@b"][ui-btns~=well][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=well][ui-btns~=":border"]>:hover{
@@ -21486,7 +21588,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@b"][ui-btns~=warn][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-warn);
+  border:1px solid var(--co-warn-o-lm);
   color:var(--co-warn);
 }
 [ui-btns~="@b"][ui-btns~=warn][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=warn][ui-btns~=":border"]>:hover{
@@ -21511,7 +21613,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@b"][ui-btns~=risk][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-risk);
+  border:1px solid var(--co-risk-o-lm);
   color:var(--co-risk);
 }
 [ui-btns~="@b"][ui-btns~=risk][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=risk][ui-btns~=":border"]>:hover{
@@ -21536,7 +21638,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@b"][ui-btns~=w][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-w);
+  border:1px solid var(--co-w-o-lm);
   color:var(--co-w);
 }
 [ui-btns~="@b"][ui-btns~=w][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=w][ui-btns~=":border"]>:hover{
@@ -21561,7 +21663,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 }
 [ui-btns~="@b"][ui-btns~=b][ui-btns~=":border"]>*{
   background:transparent;
-  border:1px solid var(--co-b);
+  border:1px solid var(--co-b-o-lm);
   color:var(--co-b);
 }
 [ui-btns~="@b"][ui-btns~=b][ui-btns~=":border"]>.active,[ui-btns~="@b"][ui-btns~=b][ui-btns~=":border"]>:hover{