daisyui 1.16.6 → 1.20.0

package/dist/full.css

@@ -714,8 +714,8 @@
   --af:0 0% 72.2%;
   --ac:0 0% 0%;
   --b1:0 0% 100%;
-  --b2:0 0% 100%;
-  --b3:0 0% 100%;
+  --b2:0 0% 93.3%;
+  --b3:0 0% 86.7%;
   --bc:0 0% 0%;
   --n:0 0% 92.2%;
   --nf:0 0% 92.2%;
@@ -2414,32 +2414,17 @@ html{
   grid-auto-flow:column;
 }
 
-.steps .step{
+.steps [class~=step]{
   display:grid;
   place-items:center;
   text-align:center;
   grid-template-columns:repeat(1, minmax(0, 1fr));
+  grid-template-columns:auto;
   grid-template-rows:repeat(2, minmax(0, 1fr));
   grid-template-rows:40px 1fr;
   min-width:4rem;
 }
 
-.steps-vertical{
-  grid-auto-rows:1fr;
-  grid-auto-flow:row;
-}
-
-.steps-vertical .step{
-  display:grid;
-  grid-template-columns:repeat(2, minmax(0, 1fr));
-  grid-template-columns:40px 1fr;
-  grid-template-rows:repeat(1, minmax(0, 1fr));
-  grid-template-rows:auto;
-  gap:.5rem;
-  min-height:4rem;
-  justify-items:start;
-}
-
 .tabs{
   display:flex;
   flex-wrap:wrap;
@@ -3154,6 +3139,12 @@ html{
   border-width:1px;
 }
 
+.card-bordered{
+  --tw-border-opacity:1;
+  border-color:hsla(var(--b2) / var(--tw-border-opacity, 1));
+  border-width:1px;
+}
+
 .card.compact .card-body{
   font-size:.875rem;
   line-height:1.25rem;
@@ -3203,7 +3194,7 @@ html{
   box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--bc));
 }
 
-.checkbox:checked{
+.checkbox:checked,.checkbox[checked=true]{
   --tw-bg-opacity:1;
   background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
   background-repeat:no-repeat;
@@ -3228,7 +3219,7 @@ html{
   box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
 }
 
-.checkbox-primary:checked{
+.checkbox-primary:checked,.checkbox-primary[checked=true]{
   --tw-bg-opacity:1;
   background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
   --tw-border-opacity:1;
@@ -3253,7 +3244,7 @@ html{
   box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
 }
 
-.checkbox-secondary:checked{
+.checkbox-secondary:checked,.checkbox-secondary[checked=true]{
   --tw-bg-opacity:1;
   background-color:hsla(var(--s) / var(--tw-bg-opacity, 1));
   --tw-border-opacity:1;
@@ -3278,7 +3269,7 @@ html{
   box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
 }
 
-.checkbox-accent:checked{
+.checkbox-accent:checked,.checkbox-accent[checked=true]{
   --tw-bg-opacity:1;
   background-color:hsla(var(--a) / var(--tw-bg-opacity, 1));
   --tw-border-opacity:1;
@@ -3748,25 +3739,25 @@ html{
   border-radius:var(--rounded-btn, .5rem);
 }
 
-.menu li>a,.menu li>span{
+.menu li>:where(a),.menu li>:where(span){
   padding:.75rem 1.25rem;
   color:currentColor;
 }
 
-.menu li>a:focus,.menu li>a:hover{
+.menu li>:where(a:focus),.menu li>:where(a:hover){
   --tw-bg-opacity:1;
   --tw-bg-opacity:0.1;
   background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
 }
 
-.menu li>a.active{
+.menu li>:where(a.active){
   --tw-bg-opacity:1;
   background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
   --tw-text-opacity:1;
   color:hsla(var(--pc) / var(--tw-text-opacity, 1));
 }
 
-.menu li>a:active{
+.menu li>:where(a:active){
   --tw-bg-opacity:1;
   background-color:hsla(var(--pf) / var(--tw-bg-opacity, 1));
   --tw-text-opacity:1;
@@ -4334,7 +4325,7 @@ html{
   border-top-width:1px;
 }
 
-.steps .step:before{
+.steps [class~=step]:before{
   --tw-bg-opacity:1;
   background-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
   height:.5rem;
@@ -4344,18 +4335,25 @@ html{
   width:100%;
   grid-column-start:1;
   grid-row-start:1;
+  --tw-translate-x:0;
+  --tw-translate-y:0;
+  --tw-rotate:0;
+  --tw-skew-x:0;
+  --tw-skew-y:0;
+  --tw-scale-x:1;
+  --tw-scale-y:1;
+  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   content:"";
   margin-left:-100%;
 }
 
-.steps .step:after{
+.steps [class~=step]:after{
   content:counter(step);
   counter-increment:step;
   z-index:1;
   --tw-bg-opacity:1;
   background-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
   border-radius:9999px;
-  display:block;
   display:grid;
   place-items:center;
   place-self:center;
@@ -4368,11 +4366,11 @@ html{
   grid-row-start:1;
 }
 
-.steps .step:first-child:before{
+.steps [class~=step]:first-child:before{
   content:none;
 }
 
-.steps .step[data-content]:after{
+.steps [class~=step][data-content]:after{
   content:attr(data-content);
 }
 
@@ -4452,23 +4450,6 @@ html{
   color:hsla(var(--b1) / var(--tw-text-opacity, 1));
 }
 
-.steps-vertical .step:before{
-  height:100%;
-  top:0;
-  width:.5rem;
-  --tw-translate-x:0;
-  --tw-translate-x:-50%;
-  --tw-translate-y:0;
-  --tw-translate-y:-50%;
-  --tw-rotate:0;
-  --tw-skew-x:0;
-  --tw-skew-y:0;
-  --tw-scale-x:1;
-  --tw-scale-y:1;
-  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  margin-left:50%;
-}
-
 .tab:hover{
   --tw-text-opacity:1;
 }
@@ -4593,7 +4574,7 @@ html{
   color:hsla(var(--pc) / var(--tw-text-opacity, 1));
 }
 
-.table td,.table th{
+.table :where(th,td){
   padding:1rem;
   vertical-align:middle;
   white-space:nowrap;
@@ -4609,13 +4590,13 @@ html{
   background-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
 }
 
-.table:not(.table-zebra) tbody tr:not(:last-child) td,.table:not(.table-zebra) tbody tr:not(:last-child) th,.table:not(.table-zebra) tfoot tr:not(:last-child) td,.table:not(.table-zebra) tfoot tr:not(:last-child) th,.table:not(.table-zebra) thead tr:not(:last-child) td,.table:not(.table-zebra) thead tr:not(:last-child) th{
+.table:where(:not(.table-zebra)) :where(thead,tbody,tfoot) :where(tr:not(:last-child) :where(th,td)){
   --tw-border-opacity:1;
   border-color:hsla(var(--b2) / var(--tw-border-opacity, 1));
   border-bottom-width:1px;
 }
 
-.table tfoot td,.table tfoot th,.table thead td,.table thead th{
+.table :where(thead,tfoot) :where(th,td){
   --tw-bg-opacity:1;
   background-color:hsla(var(--b2) / var(--tw-bg-opacity, 1));
   font-weight:700;
@@ -4624,17 +4605,17 @@ html{
   text-transform:uppercase;
 }
 
-.table tfoot td:first-child,.table tfoot th:first-child,.table thead td:first-child,.table thead th:first-child{
+.table :where(thead,tfoot) :where(th,td):first-child{
   border-top-left-radius:.5rem;
   border-bottom-left-radius:.5rem;
 }
 
-.table tfoot td:last-child,.table tfoot th:last-child,.table thead td:last-child,.table thead th:last-child{
+.table :where(thead,tfoot) :where(th,td):last-child{
   border-top-right-radius:.5rem;
   border-bottom-right-radius:.5rem;
 }
 
-.table tbody td,.table tbody th{
+.table :where(tbody th,tbody td){
   --tw-bg-opacity:1;
   background-color:hsla(var(--b1) / var(--tw-bg-opacity, 1));
 }
@@ -4793,14 +4774,14 @@ html{
   --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--bc));
 }
 
-.toggle:checked{
+.toggle:checked,.toggle[checked=true]{
   --chkbg:hsl(var(--bc));
   --tw-bg-opacity:1;
   --tw-border-opacity:1;
   box-shadow:var(--handleoffset) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
 }
 
-[dir=rtl] .toggle:checked{
+[dir=rtl] .toggle:checked,[dir=rtl] .toggle[checked=true]{
   box-shadow:calc(var(--handleoffset)*1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
 }
 
@@ -4808,7 +4789,7 @@ html{
   --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
 }
 
-.toggle-primary:checked{
+.toggle-primary:checked,.toggle-primary[checked=true]{
   --chkbg:hsl(var(--p));
   --tw-bg-opacity:1;
   background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
@@ -4823,7 +4804,7 @@ html{
   --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
 }
 
-.toggle-secondary:checked{
+.toggle-secondary:checked,.toggle-secondary[checked=true]{
   --chkbg:hsl(var(--s));
   --tw-bg-opacity:1;
   background-color:hsla(var(--s) / var(--tw-bg-opacity, 1));
@@ -4838,7 +4819,7 @@ html{
   --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
 }
 
-.toggle-accent:checked{
+.toggle-accent:checked,.toggle-accent[checked=true]{
   --chkbg:hsl(var(--a));
   --tw-bg-opacity:1;
   background-color:hsla(var(--a) / var(--tw-bg-opacity, 1));
@@ -4965,20 +4946,21 @@ html{
   color:inherit;
 }
 
-.prose .lead,.prose a,.prose a code,.prose blockquote,.prose figure figcaption,.prose h1,.prose h2,.prose h3,.prose h4,.prose strong,.prose thead{
-  color:inherit;
-}
-
-.prose .lead:hover,.prose a:hover,.prose a code:hover,.prose blockquote:hover,.prose figure figcaption:hover,.prose h1:hover,.prose h2:hover,.prose h3:hover,.prose h4:hover,.prose strong:hover,.prose thead:hover{
+.prose :where(a,blockquote,figure figcaption,a code,thead,strong,.lead,h1,h2,h3,h4):not(:where([class~=not-prose] *)){
   color:inherit;
 }
 
-.prose code{
-  background:hsla(var(--bc) / .2);
+.prose :where(code):not(:where([class~=not-prose] *)){
+  background:hsla(var(--bc) / .1);
   color:hsl(var(--bc));
+  padding:2px 8px;
   border-radius:var(--rounded-badge);
 }
 
+.prose code:after,.prose code:before{
+  content:none;
+}
+
 .prose pre{
   background:hsl(var(--n));
   color:hsl(var(--nc));
@@ -4988,14 +4970,7 @@ html{
 .prose pre code{
   border-radius:none;
   background:inherit;
-  color:inherit;
-}
-
-.prose code:after,.prose code:before{
-  content:none;
-}
-
-.prose ol>li:before,.prose ol>li:hover:before{
+  padding:0;
   color:inherit;
 }
 
@@ -5003,16 +4978,16 @@ html{
   border-left-color:hsl(var(--bc) / 40%);
 }
 
-.prose ul>li:before{
-  background-color:hsl(var(--bc) / 40%);
+.prose :where(ul>li,ol>li):not(:where([class~=not-prose] *))::marker{
+  color:hsl(var(--bc) / 40%);
 }
 
-.prose thead{
-  border-bottom-color:hsl(var(--bc) / 40%);
+.prose :where(thead th,tbody td):not(:where([class~=not-prose] *)){
+  color:inherit;
 }
 
-.prose tbody tr{
-  border-bottom-color:hsl(var(--bc) / 40%);
+.prose :where(tbody tr,thead):not(:where([class~=not-prose] *)){
+  border-bottom-color:hsl(var(--bc) / 20%);
 }
 
 @keyframes spin{
@@ -9155,52 +9130,52 @@ html{
   width:100%;
 }
 
-.btn-square.btn-xs{
+.btn-square:where(.btn-xs){
   height:1.5rem;
   padding:0;
   width:1.5rem;
 }
 
-.btn-square.btn-sm{
+.btn-square:where(.btn-sm){
   height:2rem;
   padding:0;
   width:2rem;
 }
 
-.btn-square.btn-md{
+.btn-square:where(.btn-md){
   height:3rem;
   padding:0;
   width:3rem;
 }
 
-.btn-square.btn-lg{
+.btn-square:where(.btn-lg){
   height:4rem;
   padding:0;
   width:4rem;
 }
 
-.btn-circle.btn-xs{
+.btn-circle:where(.btn-xs){
   border-radius:9999px;
   height:1.5rem;
   padding:0;
   width:1.5rem;
 }
 
-.btn-circle.btn-sm{
+.btn-circle:where(.btn-sm){
   border-radius:9999px;
   height:2rem;
   padding:0;
   width:2rem;
 }
 
-.btn-circle.btn-md{
+.btn-circle:where(.btn-md){
   border-radius:9999px;
   height:3rem;
   padding:0;
   width:3rem;
 }
 
-.btn-circle.btn-lg{
+.btn-circle:where(.btn-lg){
   border-radius:9999px;
   height:4rem;
   padding:0;
@@ -9472,6 +9447,33 @@ html{
   min-height:1.5rem;
 }
 
+.steps-horizontal{
+  grid-auto-columns:1fr;
+  display:inline-grid;
+  overflow:hidden;
+  overflow-x:auto;
+  grid-auto-flow:column;
+}
+
+.steps-horizontal [class~=step]{
+  display:grid;
+  place-items:center;
+  text-align:center;
+  grid-template-columns:repeat(1, minmax(0, 1fr));
+  grid-template-rows:repeat(2, minmax(0, 1fr));
+}
+
+.steps-vertical{
+  grid-auto-rows:1fr;
+  grid-auto-flow:row;
+}
+
+.steps-vertical [class~=step]{
+  display:grid;
+  grid-template-columns:repeat(2, minmax(0, 1fr));
+  grid-template-rows:repeat(1, minmax(0, 1fr));
+}
+
 .tab-md{
   height:2rem;
   font-size:.875rem;
@@ -9698,6 +9700,26 @@ html{
   color:hsla(var(--er) / var(--tw-text-opacity, 1));
 }
 
+.card-compact [class~=card-body]{
+  font-size:.875rem;
+  line-height:1.25rem;
+  padding:1rem;
+}
+
+.card-compact [class~=card-title]{
+  margin-bottom:.25rem;
+}
+
+.card-normal [class~=card-body]{
+  padding:var(--padding-card, 2rem);
+  font-size:1rem;
+  line-height:1.5rem;
+}
+
+.card-normal [class~=card-title]{
+  margin-bottom:.75rem;
+}
+
 .divider-vertical{
   height:auto;
   margin:0 1rem;
@@ -9718,6 +9740,37 @@ html{
   margin-top:1rem;
 }
 
+.steps-horizontal [class~=step]{
+  grid-template-rows:40px 1fr;
+  grid-template-columns:auto;
+  min-width:4rem;
+}
+
+.steps-horizontal [class~=step]:before{
+  height:.5rem;
+  width:100%;
+  --tw-translate-x:0px;
+  --tw-translate-y:0px;
+  content:"";
+  margin-left:-100%;
+}
+
+.steps-vertical [class~=step]{
+  gap:.5rem;
+  grid-template-columns:40px 1fr;
+  grid-template-rows:auto;
+  min-height:4rem;
+  justify-items:start;
+}
+
+.steps-vertical [class~=step]:before{
+  height:100%;
+  width:.5rem;
+  --tw-translate-x:-50%;
+  --tw-translate-y:-50%;
+  margin-left:50%;
+}
+
 @media (min-width:640px){
   .sm\:animate-none{
     -webkit-animation:none;
@@ -13790,52 +13843,52 @@ html{
     width:100%;
   }
 
-  .btn-square.sm\:btn-xs{
+  .sm\:btn-square:where(.btn-xs){
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-square.sm\:btn-sm{
+  .sm\:btn-square:where(.btn-sm){
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-square.sm\:btn-md{
+  .sm\:btn-square:where(.btn-md){
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-square.sm\:btn-lg{
+  .sm\:btn-square:where(.btn-lg){
     height:4rem;
     padding:0;
     width:4rem;
   }
 
-  .btn-circle.sm\:btn-xs{
+  .sm\:btn-circle:where(.btn-xs){
     border-radius:9999px;
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-circle.sm\:btn-sm{
+  .sm\:btn-circle:where(.btn-sm){
     border-radius:9999px;
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-circle.sm\:btn-md{
+  .sm\:btn-circle:where(.btn-md){
     border-radius:9999px;
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-circle.sm\:btn-lg{
+  .sm\:btn-circle:where(.btn-lg){
     border-radius:9999px;
     height:4rem;
     padding:0;
@@ -14107,6 +14160,33 @@ html{
     min-height:1.5rem;
   }
 
+  .sm\:steps-horizontal{
+    grid-auto-columns:1fr;
+    display:inline-grid;
+    overflow:hidden;
+    overflow-x:auto;
+    grid-auto-flow:column;
+  }
+
+  .sm\:steps-horizontal [class~=step]{
+    display:grid;
+    place-items:center;
+    text-align:center;
+    grid-template-columns:repeat(1, minmax(0, 1fr));
+    grid-template-rows:repeat(2, minmax(0, 1fr));
+  }
+
+  .sm\:steps-vertical{
+    grid-auto-rows:1fr;
+    grid-auto-flow:row;
+  }
+
+  .sm\:steps-vertical [class~=step]{
+    display:grid;
+    grid-template-columns:repeat(2, minmax(0, 1fr));
+    grid-template-rows:repeat(1, minmax(0, 1fr));
+  }
+
   .sm\:tab-md{
     height:2rem;
     font-size:.875rem;
@@ -14333,6 +14413,26 @@ html{
     color:hsla(var(--er) / var(--tw-text-opacity, 1));
   }
 
+  .sm\:card-compact [class~=card-body]{
+    font-size:.875rem;
+    line-height:1.25rem;
+    padding:1rem;
+  }
+
+  .sm\:card-compact [class~=card-title]{
+    margin-bottom:.25rem;
+  }
+
+  .sm\:card-normal [class~=card-body]{
+    padding:var(--padding-card, 2rem);
+    font-size:1rem;
+    line-height:1.5rem;
+  }
+
+  .sm\:card-normal [class~=card-title]{
+    margin-bottom:.75rem;
+  }
+
   .sm\:divider-vertical{
     height:auto;
     margin:0 1rem;
@@ -14352,6 +14452,37 @@ html{
     margin-left:0;
     margin-top:1rem;
   }
+
+  .sm\:steps-horizontal [class~=step]{
+    grid-template-rows:40px 1fr;
+    grid-template-columns:auto;
+    min-width:4rem;
+  }
+
+  .sm\:steps-horizontal [class~=step]:before{
+    height:.5rem;
+    width:100%;
+    --tw-translate-x:0px;
+    --tw-translate-y:0px;
+    content:"";
+    margin-left:-100%;
+  }
+
+  .sm\:steps-vertical [class~=step]{
+    gap:.5rem;
+    grid-template-columns:40px 1fr;
+    grid-template-rows:auto;
+    min-height:4rem;
+    justify-items:start;
+  }
+
+  .sm\:steps-vertical [class~=step]:before{
+    height:100%;
+    width:.5rem;
+    --tw-translate-x:-50%;
+    --tw-translate-y:-50%;
+    margin-left:50%;
+  }
 }
 
 @media (min-width:768px){
@@ -18426,52 +18557,52 @@ html{
     width:100%;
   }
 
-  .btn-square.md\:btn-xs{
+  .md\:btn-square:where(.btn-xs){
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-square.md\:btn-sm{
+  .md\:btn-square:where(.btn-sm){
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-square.md\:btn-md{
+  .md\:btn-square:where(.btn-md){
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-square.md\:btn-lg{
+  .md\:btn-square:where(.btn-lg){
     height:4rem;
     padding:0;
     width:4rem;
   }
 
-  .btn-circle.md\:btn-xs{
+  .md\:btn-circle:where(.btn-xs){
     border-radius:9999px;
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-circle.md\:btn-sm{
+  .md\:btn-circle:where(.btn-sm){
     border-radius:9999px;
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-circle.md\:btn-md{
+  .md\:btn-circle:where(.btn-md){
     border-radius:9999px;
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-circle.md\:btn-lg{
+  .md\:btn-circle:where(.btn-lg){
     border-radius:9999px;
     height:4rem;
     padding:0;
@@ -18743,6 +18874,33 @@ html{
     min-height:1.5rem;
   }
 
+  .md\:steps-horizontal{
+    grid-auto-columns:1fr;
+    display:inline-grid;
+    overflow:hidden;
+    overflow-x:auto;
+    grid-auto-flow:column;
+  }
+
+  .md\:steps-horizontal [class~=step]{
+    display:grid;
+    place-items:center;
+    text-align:center;
+    grid-template-columns:repeat(1, minmax(0, 1fr));
+    grid-template-rows:repeat(2, minmax(0, 1fr));
+  }
+
+  .md\:steps-vertical{
+    grid-auto-rows:1fr;
+    grid-auto-flow:row;
+  }
+
+  .md\:steps-vertical [class~=step]{
+    display:grid;
+    grid-template-columns:repeat(2, minmax(0, 1fr));
+    grid-template-rows:repeat(1, minmax(0, 1fr));
+  }
+
   .md\:tab-md{
     height:2rem;
     font-size:.875rem;
@@ -18969,6 +19127,26 @@ html{
     color:hsla(var(--er) / var(--tw-text-opacity, 1));
   }
 
+  .md\:card-compact [class~=card-body]{
+    font-size:.875rem;
+    line-height:1.25rem;
+    padding:1rem;
+  }
+
+  .md\:card-compact [class~=card-title]{
+    margin-bottom:.25rem;
+  }
+
+  .md\:card-normal [class~=card-body]{
+    padding:var(--padding-card, 2rem);
+    font-size:1rem;
+    line-height:1.5rem;
+  }
+
+  .md\:card-normal [class~=card-title]{
+    margin-bottom:.75rem;
+  }
+
   .md\:divider-vertical{
     height:auto;
     margin:0 1rem;
@@ -18988,6 +19166,37 @@ html{
     margin-left:0;
     margin-top:1rem;
   }
+
+  .md\:steps-horizontal [class~=step]{
+    grid-template-rows:40px 1fr;
+    grid-template-columns:auto;
+    min-width:4rem;
+  }
+
+  .md\:steps-horizontal [class~=step]:before{
+    height:.5rem;
+    width:100%;
+    --tw-translate-x:0px;
+    --tw-translate-y:0px;
+    content:"";
+    margin-left:-100%;
+  }
+
+  .md\:steps-vertical [class~=step]{
+    gap:.5rem;
+    grid-template-columns:40px 1fr;
+    grid-template-rows:auto;
+    min-height:4rem;
+    justify-items:start;
+  }
+
+  .md\:steps-vertical [class~=step]:before{
+    height:100%;
+    width:.5rem;
+    --tw-translate-x:-50%;
+    --tw-translate-y:-50%;
+    margin-left:50%;
+  }
 }
 
 @media (min-width:1024px){
@@ -23062,52 +23271,52 @@ html{
     width:100%;
   }
 
-  .btn-square.lg\:btn-xs{
+  .lg\:btn-square:where(.btn-xs){
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-square.lg\:btn-sm{
+  .lg\:btn-square:where(.btn-sm){
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-square.lg\:btn-md{
+  .lg\:btn-square:where(.btn-md){
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-square.lg\:btn-lg{
+  .lg\:btn-square:where(.btn-lg){
     height:4rem;
     padding:0;
     width:4rem;
   }
 
-  .btn-circle.lg\:btn-xs{
+  .lg\:btn-circle:where(.btn-xs){
     border-radius:9999px;
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-circle.lg\:btn-sm{
+  .lg\:btn-circle:where(.btn-sm){
     border-radius:9999px;
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-circle.lg\:btn-md{
+  .lg\:btn-circle:where(.btn-md){
     border-radius:9999px;
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-circle.lg\:btn-lg{
+  .lg\:btn-circle:where(.btn-lg){
     border-radius:9999px;
     height:4rem;
     padding:0;
@@ -23379,6 +23588,33 @@ html{
     min-height:1.5rem;
   }
 
+  .lg\:steps-horizontal{
+    grid-auto-columns:1fr;
+    display:inline-grid;
+    overflow:hidden;
+    overflow-x:auto;
+    grid-auto-flow:column;
+  }
+
+  .lg\:steps-horizontal [class~=step]{
+    display:grid;
+    place-items:center;
+    text-align:center;
+    grid-template-columns:repeat(1, minmax(0, 1fr));
+    grid-template-rows:repeat(2, minmax(0, 1fr));
+  }
+
+  .lg\:steps-vertical{
+    grid-auto-rows:1fr;
+    grid-auto-flow:row;
+  }
+
+  .lg\:steps-vertical [class~=step]{
+    display:grid;
+    grid-template-columns:repeat(2, minmax(0, 1fr));
+    grid-template-rows:repeat(1, minmax(0, 1fr));
+  }
+
   .lg\:tab-md{
     height:2rem;
     font-size:.875rem;
@@ -23605,6 +23841,26 @@ html{
     color:hsla(var(--er) / var(--tw-text-opacity, 1));
   }
 
+  .lg\:card-compact [class~=card-body]{
+    font-size:.875rem;
+    line-height:1.25rem;
+    padding:1rem;
+  }
+
+  .lg\:card-compact [class~=card-title]{
+    margin-bottom:.25rem;
+  }
+
+  .lg\:card-normal [class~=card-body]{
+    padding:var(--padding-card, 2rem);
+    font-size:1rem;
+    line-height:1.5rem;
+  }
+
+  .lg\:card-normal [class~=card-title]{
+    margin-bottom:.75rem;
+  }
+
   .lg\:divider-vertical{
     height:auto;
     margin:0 1rem;
@@ -23624,6 +23880,37 @@ html{
     margin-left:0;
     margin-top:1rem;
   }
+
+  .lg\:steps-horizontal [class~=step]{
+    grid-template-rows:40px 1fr;
+    grid-template-columns:auto;
+    min-width:4rem;
+  }
+
+  .lg\:steps-horizontal [class~=step]:before{
+    height:.5rem;
+    width:100%;
+    --tw-translate-x:0px;
+    --tw-translate-y:0px;
+    content:"";
+    margin-left:-100%;
+  }
+
+  .lg\:steps-vertical [class~=step]{
+    gap:.5rem;
+    grid-template-columns:40px 1fr;
+    grid-template-rows:auto;
+    min-height:4rem;
+    justify-items:start;
+  }
+
+  .lg\:steps-vertical [class~=step]:before{
+    height:100%;
+    width:.5rem;
+    --tw-translate-x:-50%;
+    --tw-translate-y:-50%;
+    margin-left:50%;
+  }
 }
 
 @media (min-width:1280px){
@@ -27698,52 +27985,52 @@ html{
     width:100%;
   }
 
-  .btn-square.xl\:btn-xs{
+  .xl\:btn-square:where(.btn-xs){
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-square.xl\:btn-sm{
+  .xl\:btn-square:where(.btn-sm){
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-square.xl\:btn-md{
+  .xl\:btn-square:where(.btn-md){
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-square.xl\:btn-lg{
+  .xl\:btn-square:where(.btn-lg){
     height:4rem;
     padding:0;
     width:4rem;
   }
 
-  .btn-circle.xl\:btn-xs{
+  .xl\:btn-circle:where(.btn-xs){
     border-radius:9999px;
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-circle.xl\:btn-sm{
+  .xl\:btn-circle:where(.btn-sm){
     border-radius:9999px;
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-circle.xl\:btn-md{
+  .xl\:btn-circle:where(.btn-md){
     border-radius:9999px;
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-circle.xl\:btn-lg{
+  .xl\:btn-circle:where(.btn-lg){
     border-radius:9999px;
     height:4rem;
     padding:0;
@@ -28015,6 +28302,33 @@ html{
     min-height:1.5rem;
   }
 
+  .xl\:steps-horizontal{
+    grid-auto-columns:1fr;
+    display:inline-grid;
+    overflow:hidden;
+    overflow-x:auto;
+    grid-auto-flow:column;
+  }
+
+  .xl\:steps-horizontal [class~=step]{
+    display:grid;
+    place-items:center;
+    text-align:center;
+    grid-template-columns:repeat(1, minmax(0, 1fr));
+    grid-template-rows:repeat(2, minmax(0, 1fr));
+  }
+
+  .xl\:steps-vertical{
+    grid-auto-rows:1fr;
+    grid-auto-flow:row;
+  }
+
+  .xl\:steps-vertical [class~=step]{
+    display:grid;
+    grid-template-columns:repeat(2, minmax(0, 1fr));
+    grid-template-rows:repeat(1, minmax(0, 1fr));
+  }
+
   .xl\:tab-md{
     height:2rem;
     font-size:.875rem;
@@ -28241,6 +28555,26 @@ html{
     color:hsla(var(--er) / var(--tw-text-opacity, 1));
   }
 
+  .xl\:card-compact [class~=card-body]{
+    font-size:.875rem;
+    line-height:1.25rem;
+    padding:1rem;
+  }
+
+  .xl\:card-compact [class~=card-title]{
+    margin-bottom:.25rem;
+  }
+
+  .xl\:card-normal [class~=card-body]{
+    padding:var(--padding-card, 2rem);
+    font-size:1rem;
+    line-height:1.5rem;
+  }
+
+  .xl\:card-normal [class~=card-title]{
+    margin-bottom:.75rem;
+  }
+
   .xl\:divider-vertical{
     height:auto;
     margin:0 1rem;
@@ -28260,6 +28594,37 @@ html{
     margin-left:0;
     margin-top:1rem;
   }
+
+  .xl\:steps-horizontal [class~=step]{
+    grid-template-rows:40px 1fr;
+    grid-template-columns:auto;
+    min-width:4rem;
+  }
+
+  .xl\:steps-horizontal [class~=step]:before{
+    height:.5rem;
+    width:100%;
+    --tw-translate-x:0px;
+    --tw-translate-y:0px;
+    content:"";
+    margin-left:-100%;
+  }
+
+  .xl\:steps-vertical [class~=step]{
+    gap:.5rem;
+    grid-template-columns:40px 1fr;
+    grid-template-rows:auto;
+    min-height:4rem;
+    justify-items:start;
+  }
+
+  .xl\:steps-vertical [class~=step]:before{
+    height:100%;
+    width:.5rem;
+    --tw-translate-x:-50%;
+    --tw-translate-y:-50%;
+    margin-left:50%;
+  }
 }
 
 @media (min-width:1536px){
@@ -32334,52 +32699,52 @@ html{
     width:100%;
   }
 
-  .btn-square.\32xl\:btn-xs{
+  .\32xl\:btn-square:where(.btn-xs){
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-square.\32xl\:btn-sm{
+  .\32xl\:btn-square:where(.btn-sm){
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-square.\32xl\:btn-md{
+  .\32xl\:btn-square:where(.btn-md){
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-square.\32xl\:btn-lg{
+  .\32xl\:btn-square:where(.btn-lg){
     height:4rem;
     padding:0;
     width:4rem;
   }
 
-  .btn-circle.\32xl\:btn-xs{
+  .\32xl\:btn-circle:where(.btn-xs){
     border-radius:9999px;
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-circle.\32xl\:btn-sm{
+  .\32xl\:btn-circle:where(.btn-sm){
     border-radius:9999px;
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-circle.\32xl\:btn-md{
+  .\32xl\:btn-circle:where(.btn-md){
     border-radius:9999px;
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-circle.\32xl\:btn-lg{
+  .\32xl\:btn-circle:where(.btn-lg){
     border-radius:9999px;
     height:4rem;
     padding:0;
@@ -32651,6 +33016,33 @@ html{
     min-height:1.5rem;
   }
 
+  .\32xl\:steps-horizontal{
+    grid-auto-columns:1fr;
+    display:inline-grid;
+    overflow:hidden;
+    overflow-x:auto;
+    grid-auto-flow:column;
+  }
+
+  .\32xl\:steps-horizontal [class~=step]{
+    display:grid;
+    place-items:center;
+    text-align:center;
+    grid-template-columns:repeat(1, minmax(0, 1fr));
+    grid-template-rows:repeat(2, minmax(0, 1fr));
+  }
+
+  .\32xl\:steps-vertical{
+    grid-auto-rows:1fr;
+    grid-auto-flow:row;
+  }
+
+  .\32xl\:steps-vertical [class~=step]{
+    display:grid;
+    grid-template-columns:repeat(2, minmax(0, 1fr));
+    grid-template-rows:repeat(1, minmax(0, 1fr));
+  }
+
   .\32xl\:tab-md{
     height:2rem;
     font-size:.875rem;
@@ -32877,6 +33269,26 @@ html{
     color:hsla(var(--er) / var(--tw-text-opacity, 1));
   }
 
+  .\32xl\:card-compact [class~=card-body]{
+    font-size:.875rem;
+    line-height:1.25rem;
+    padding:1rem;
+  }
+
+  .\32xl\:card-compact [class~=card-title]{
+    margin-bottom:.25rem;
+  }
+
+  .\32xl\:card-normal [class~=card-body]{
+    padding:var(--padding-card, 2rem);
+    font-size:1rem;
+    line-height:1.5rem;
+  }
+
+  .\32xl\:card-normal [class~=card-title]{
+    margin-bottom:.75rem;
+  }
+
   .\32xl\:divider-vertical{
     height:auto;
     margin:0 1rem;
@@ -32896,5 +33308,36 @@ html{
     margin-left:0;
     margin-top:1rem;
   }
+
+  .\32xl\:steps-horizontal [class~=step]{
+    grid-template-rows:40px 1fr;
+    grid-template-columns:auto;
+    min-width:4rem;
+  }
+
+  .\32xl\:steps-horizontal [class~=step]:before{
+    height:.5rem;
+    width:100%;
+    --tw-translate-x:0px;
+    --tw-translate-y:0px;
+    content:"";
+    margin-left:-100%;
+  }
+
+  .\32xl\:steps-vertical [class~=step]{
+    gap:.5rem;
+    grid-template-columns:40px 1fr;
+    grid-template-rows:auto;
+    min-height:4rem;
+    justify-items:start;
+  }
+
+  .\32xl\:steps-vertical [class~=step]:before{
+    height:100%;
+    width:.5rem;
+    --tw-translate-x:-50%;
+    --tw-translate-y:-50%;
+    margin-left:50%;
+  }
 }