avo.base.css in avo-3.0.1.beta15

- old
+ new

@@ -6430,10 +6430,22 @@
   .container{
     max-width:1536px
   }
 }
 
+.sr-only{
+  position:absolute;
+  width:1px;
+  height:1px;
+  padding:0;
+  margin:-1px;
+  overflow:hidden;
+  clip:rect(0, 0, 0, 0);
+  white-space:nowrap;
+  border-width:0
+}
+
 .pointer-events-none{
   pointer-events:none
 }
 
 .pointer-events-auto{
@@ -6483,10 +6495,18 @@
 .inset-x-0{
   left:0px;
   right:0px
 }
 
+.-bottom-1{
+  bottom:-0.25rem
+}
+
+.-bottom-1\.5{
+  bottom:-0.375rem
+}
+
 .-top-\[0\.1rem\]{
   top:-0.1rem
 }
 
 .bottom-0{
@@ -6519,14 +6539,22 @@
 
 .left-5{
   left:1.25rem
 }
 
+.left-auto{
+  left:auto
+}
+
 .right-0{
   right:0px
 }
 
+.right-3{
+  right:0.75rem
+}
+
 .start-1{
   inset-inline-start:0.25rem
 }
 
 .top-0{
@@ -6535,10 +6563,14 @@
 
 .top-1\/2{
   top:50%
 }
 
+.top-2{
+  top:0.5rem
+}
+
 .top-3{
   top:0.75rem
 }
 
 .top-5{
@@ -6547,10 +6579,14 @@
 
 .top-\[-1px\]{
   top:-1px
 }
 
+.top-auto{
+  top:auto
+}
+
 .top-full{
   top:100%
 }
 
 .z-10{
@@ -6595,18 +6631,56 @@
 
 .col-span-4{
   grid-column:span 4 / span 4
 }
 
+.col-span-full{
+  grid-column:1 / -1
+}
+
+.row-span-1{
+  grid-row:span 1 / span 1
+}
+
+.row-span-2{
+  grid-row:span 2 / span 2
+}
+
+.row-span-3{
+  grid-row:span 3 / span 3
+}
+
+.row-span-4{
+  grid-row:span 4 / span 4
+}
+
+.row-span-5{
+  grid-row:span 5 / span 5
+}
+
+.row-span-6{
+  grid-row:span 6 / span 6
+}
+
 .float-right{
   float:right
 }
 
 .m-0{
   margin:0px
 }
 
+.-mx-1{
+  margin-left:-0.25rem;
+  margin-right:-0.25rem
+}
+
+.-mx-1\.5{
+  margin-left:-0.375rem;
+  margin-right:-0.375rem
+}
+
 .-mx-2{
   margin-left:-0.5rem;
   margin-right:-0.5rem
 }
 
@@ -6674,10 +6748,14 @@
 
 .-mt-12{
   margin-top:-3rem
 }
 
+.-mt-2{
+  margin-top:-0.5rem
+}
+
 .-mt-9{
   margin-top:-2.25rem
 }
 
 .mb-0{
@@ -6706,10 +6784,14 @@
 
 .ml-1\/12{
   margin-left:8.333333%
 }
 
+.ml-1\/2{
+  margin-left:50%
+}
+
 .ml-10{
   margin-left:2.5rem
 }
 
 .ml-2{
@@ -6722,10 +6804,14 @@
 
 .ml-4{
   margin-left:1rem
 }
 
+.ml-6{
+  margin-left:1.5rem
+}
+
 .ml-auto{
   margin-left:auto
 }
 
 .ml-px{
@@ -6750,10 +6836,14 @@
 
 .mr-4{
   margin-right:1rem
 }
 
+.mr-px{
+  margin-right:1px
+}
+
 .mt-0{
   margin-top:0px
 }
 
 .mt-0\.5{
@@ -6954,14 +7044,38 @@
 
 .min-h-24{
   min-height:6rem
 }
 
+.min-h-\[16rem\]{
+  min-height:16rem
+}
+
+.min-h-\[24rem\]{
+  min-height:24rem
+}
+
+.min-h-\[32rem\]{
+  min-height:32rem
+}
+
 .min-h-\[3rem\]{
   min-height:3rem
 }
 
+.min-h-\[40rem\]{
+  min-height:40rem
+}
+
+.min-h-\[48rem\]{
+  min-height:48rem
+}
+
+.min-h-\[8rem\]{
+  min-height:8rem
+}
+
 .min-h-full{
   min-height:100%
 }
 
 .min-h-screen{
@@ -7014,10 +7128,14 @@
 
 .w-5{
   width:1.25rem
 }
 
+.w-52{
+  width:13rem
+}
+
 .w-64{
   width:16rem
 }
 
 .w-8{
@@ -7026,10 +7144,14 @@
 
 .w-\[1\%\]{
   width:1%
 }
 
+.w-\[calc\(100\%\+1rem\)\]{
+  width:calc(100% + 1rem)
+}
+
 .w-auto{
   width:auto
 }
 
 .w-full{
@@ -7078,14 +7200,22 @@
 
 .max-w-lg{
   max-width:32rem
 }
 
+.max-w-xs{
+  max-width:20rem
+}
+
 .flex-1{
   flex:1 1 0%
 }
 
+.flex-auto{
+  flex:1 1 auto
+}
+
 .flex-shrink{
   flex-shrink:1
 }
 
 .flex-shrink-0{
@@ -7263,10 +7393,14 @@
 
 .justify-evenly{
   justify-content:space-evenly
 }
 
+.gap-0{
+  gap:0px
+}
+
 .gap-1{
   gap:0.25rem
 }
 
 .gap-2{
@@ -7540,10 +7674,15 @@
 .border-gray-300{
   --tw-border-opacity:1;
   border-color:rgb(172 177 185 / var(--tw-border-opacity))
 }
 
+.border-gray-50{
+  --tw-border-opacity:1;
+  border-color:rgb(241 242 243 / var(--tw-border-opacity))
+}
+
 .border-gray-500{
   --tw-border-opacity:1;
   border-color:rgb(117 125 138 / var(--tw-border-opacity))
 }
 
@@ -7891,28 +8030,41 @@
 
 .p-2{
   padding:0.5rem
 }
 
+.p-3{
+  padding:0.75rem
+}
+
 .p-4{
   padding:1rem
 }
 
 .p-6{
   padding:1.5rem
 }
 
+.p-px{
+  padding:1px
+}
+
 .px-0{
   padding-left:0px;
   padding-right:0px
 }
 
 .px-1{
   padding-left:0.25rem;
   padding-right:0.25rem
 }
 
+.px-1\.5{
+  padding-left:0.375rem;
+  padding-right:0.375rem
+}
+
 .px-10{
   padding-left:2.5rem;
   padding-right:2.5rem
 }
 
@@ -7944,10 +8096,15 @@
 .py-0{
   padding-top:0px;
   padding-bottom:0px
 }
 
+.py-0\.5{
+  padding-top:0.125rem;
+  padding-bottom:0.125rem
+}
+
 .py-1{
   padding-top:0.25rem;
   padding-bottom:0.25rem
 }
 
@@ -8017,10 +8174,14 @@
 
 .pb-6{
   padding-bottom:1.5rem
 }
 
+.pl-1{
+  padding-left:0.25rem
+}
+
 .pr-0{
   padding-right:0px
 }
 
 .pr-2{
@@ -8077,15 +8238,29 @@
 
 .text-justify{
   text-align:justify
 }
 
+.font-sans{
+  font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",  "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
+}
+
 .text-2xl{
   font-size:1.5rem;
   line-height:2rem
 }
 
+.text-3xl{
+  font-size:1.875rem;
+  line-height:2.25rem
+}
+
+.text-5xl{
+  font-size:3rem;
+  line-height:1
+}
+
 .text-base{
   font-size:1rem;
   line-height:1.5rem
 }
 
@@ -8115,10 +8290,14 @@
 
 .font-medium{
   font-weight:500
 }
 
+.font-normal{
+  font-weight:400
+}
+
 .font-semibold{
   font-weight:600
 }
 
 .uppercase{
@@ -8279,10 +8458,14 @@
 .text-pink-500{
   --tw-text-opacity:1;
   color:rgb(236 72 153 / var(--tw-text-opacity))
 }
 
+.text-primary-400{
+  color:rgb(var(--color-primary-400))
+}
+
 .text-primary-500{
   color:rgb(var(--color-primary-500))
 }
 
 .text-purple-500{
@@ -8370,10 +8553,14 @@
 
 .line-through{
   text-decoration-line:line-through
 }
 
+.no-underline{
+  text-decoration-line:none
+}
+
 .antialiased{
   -webkit-font-smoothing:antialiased;
   -moz-osx-font-smoothing:grayscale
 }
 
@@ -8484,10 +8671,16 @@
   transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
   transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration:150ms
 }
 
+.transition-all{
+  transition-property:all;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms
+}
+
 .transition-opacity{
   transition-property:opacity;
   transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration:150ms
 }
@@ -8655,10 +8848,14 @@
 
 .checked\:bg-primary-400:checked{
   background-color:rgb(var(--color-primary-400))
 }
 
+.focus-within\:border-primary-500:focus-within{
+  border-color:rgb(var(--color-primary-500))
+}
+
 .hover\:z-\[21\]:hover{
   z-index:21
 }
 
 .hover\:border-amber-600:hover{
@@ -8828,10 +9025,15 @@
 .hover\:bg-gray-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 
+.hover\:bg-gray-25:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
+}
+
 .hover\:bg-gray-50:hover{
   --tw-bg-opacity:1;
   background-color:rgb(241 242 243 / var(--tw-bg-opacity))
 }
 
@@ -9020,10 +9222,20 @@
 .hover\:text-gray-600:hover{
   --tw-text-opacity:1;
   color:rgb(94 100 110 / var(--tw-text-opacity))
 }
 
+.hover\:text-gray-700:hover{
+  --tw-text-opacity:1;
+  color:rgb(70 75 83 / var(--tw-text-opacity))
+}
+
+.hover\:text-gray-900:hover{
+  --tw-text-opacity:1;
+  color:rgb(23 25 28 / var(--tw-text-opacity))
+}
+
 .hover\:text-white:hover{
   --tw-text-opacity:1;
   color:rgb(255 255 255 / var(--tw-text-opacity))
 }
 
@@ -9794,14 +10006,27 @@
 
 .group:hover .group-hover\:block{
   display:block
 }
 
+.group:hover .group-hover\:bg-gray-200{
+  --tw-bg-opacity:1;
+  background-color:rgb(200 203 208 / var(--tw-bg-opacity))
+}
+
+.group:hover .group-hover\:bg-primary-500{
+  background-color:rgb(var(--color-primary-500))
+}
+
 .group:hover .group-hover\:pt-4{
   padding-top:1rem
 }
 
+.group:active .group-active\:bg-primary-400{
+  background-color:rgb(var(--color-primary-400))
+}
+
 @media print{
   .print\:hidden{
     display:none
   }
 }
@@ -9837,10 +10062,30 @@
 
   .sm\:right-0{
     right:0px
   }
 
+  .sm\:col-span-1{
+    grid-column:span 1 / span 1
+  }
+
+  .sm\:col-span-2{
+    grid-column:span 2 / span 2
+  }
+
+  .sm\:col-span-3{
+    grid-column:span 3 / span 3
+  }
+
+  .sm\:col-span-4{
+    grid-column:span 4 / span 4
+  }
+
+  .sm\:col-span-5{
+    grid-column:span 5 / span 5
+  }
+
   .sm\:col-span-6{
     grid-column:span 6 / span 6
   }
 
   .sm\:block{
@@ -9869,10 +10114,14 @@
 
   .sm\:w-auto{
     width:auto
   }
 
+  .sm\:min-w-\[16rem\]{
+    min-width:16rem
+  }
+
   .sm\:min-w-\[300px\]{
     min-width:300px
   }
 
   .sm\:max-w-168{
@@ -9883,9 +10132,25 @@
     grid-auto-flow:column
   }
 
   .sm\:grid-cols-2{
     grid-template-columns:repeat(2, minmax(0, 1fr))
+  }
+
+  .sm\:grid-cols-3{
+    grid-template-columns:repeat(3, minmax(0, 1fr))
+  }
+
+  .sm\:grid-cols-4{
+    grid-template-columns:repeat(4, minmax(0, 1fr))
+  }
+
+  .sm\:grid-cols-5{
+    grid-template-columns:repeat(5, minmax(0, 1fr))
+  }
+
+  .sm\:grid-cols-6{
+    grid-template-columns:repeat(6, minmax(0, 1fr))
   }
 
   .sm\:flex-row{
     flex-direction:row
   }