@neatui/css 4.4.2 → 4.5.0

package/dist/neatui.preview.css

@@ -22894,6 +22894,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   cursor:pointer;
 }
 [ui-form~="@a"][ui-form~="type:input"][ui-form~=":block"]{
+  display:flex;
   flex-grow:1;
   flex-shrink:1;
   width:100%;
@@ -22908,6 +22909,15 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@a"][ui-form~="type:input"][ui-form~="co:main"]:focus-within{
   box-shadow:0 0 0 2px var(--co-main-o-sm) !important;
 }
+[ui-form~="@a"][ui-form~="type:input"][ui-form~="co:hover:main"]:hover{
+  border:1px solid var(--co-main-o-lm);
+  color:var(--co-main-text);
+}
+[ui-form~="@a"][ui-form~="type:input"][ui-form~="co:focus:main"]:focus-within{
+  border:1px solid var(--co-main-o-lm);
+  box-shadow:0 0 0 2px var(--co-main-o-sm) !important;
+  color:var(--co-main-text);
+}
 [ui-form~="@a"][ui-form~="type:input"][ui-form~="co:info"]{
   border:1px solid var(--co-info-o-lm);
   color:var(--co-info-text);
@@ -22915,6 +22925,15 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@a"][ui-form~="type:input"][ui-form~="co:info"]:focus-within{
   box-shadow:0 0 0 2px var(--co-info-o-sm) !important;
 }
+[ui-form~="@a"][ui-form~="type:input"][ui-form~="co:hover:info"]:hover{
+  border:1px solid var(--co-info-o-lm);
+  color:var(--co-info-text);
+}
+[ui-form~="@a"][ui-form~="type:input"][ui-form~="co:focus:info"]:focus-within{
+  border:1px solid var(--co-info-o-lm);
+  box-shadow:0 0 0 2px var(--co-info-o-sm) !important;
+  color:var(--co-info-text);
+}
 [ui-form~="@a"][ui-form~="type:input"][ui-form~="co:well"]{
   border:1px solid var(--co-well-o-lm);
   color:var(--co-well-text);
@@ -22922,6 +22941,15 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@a"][ui-form~="type:input"][ui-form~="co:well"]:focus-within{
   box-shadow:0 0 0 2px var(--co-well-o-sm) !important;
 }
+[ui-form~="@a"][ui-form~="type:input"][ui-form~="co:hover:well"]:hover{
+  border:1px solid var(--co-well-o-lm);
+  color:var(--co-well-text);
+}
+[ui-form~="@a"][ui-form~="type:input"][ui-form~="co:focus:well"]:focus-within{
+  border:1px solid var(--co-well-o-lm);
+  box-shadow:0 0 0 2px var(--co-well-o-sm) !important;
+  color:var(--co-well-text);
+}
 [ui-form~="@a"][ui-form~="type:input"][ui-form~="co:warn"]{
   border:1px solid var(--co-warn-o-lm);
   color:var(--co-warn-text);
@@ -22929,6 +22957,15 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@a"][ui-form~="type:input"][ui-form~="co:warn"]:focus-within{
   box-shadow:0 0 0 2px var(--co-warn-o-sm) !important;
 }
+[ui-form~="@a"][ui-form~="type:input"][ui-form~="co:hover:warn"]:hover{
+  border:1px solid var(--co-warn-o-lm);
+  color:var(--co-warn-text);
+}
+[ui-form~="@a"][ui-form~="type:input"][ui-form~="co:focus:warn"]:focus-within{
+  border:1px solid var(--co-warn-o-lm);
+  box-shadow:0 0 0 2px var(--co-warn-o-sm) !important;
+  color:var(--co-warn-text);
+}
 [ui-form~="@a"][ui-form~="type:input"][ui-form~="co:risk"]{
   border:1px solid var(--co-risk-o-lm);
   color:var(--co-risk-text);
@@ -22936,6 +22973,15 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@a"][ui-form~="type:input"][ui-form~="co:risk"]:focus-within{
   box-shadow:0 0 0 2px var(--co-risk-o-sm) !important;
 }
+[ui-form~="@a"][ui-form~="type:input"][ui-form~="co:hover:risk"]:hover{
+  border:1px solid var(--co-risk-o-lm);
+  color:var(--co-risk-text);
+}
+[ui-form~="@a"][ui-form~="type:input"][ui-form~="co:focus:risk"]:focus-within{
+  border:1px solid var(--co-risk-o-lm);
+  box-shadow:0 0 0 2px var(--co-risk-o-sm) !important;
+  color:var(--co-risk-text);
+}
 [ui-form~="@a"][ui-form~="type:input"][ui-form~=preview],[ui-form~="@a"][ui-form~="type:input"][ui-form~=preview]:focus-within,[ui-form~="@a"][ui-form~="type:input"][ui-form~=preview]:hover{
   background-color:transparent !important;
   border-color:transparent !important;
@@ -23057,6 +23103,51 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@a"][ui-form~="type:textarea"] textarea{
   width:100%;
 }
+[ui-form~="@a"][ui-form~="type:textarea"][ui-form~=disabled]{
+  cursor:not-allowed;
+  opacity:.5;
+}
+[ui-form~="@a"][ui-form~="type:textarea"][ui-form~=disabled] textarea{
+  cursor:not-allowed;
+}
+[ui-form~="@a"][ui-form~="type:textarea"][ui-form~=readonly],[ui-form~="@a"][ui-form~="type:textarea"][ui-form~=readonly] textarea{
+  cursor:text;
+}
+[ui-form~="@a"][ui-form~="type:textarea"][ui-form~=":block"]{
+  display:flex;
+  flex-grow:1;
+  flex-shrink:1;
+  width:100%;
+}
+[ui-form~="@a"][ui-form~="type:textarea"][ui-form~=preview],[ui-form~="@a"][ui-form~="type:textarea"][ui-form~=preview]:focus-within,[ui-form~="@a"][ui-form~="type:textarea"][ui-form~=preview]:hover{
+  background-color:transparent !important;
+  border-color:transparent !important;
+  box-shadow:none !important;
+  cursor:default;
+}
+[ui-form~="@a"][ui-form~="type:textarea"][ui-form~=preview] textarea{
+  cursor:default;
+}
+[ui-form~="@a"][ui-form~="type:textarea"][ui-form~="sz:xs"] textarea{
+  height:1.5em;
+  min-height:1.5em;
+}
+[ui-form~="@a"][ui-form~="type:textarea"][ui-form~="sz:s"] textarea{
+  height:2em;
+  min-height:2em;
+}
+[ui-form~="@a"][ui-form~="type:textarea"][ui-form~="sz:m"] textarea{
+  height:2.5em;
+  min-height:2.5em;
+}
+[ui-form~="@a"][ui-form~="type:textarea"][ui-form~="sz:l"] textarea{
+  height:3em;
+  min-height:3em;
+}
+[ui-form~="@a"][ui-form~="type:textarea"][ui-form~="sz:xl"] textarea{
+  height:3.5em;
+  min-height:3.5em;
+}
 [ui-form~="@a"][ui-form~="type:radio"]{
   align-content:center;
   align-items:center;
@@ -23124,6 +23215,9 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   position:relative;
   top:.15em;
 }
+[ui-form~="@a"][ui-form~="type:checkbox"][ui-form~=":block"]{
+  display:flex;
+}
 [ui-form~="@a"][ui-form~="type:checkbox"] [type=checkbox]{
   appearance:none;
   background:transparent;
@@ -23572,7 +23666,11 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   cursor:not-allowed;
   opacity:.5;
 }
+[ui-form~="@b"][ui-form~="type:input"][ui-form~=readonly],[ui-form~="@b"][ui-form~="type:input"][ui-form~=readonly] input{
+  cursor:pointer;
+}
 [ui-form~="@b"][ui-form~="type:input"][ui-form~=":block"]{
+  display:flex;
   flex-grow:1;
   flex-shrink:1;
   width:100%;
@@ -23741,6 +23839,51 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@b"][ui-form~="type:textarea"] textarea{
   width:100%;
 }
+[ui-form~="@b"][ui-form~="type:textarea"][ui-form~=disabled]{
+  cursor:not-allowed;
+  opacity:.5;
+}
+[ui-form~="@b"][ui-form~="type:textarea"][ui-form~=disabled] textarea{
+  cursor:not-allowed;
+}
+[ui-form~="@b"][ui-form~="type:textarea"][ui-form~=readonly],[ui-form~="@b"][ui-form~="type:textarea"][ui-form~=readonly] textarea{
+  cursor:text;
+}
+[ui-form~="@b"][ui-form~="type:textarea"][ui-form~=":block"]{
+  display:flex;
+  flex-grow:1;
+  flex-shrink:1;
+  width:100%;
+}
+[ui-form~="@b"][ui-form~="type:textarea"][ui-form~=preview],[ui-form~="@b"][ui-form~="type:textarea"][ui-form~=preview]:focus-within,[ui-form~="@b"][ui-form~="type:textarea"][ui-form~=preview]:hover{
+  background-color:transparent !important;
+  border-color:transparent !important;
+  box-shadow:none !important;
+  cursor:default;
+}
+[ui-form~="@b"][ui-form~="type:textarea"][ui-form~=preview] textarea{
+  cursor:default;
+}
+[ui-form~="@b"][ui-form~="type:textarea"][ui-form~="sz:xs"] textarea{
+  height:1.5em;
+  min-height:1.5em;
+}
+[ui-form~="@b"][ui-form~="type:textarea"][ui-form~="sz:s"] textarea{
+  height:2em;
+  min-height:2em;
+}
+[ui-form~="@b"][ui-form~="type:textarea"][ui-form~="sz:m"] textarea{
+  height:2.5em;
+  min-height:2.5em;
+}
+[ui-form~="@b"][ui-form~="type:textarea"][ui-form~="sz:l"] textarea{
+  height:3em;
+  min-height:3em;
+}
+[ui-form~="@b"][ui-form~="type:textarea"][ui-form~="sz:xl"] textarea{
+  height:3.5em;
+  min-height:3.5em;
+}
 @keyframes am-b-radio{
   0%{
     transform:scaleX(1);
@@ -23819,6 +23962,9 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   position:relative;
   top:.15em;
 }
+[ui-form~="@b"][ui-form~="type:checkbox"][ui-form~=":block"]{
+  display:flex;
+}
 [ui-form~="@b"][ui-form~="type:checkbox"] [type=checkbox]{
   appearance:none;
   background:transparent;
@@ -23836,6 +23982,11 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   background:radial-gradient(circle at 23% 43.3%, currentColor 5%, transparent 6%), radial-gradient(circle at 26% 46%, currentColor 5.5%, transparent 6.5%), radial-gradient(circle at 29% 49%, currentColor 6%, transparent 7%), radial-gradient(circle at 32% 51.5%, currentColor 6.5%, transparent 7.5%), radial-gradient(circle at 35% 54.4%, currentColor 7%, transparent 8%), radial-gradient(circle at 38% 57.5%, currentColor 7.5%, transparent 8.5%), radial-gradient(circle at 42% 61%, currentColor 8%, transparent 9%), radial-gradient(circle at 45% 63%, currentColor 9%, transparent 10%), radial-gradient(circle at 47% 69.8%, currentColor 5%, transparent 6%), radial-gradient(circle at 50.8% 63.8%, currentColor 5%, transparent 6%), radial-gradient(circle at 52.5% 57%, currentColor 8%, transparent 9%), radial-gradient(circle at 55.8% 52%, currentColor 7.5%, transparent 8.5%), radial-gradient(circle at 59% 47.5%, currentColor 7%, transparent 8%), radial-gradient(circle at 62.8% 42%, currentColor 6%, transparent 7%), radial-gradient(circle at 66.8% 37%, currentColor 5%, transparent 6%), radial-gradient(circle at 70% 32.5%, currentColor 4.5%, transparent 5.5%), radial-gradient(circle at 73.8% 28%, currentColor 3.9%, transparent 4.9%), radial-gradient(circle at 77.5% 23.7%, currentColor 3.4%, transparent 4.4%), radial-gradient(circle at 81% 19.5%, currentColor 3%, transparent 4%), radial-gradient(circle at 85% 15.2%, currentColor 2.5%, transparent 3.5%);
   color:var(--co-main);
 }
+[ui-form~="@b"][ui-form~="type:checkbox"] [type=checkbox].part-checked,[ui-form~="@b"][ui-form~="type:checkbox"] [type=checkbox][part-checked]{
+  animation:am-b-checked .3s;
+  background:linear-gradient(0deg, transparent 41%, currentColor 42%, currentColor 58%, transparent 59%) no-repeat 50%/60% 100%;
+  color:var(--co-main);
+}
 [ui-form~="@b"][ui-form~="type:checkbox"] [type=checkbox]+*{
   margin-left:.2em;
 }
@@ -24157,6 +24308,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   opacity:.5;
 }
 [ui-form~="@c"][ui-form~=":block"]{
+  display:flex;
   flex-grow:1;
   flex-shrink:1;
   width:100%;
@@ -24179,6 +24331,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@c"][ui-form~="type:input"]{
   align-items:center;
   background-color:var(--bg-weak);
+  border:1px solid var(--bg-weak);
   border-radius:.35em;
   display:inline-flex;
   height:100%;
@@ -24193,12 +24346,10 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@c"][ui-form~="type:input"]>*{
   position:relative;
 }
-[ui-form~="@c"][ui-form~="type:input"]:hover{
-  border:1px solid var(--co-main-o-mm);
-}
 [ui-form~="@c"][ui-form~="type:input"].form-focus,[ui-form~="@c"][ui-form~="type:input"]:focus-within{
   background-color:var(--bg-weak);
-  box-shadow:inset 0 0 0 1px var(--co-main-o-mm), 0 0 0 2px var(--co-main-o-ss);
+  border-color:var(--co-main-o-mm);
+  box-shadow:0 0 0 2px var(--co-main-o-ss);
 }
 [ui-form~="@c"][ui-form~="type:input"] input{
   background-color:transparent;
@@ -24228,7 +24379,11 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   cursor:not-allowed;
   opacity:.5;
 }
+[ui-form~="@c"][ui-form~="type:input"][ui-form~=readonly],[ui-form~="@c"][ui-form~="type:input"][ui-form~=readonly] input{
+  cursor:pointer;
+}
 [ui-form~="@c"][ui-form~="type:input"][ui-form~=":block"]{
+  display:flex;
   flex-grow:1;
   flex-shrink:1;
   width:100%;
@@ -24236,54 +24391,104 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@c"][ui-form~="type:input"][ui-form~=":round"]{
   border-radius:50em;
 }
-[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:hover:main"]:hover,[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:main"]{
+[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:main"]{
   background-color:var(--co-main-o-xs);
-  box-shadow:inset 0 0 0 1px var(--co-main-o-ml), 0 0 0 2px var(--co-main-o-ss) !important;
+  border-color:var(--co-main-o-xs);
+  color:var(--co-main-text);
+}
+[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:main"].form-focus,[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:main"]:focus-within{
+  border-color:var(--co-main-o-ml);
+  box-shadow:0 0 0 2px var(--co-main-o-ss);
+}
+[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:hover:main"]:hover{
+  background-color:var(--co-main-o-xs);
+  border-color:var(--co-main-o-xs);
   color:var(--co-main-text);
 }
 [ui-form~="@c"][ui-form~="type:input"][ui-form~="co:focus:main"]:focus-within{
   background-color:var(--co-main-o-xs);
-  box-shadow:inset 0 0 0 1px var(--co-main-o-ml), 0 0 0 2px var(--co-main-o-ss) !important;
+  border-color:var(--co-main-o-ml);
+  box-shadow:0 0 0 2px var(--co-main-o-ss);
   color:var(--co-main-text);
 }
-[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:hover:info"]:hover,[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:info"]{
+[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:info"]{
   background-color:var(--co-info-o-xs);
-  box-shadow:inset 0 0 0 1px var(--co-info-o-ml), 0 0 0 2px var(--co-info-o-ss) !important;
+  border-color:var(--co-info-o-xs);
+  color:var(--co-info-text);
+}
+[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:info"].form-focus,[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:info"]:focus-within{
+  border-color:var(--co-info-o-ml);
+  box-shadow:0 0 0 2px var(--co-info-o-ss);
+}
+[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:hover:info"]:hover{
+  background-color:var(--co-info-o-xs);
+  border-color:var(--co-info-o-xs);
   color:var(--co-info-text);
 }
 [ui-form~="@c"][ui-form~="type:input"][ui-form~="co:focus:info"]:focus-within{
   background-color:var(--co-info-o-xs);
-  box-shadow:inset 0 0 0 1px var(--co-info-o-ml), 0 0 0 2px var(--co-info-o-ss) !important;
+  border-color:var(--co-info-o-ml);
+  box-shadow:0 0 0 2px var(--co-info-o-ss);
   color:var(--co-info-text);
 }
-[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:hover:well"]:hover,[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:well"]{
+[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:well"]{
   background-color:var(--co-well-o-xs);
-  box-shadow:inset 0 0 0 1px var(--co-well-o-ml), 0 0 0 2px var(--co-well-o-ss) !important;
+  border-color:var(--co-well-o-xs);
+  color:var(--co-well-text);
+}
+[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:well"].form-focus,[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:well"]:focus-within{
+  border-color:var(--co-well-o-ml);
+  box-shadow:0 0 0 2px var(--co-well-o-ss);
+}
+[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:hover:well"]:hover{
+  background-color:var(--co-well-o-xs);
+  border-color:var(--co-well-o-xs);
   color:var(--co-well-text);
 }
 [ui-form~="@c"][ui-form~="type:input"][ui-form~="co:focus:well"]:focus-within{
   background-color:var(--co-well-o-xs);
-  box-shadow:inset 0 0 0 1px var(--co-well-o-ml), 0 0 0 2px var(--co-well-o-ss) !important;
+  border-color:var(--co-well-o-ml);
+  box-shadow:0 0 0 2px var(--co-well-o-ss);
   color:var(--co-well-text);
 }
-[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:hover:warn"]:hover,[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:warn"]{
+[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:warn"]{
   background-color:var(--co-warn-o-xs);
-  box-shadow:inset 0 0 0 1px var(--co-warn-o-ml), 0 0 0 2px var(--co-warn-o-ss) !important;
+  border-color:var(--co-warn-o-xs);
+  color:var(--co-warn-text);
+}
+[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:warn"].form-focus,[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:warn"]:focus-within{
+  border-color:var(--co-warn-o-ml);
+  box-shadow:0 0 0 2px var(--co-warn-o-ss);
+}
+[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:hover:warn"]:hover{
+  background-color:var(--co-warn-o-xs);
+  border-color:var(--co-warn-o-xs);
   color:var(--co-warn-text);
 }
 [ui-form~="@c"][ui-form~="type:input"][ui-form~="co:focus:warn"]:focus-within{
   background-color:var(--co-warn-o-xs);
-  box-shadow:inset 0 0 0 1px var(--co-warn-o-ml), 0 0 0 2px var(--co-warn-o-ss) !important;
+  border-color:var(--co-warn-o-ml);
+  box-shadow:0 0 0 2px var(--co-warn-o-ss);
   color:var(--co-warn-text);
 }
-[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:hover:risk"]:hover,[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:risk"]{
+[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:risk"]{
   background-color:var(--co-risk-o-xs);
-  box-shadow:inset 0 0 0 1px var(--co-risk-o-ml), 0 0 0 2px var(--co-risk-o-ss) !important;
+  border-color:var(--co-risk-o-xs);
+  color:var(--co-risk-text);
+}
+[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:risk"].form-focus,[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:risk"]:focus-within{
+  border-color:var(--co-risk-o-ml);
+  box-shadow:0 0 0 2px var(--co-risk-o-ss);
+}
+[ui-form~="@c"][ui-form~="type:input"][ui-form~="co:hover:risk"]:hover{
+  background-color:var(--co-risk-o-xs);
+  border-color:var(--co-risk-o-xs);
   color:var(--co-risk-text);
 }
 [ui-form~="@c"][ui-form~="type:input"][ui-form~="co:focus:risk"]:focus-within{
   background-color:var(--co-risk-o-xs);
-  box-shadow:inset 0 0 0 1px var(--co-risk-o-ml), 0 0 0 2px var(--co-risk-o-ss) !important;
+  border-color:var(--co-risk-o-ml);
+  box-shadow:0 0 0 2px var(--co-risk-o-ss);
   color:var(--co-risk-text);
 }
 [ui-form~="@c"][ui-form~="type:input"][ui-form~=preview],[ui-form~="@c"][ui-form~="type:input"][ui-form~=preview]:focus-within,[ui-form~="@c"][ui-form~="type:input"][ui-form~=preview]:hover{
@@ -24334,9 +24539,8 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   background:radial-gradient(circle at 47% 45%, transparent 40%, currentColor 43%, currentColor 53%, transparent 56%), radial-gradient(circle at 78% 78%, currentColor 5%, transparent 6%), radial-gradient(circle at 82% 82%, currentColor 5%, transparent 6%), radial-gradient(circle at 85% 85%, currentColor 5%, transparent 6%);
 }
 [ui-form~="@c"][ui-form~="type:textarea"]{
-  background-color:transparent;
   background-color:var(--bg-weak);
-  border:1px solid var(--co-case);
+  border:1px solid var(--bg-weak);
   border-radius:.35em;
   line-height:1.5em;
   min-width:2.5em;
@@ -24344,63 +24548,159 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   position:relative;
   transition:all .5s;
 }
-[ui-form~="@c"][ui-form~="type:textarea"]:hover{
-  border:1px solid var(--co-main-o-mm);
+[ui-form~="@c"][ui-form~="type:textarea"].form-focus,[ui-form~="@c"][ui-form~="type:textarea"]:focus-within{
+  background-color:var(--bg-weak);
+  border-color:var(--co-main-o-mm);
+  box-shadow:0 0 0 2px var(--co-main-o-ss);
 }
-[ui-form~="@c"][ui-form~="type:textarea"].form-focus,[ui-form~="@c"][ui-form~="type:textarea"]:focus{
-  background-color:transparent;
-  box-shadow:inset 0 0 0 1px var(--co-main-o-mm), 0 0 0 2px var(--co-main-o-ss);
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:main"]{
+  background-color:var(--co-main-o-sl);
+  border-color:var(--co-main-o-sl);
+  color:var(--co-main-text);
 }
-[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:hover:main"]:hover,[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:main"]{
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:main"].form-focus,[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:main"]:focus-within{
+  border-color:var(--co-main-o-ml);
+  box-shadow:0 0 0 2px var(--co-main-o-ss);
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:hover:main"]:hover{
   background-color:var(--co-main-o-sl);
-  box-shadow:inset 0 0 0 1px var(--co-main-o-ml), 0 0 0 2px var(--co-main-o-ss) !important;
+  border-color:var(--co-main-o-sl);
   color:var(--co-main-text);
 }
 [ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:focus:main"]:focus-within{
   background-color:var(--co-main-o-sl);
-  box-shadow:inset 0 0 0 1px var(--co-main-o-ml), 0 0 0 2px var(--co-main-o-ss) !important;
+  border-color:var(--co-main-o-ml);
+  box-shadow:0 0 0 2px var(--co-main-o-ss);
   color:var(--co-main-text);
 }
-[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:hover:info"]:hover,[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:info"]{
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:info"]{
   background-color:var(--co-info-o-sl);
-  box-shadow:inset 0 0 0 1px var(--co-info-o-ml), 0 0 0 2px var(--co-info-o-ss) !important;
+  border-color:var(--co-info-o-sl);
+  color:var(--co-info-text);
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:info"].form-focus,[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:info"]:focus-within{
+  border-color:var(--co-info-o-ml);
+  box-shadow:0 0 0 2px var(--co-info-o-ss);
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:hover:info"]:hover{
+  background-color:var(--co-info-o-sl);
+  border-color:var(--co-info-o-sl);
   color:var(--co-info-text);
 }
 [ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:focus:info"]:focus-within{
   background-color:var(--co-info-o-sl);
-  box-shadow:inset 0 0 0 1px var(--co-info-o-ml), 0 0 0 2px var(--co-info-o-ss) !important;
+  border-color:var(--co-info-o-ml);
+  box-shadow:0 0 0 2px var(--co-info-o-ss);
   color:var(--co-info-text);
 }
-[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:hover:well"]:hover,[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:well"]{
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:well"]{
   background-color:var(--co-well-o-sl);
-  box-shadow:inset 0 0 0 1px var(--co-well-o-ml), 0 0 0 2px var(--co-well-o-ss) !important;
+  border-color:var(--co-well-o-sl);
+  color:var(--co-well-text);
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:well"].form-focus,[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:well"]:focus-within{
+  border-color:var(--co-well-o-ml);
+  box-shadow:0 0 0 2px var(--co-well-o-ss);
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:hover:well"]:hover{
+  background-color:var(--co-well-o-sl);
+  border-color:var(--co-well-o-sl);
   color:var(--co-well-text);
 }
 [ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:focus:well"]:focus-within{
   background-color:var(--co-well-o-sl);
-  box-shadow:inset 0 0 0 1px var(--co-well-o-ml), 0 0 0 2px var(--co-well-o-ss) !important;
+  border-color:var(--co-well-o-ml);
+  box-shadow:0 0 0 2px var(--co-well-o-ss);
   color:var(--co-well-text);
 }
-[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:hover:warn"]:hover,[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:warn"]{
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:warn"]{
   background-color:var(--co-warn-o-sl);
-  box-shadow:inset 0 0 0 1px var(--co-warn-o-ml), 0 0 0 2px var(--co-warn-o-ss) !important;
+  border-color:var(--co-warn-o-sl);
+  color:var(--co-warn-text);
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:warn"].form-focus,[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:warn"]:focus-within{
+  border-color:var(--co-warn-o-ml);
+  box-shadow:0 0 0 2px var(--co-warn-o-ss);
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:hover:warn"]:hover{
+  background-color:var(--co-warn-o-sl);
+  border-color:var(--co-warn-o-sl);
   color:var(--co-warn-text);
 }
 [ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:focus:warn"]:focus-within{
   background-color:var(--co-warn-o-sl);
-  box-shadow:inset 0 0 0 1px var(--co-warn-o-ml), 0 0 0 2px var(--co-warn-o-ss) !important;
+  border-color:var(--co-warn-o-ml);
+  box-shadow:0 0 0 2px var(--co-warn-o-ss);
   color:var(--co-warn-text);
 }
-[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:hover:risk"]:hover,[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:risk"]{
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:risk"]{
   background-color:var(--co-risk-o-sl);
-  box-shadow:inset 0 0 0 1px var(--co-risk-o-ml), 0 0 0 2px var(--co-risk-o-ss) !important;
+  border-color:var(--co-risk-o-sl);
+  color:var(--co-risk-text);
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:risk"].form-focus,[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:risk"]:focus-within{
+  border-color:var(--co-risk-o-ml);
+  box-shadow:0 0 0 2px var(--co-risk-o-ss);
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:hover:risk"]:hover{
+  background-color:var(--co-risk-o-sl);
+  border-color:var(--co-risk-o-sl);
   color:var(--co-risk-text);
 }
 [ui-form~="@c"][ui-form~="type:textarea"][ui-form~="co:focus:risk"]:focus-within{
   background-color:var(--co-risk-o-sl);
-  box-shadow:inset 0 0 0 1px var(--co-risk-o-ml), 0 0 0 2px var(--co-risk-o-ss) !important;
+  border-color:var(--co-risk-o-ml);
+  box-shadow:0 0 0 2px var(--co-risk-o-ss);
   color:var(--co-risk-text);
 }
+[ui-form~="@c"][ui-form~="type:textarea"] textarea{
+  width:100%;
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~=disabled]{
+  cursor:not-allowed;
+  opacity:.5;
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~=disabled] textarea{
+  cursor:not-allowed;
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~=readonly],[ui-form~="@c"][ui-form~="type:textarea"][ui-form~=readonly] textarea{
+  cursor:text;
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~=":block"]{
+  display:flex;
+  flex-grow:1;
+  flex-shrink:1;
+  width:100%;
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~=preview],[ui-form~="@c"][ui-form~="type:textarea"][ui-form~=preview]:focus-within,[ui-form~="@c"][ui-form~="type:textarea"][ui-form~=preview]:hover{
+  background-color:transparent !important;
+  border-color:transparent !important;
+  box-shadow:none !important;
+  cursor:default;
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~=preview] textarea{
+  cursor:default;
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="sz:xs"] textarea{
+  height:1.5em;
+  min-height:1.5em;
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="sz:s"] textarea{
+  height:2em;
+  min-height:2em;
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="sz:m"] textarea{
+  height:2.5em;
+  min-height:2.5em;
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="sz:l"] textarea{
+  height:3em;
+  min-height:3em;
+}
+[ui-form~="@c"][ui-form~="type:textarea"][ui-form~="sz:xl"] textarea{
+  height:3.5em;
+  min-height:3.5em;
+}
 @keyframes am-radio{
   0%{
     transform:scaleX(1);
@@ -24489,6 +24789,11 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   background:linear-gradient(0deg, transparent 29%, currentColor 31%) no-repeat 39.5% 0/5% 79%, linear-gradient(47deg, currentColor 33%, transparent 34%) no-repeat, linear-gradient(-50deg, currentColor 42%, transparent 43%) no-repeat, linear-gradient(-50deg, transparent 73%, currentColor 74%) no-repeat, linear-gradient(43deg, transparent 59%, currentColor 60%) no-repeat -32% 18%/55% 80%, linear-gradient(-45deg, transparent 59%, currentColor 60%) no-repeat 133% -20%/70% 80%, linear-gradient(45deg, transparent 65%, currentColor 66%) no-repeat 125% 0/50% 80%;
   color:var(--co-main);
 }
+[ui-form~="@c"][ui-form~="type:checkbox"] [type=checkbox].part-checked,[ui-form~="@c"][ui-form~="type:checkbox"] [type=checkbox][part-checked]{
+  animation:am-checked .3s;
+  background:linear-gradient(0deg, transparent 41%, currentColor 42%, currentColor 58%, transparent 59%) no-repeat 50%/55% 100%, var(--bg-weak);
+  color:var(--co-main);
+}
 [ui-form~="@c"][ui-form~="type:checkbox"] [type=checkbox]+*{
   margin-left:.2em;
 }
@@ -24721,7 +25026,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@c"][ui-form~="type:upload"] [ui-form-files]>*,[ui-form~="@c"][ui-form~="type:upload"] [ui-form-input]{
   align-items:center;
   background-color:var(--bg-weak);
-  border-color:var(--co-line);
+  border-color:var(--bg-weak);
   border-radius:.35em;
   border-style:solid;
   border-width:1px;
@@ -24797,9 +25102,12 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   animation:am-file-del .35s forwards;
 }
 [ui-form~="@c"][ui-form~="type:upload"] [ui-form-input]{
-  border-color:var(--co-case);
+  border-color:var(--bg-weak);
   border-style:dashed;
 }
+[ui-form~="@c"][ui-form~="type:upload"] [ui-form-input]:focus-within,[ui-form~="@c"][ui-form~="type:upload"] [ui-form-input]:hover{
+  border-color:var(--co-main-o-mm);
+}
 [ui-form~="@c"][ui-form~="type:upload"] [ui-form-input] input{
   height:100%;
   left:0;
@@ -24893,6 +25201,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   cursor:pointer;
 }
 [ui-form~="@d"][ui-form~="type:input"][ui-form~=":block"]{
+  display:flex;
   flex-grow:1;
   flex-shrink:1;
   width:100%;
@@ -24907,6 +25216,15 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@d"][ui-form~="type:input"][ui-form~="co:main"]:focus-within{
   box-shadow:0 0 0 2px var(--co-main-o-ss) !important;
 }
+[ui-form~="@d"][ui-form~="type:input"][ui-form~="co:hover:main"]:hover{
+  border:1px solid var(--co-main-o-ml);
+  color:var(--co-main-text);
+}
+[ui-form~="@d"][ui-form~="type:input"][ui-form~="co:focus:main"]:focus-within{
+  border:1px solid var(--co-main-o-ml);
+  box-shadow:0 0 0 2px var(--co-main-o-ss) !important;
+  color:var(--co-main-text);
+}
 [ui-form~="@d"][ui-form~="type:input"][ui-form~="co:info"]{
   border:1px solid var(--co-info-o-ml);
   color:var(--co-info-text);
@@ -24914,6 +25232,15 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@d"][ui-form~="type:input"][ui-form~="co:info"]:focus-within{
   box-shadow:0 0 0 2px var(--co-info-o-ss) !important;
 }
+[ui-form~="@d"][ui-form~="type:input"][ui-form~="co:hover:info"]:hover{
+  border:1px solid var(--co-info-o-ml);
+  color:var(--co-info-text);
+}
+[ui-form~="@d"][ui-form~="type:input"][ui-form~="co:focus:info"]:focus-within{
+  border:1px solid var(--co-info-o-ml);
+  box-shadow:0 0 0 2px var(--co-info-o-ss) !important;
+  color:var(--co-info-text);
+}
 [ui-form~="@d"][ui-form~="type:input"][ui-form~="co:well"]{
   border:1px solid var(--co-well-o-ml);
   color:var(--co-well-text);
@@ -24921,6 +25248,15 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@d"][ui-form~="type:input"][ui-form~="co:well"]:focus-within{
   box-shadow:0 0 0 2px var(--co-well-o-ss) !important;
 }
+[ui-form~="@d"][ui-form~="type:input"][ui-form~="co:hover:well"]:hover{
+  border:1px solid var(--co-well-o-ml);
+  color:var(--co-well-text);
+}
+[ui-form~="@d"][ui-form~="type:input"][ui-form~="co:focus:well"]:focus-within{
+  border:1px solid var(--co-well-o-ml);
+  box-shadow:0 0 0 2px var(--co-well-o-ss) !important;
+  color:var(--co-well-text);
+}
 [ui-form~="@d"][ui-form~="type:input"][ui-form~="co:warn"]{
   border:1px solid var(--co-warn-o-ml);
   color:var(--co-warn-text);
@@ -24928,6 +25264,15 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@d"][ui-form~="type:input"][ui-form~="co:warn"]:focus-within{
   box-shadow:0 0 0 2px var(--co-warn-o-ss) !important;
 }
+[ui-form~="@d"][ui-form~="type:input"][ui-form~="co:hover:warn"]:hover{
+  border:1px solid var(--co-warn-o-ml);
+  color:var(--co-warn-text);
+}
+[ui-form~="@d"][ui-form~="type:input"][ui-form~="co:focus:warn"]:focus-within{
+  border:1px solid var(--co-warn-o-ml);
+  box-shadow:0 0 0 2px var(--co-warn-o-ss) !important;
+  color:var(--co-warn-text);
+}
 [ui-form~="@d"][ui-form~="type:input"][ui-form~="co:risk"]{
   border:1px solid var(--co-risk-o-ml);
   color:var(--co-risk-text);
@@ -24935,6 +25280,15 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@d"][ui-form~="type:input"][ui-form~="co:risk"]:focus-within{
   box-shadow:0 0 0 2px var(--co-risk-o-ss) !important;
 }
+[ui-form~="@d"][ui-form~="type:input"][ui-form~="co:hover:risk"]:hover{
+  border:1px solid var(--co-risk-o-ml);
+  color:var(--co-risk-text);
+}
+[ui-form~="@d"][ui-form~="type:input"][ui-form~="co:focus:risk"]:focus-within{
+  border:1px solid var(--co-risk-o-ml);
+  box-shadow:0 0 0 2px var(--co-risk-o-ss) !important;
+  color:var(--co-risk-text);
+}
 [ui-form~="@d"][ui-form~="type:input"][ui-form~=preview],[ui-form~="@d"][ui-form~="type:input"][ui-form~=preview]:focus-within,[ui-form~="@d"][ui-form~="type:input"][ui-form~=preview]:hover{
   background-color:transparent !important;
   border-color:transparent !important;
@@ -25056,6 +25410,51 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-form~="@d"][ui-form~="type:textarea"] textarea{
   width:100%;
 }
+[ui-form~="@d"][ui-form~="type:textarea"][ui-form~=disabled]{
+  cursor:not-allowed;
+  opacity:.5;
+}
+[ui-form~="@d"][ui-form~="type:textarea"][ui-form~=disabled] textarea{
+  cursor:not-allowed;
+}
+[ui-form~="@d"][ui-form~="type:textarea"][ui-form~=readonly],[ui-form~="@d"][ui-form~="type:textarea"][ui-form~=readonly] textarea{
+  cursor:text;
+}
+[ui-form~="@d"][ui-form~="type:textarea"][ui-form~=":block"]{
+  display:flex;
+  flex-grow:1;
+  flex-shrink:1;
+  width:100%;
+}
+[ui-form~="@d"][ui-form~="type:textarea"][ui-form~=preview],[ui-form~="@d"][ui-form~="type:textarea"][ui-form~=preview]:focus-within,[ui-form~="@d"][ui-form~="type:textarea"][ui-form~=preview]:hover{
+  background-color:transparent !important;
+  border-color:transparent !important;
+  box-shadow:none !important;
+  cursor:default;
+}
+[ui-form~="@d"][ui-form~="type:textarea"][ui-form~=preview] textarea{
+  cursor:default;
+}
+[ui-form~="@d"][ui-form~="type:textarea"][ui-form~="sz:xs"] textarea{
+  height:1.5em;
+  min-height:1.5em;
+}
+[ui-form~="@d"][ui-form~="type:textarea"][ui-form~="sz:s"] textarea{
+  height:2em;
+  min-height:2em;
+}
+[ui-form~="@d"][ui-form~="type:textarea"][ui-form~="sz:m"] textarea{
+  height:2.5em;
+  min-height:2.5em;
+}
+[ui-form~="@d"][ui-form~="type:textarea"][ui-form~="sz:l"] textarea{
+  height:3em;
+  min-height:3em;
+}
+[ui-form~="@d"][ui-form~="type:textarea"][ui-form~="sz:xl"] textarea{
+  height:3.5em;
+  min-height:3.5em;
+}
 @keyframes am-radio-a{
   0%{
     transform:scale3d(0, 0, 1);
@@ -25135,6 +25534,9 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   position:relative;
   top:.15em;
 }
+[ui-form~="@d"][ui-form~="type:checkbox"][ui-form~=":block"]{
+  display:flex;
+}
 [ui-form~="@d"][ui-form~="type:checkbox"] [type=checkbox]{
   appearance:none;
   background:transparent;