elseware-ui 3.0.14 → 3.1.0

package/dist/index.css

@@ -586,6 +586,9 @@ video {
 .mt-10 {
   margin-top: 2.5rem;
 }
+.mt-14 {
+  margin-top: 3.5rem;
+}
 .mt-2 {
   margin-top: .5rem;
 }
@@ -709,6 +712,9 @@ video {
 .h-8 {
   height: 2rem;
 }
+.h-9 {
+  height: 2.25rem;
+}
 .h-96 {
   height: 24rem;
 }
@@ -842,6 +848,9 @@ video {
 .min-h-\[30px\] {
   min-height: 30px;
 }
+.min-h-\[40vh\] {
+  min-height: 40vh;
+}
 .min-h-\[50px\] {
   min-height: 50px;
 }
@@ -932,6 +941,9 @@ video {
 .w-8 {
   width: 2rem;
 }
+.w-9 {
+  width: 2.25rem;
+}
 .w-\[1000px\] {
   width: 1000px;
 }
@@ -1403,6 +1415,9 @@ video {
 .gap-10 {
   gap: 2.5rem;
 }
+.gap-12 {
+  gap: 3rem;
+}
 .gap-2 {
   gap: .5rem;
 }
@@ -1434,6 +1449,10 @@ video {
   -moz-column-gap: 1rem;
   column-gap: 1rem;
 }
+.gap-x-5 {
+  -moz-column-gap: 1.25rem;
+  column-gap: 1.25rem;
+}
 .gap-y-2 {
   row-gap: .5rem;
 }
@@ -1509,6 +1528,9 @@ video {
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
+}
+.truncate,
+.whitespace-nowrap {
   white-space: nowrap;
 }
 .whitespace-pre-wrap {
@@ -1686,6 +1708,9 @@ video {
 .border-eui-dark-500\/10 {
   border-color: rgba(33, 37, 41, .1);
 }
+.border-eui-dark-500\/15 {
+  border-color: rgba(33, 37, 41, .15);
+}
 .border-eui-dark-500\/20 {
   border-color: rgba(33, 37, 41, .2);
 }
@@ -2215,9 +2240,6 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(34 197 94/var(--tw-bg-opacity,1));
 }
-.bg-green-500\/10 {
-  background-color: rgba(34, 197, 94, .1);
-}
 .bg-green-500\/5 {
   background-color: rgba(34, 197, 94, .05);
 }
@@ -2677,6 +2699,10 @@ video {
   padding-bottom: 2.5rem;
   padding-top: 2.5rem;
 }
+.py-16 {
+  padding-bottom: 4rem;
+  padding-top: 4rem;
+}
 .py-2 {
   padding-bottom: .5rem;
   padding-top: .5rem;
@@ -2765,6 +2791,9 @@ video {
 .pt-6 {
   padding-top: 1.5rem;
 }
+.pt-8 {
+  padding-top: 2rem;
+}
 .pt-\[60px\] {
   padding-top: 60px;
 }
@@ -3068,6 +3097,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(52 211 153/var(--tw-text-opacity,1));
 }
+.text-emerald-600 {
+  --tw-text-opacity:1;
+  color: rgb(5 150 105/var(--tw-text-opacity,1));
+}
 .text-eui-danger-300 {
   --tw-text-opacity:1;
   color: rgb(234 72 85/var(--tw-text-opacity,1));
@@ -3103,6 +3136,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(20 22 24/var(--tw-text-opacity,1));
 }
+.text-eui-dark-800 {
+  --tw-text-opacity:1;
+  color: rgb(13 14 16/var(--tw-text-opacity,1));
+}
 .text-eui-dark-900 {
   --tw-text-opacity:1;
   color: rgb(7 7 8/var(--tw-text-opacity,1));
@@ -3878,17 +3915,12 @@ video {
   --tw-rotate:0deg;
 }
 .hover\:rotate-0:hover,
-.hover\:scale-110:hover {
+.hover\:scale-\[1\.02\]:hover {
   transform: translate(var(--tw-translate-x), 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));
 }
-.hover\:scale-110:hover {
-  --tw-scale-x:1.1;
-  --tw-scale-y:1.1;
-}
 .hover\:scale-\[1\.02\]:hover {
   --tw-scale-x:1.02;
   --tw-scale-y:1.02;
-  transform: translate(var(--tw-translate-x), 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));
 }
 .hover\:cursor-pointer:hover {
   cursor: pointer;
@@ -3957,6 +3989,10 @@ video {
 .hover\:bg-black\/80:hover {
   background-color: rgba(0, 0, 0, .8);
 }
+.hover\:bg-emerald-500:hover {
+  --tw-bg-opacity:1;
+  background-color: rgb(16 185 129/var(--tw-bg-opacity,1));
+}
 .hover\:bg-eui-danger-500\/10:hover {
   background-color: rgba(220, 53, 69, .1);
 }
@@ -3981,6 +4017,9 @@ video {
 .hover\:bg-eui-dark-500\/20:hover {
   background-color: rgba(33, 37, 41, .2);
 }
+.hover\:bg-eui-dark-500\/5:hover {
+  background-color: rgba(33, 37, 41, .05);
+}
 .hover\:bg-eui-info-500\/10:hover {
   background-color: rgba(13, 202, 240, .1);
 }
@@ -4203,10 +4242,6 @@ video {
   content: var(--tw-content);
   width: 100%;
 }
-.focus\:border-blue-500:focus {
-  --tw-border-opacity:1;
-  border-color: rgb(59 130 246/var(--tw-border-opacity,1));
-}
 .focus\:border-eui-secondary-500:focus {
   --tw-border-opacity:1;
   border-color: rgb(76 217 0/var(--tw-border-opacity,1));
@@ -4254,6 +4289,9 @@ video {
 .focus-visible\:outline-blue-400:focus-visible {
   outline-color: #60a5fa;
 }
+.focus-visible\:outline-current:focus-visible {
+  outline-color: currentColor;
+}
 .active\:scale-95:active {
   --tw-scale-x:.95;
   --tw-scale-y:.95;
@@ -4357,6 +4395,12 @@ video {
 .dark\:border-eui-light-500\/10:is(.dark *) {
   border-color: rgba(248, 249, 250, .1);
 }
+.dark\:border-eui-light-600\/15:is(.dark *) {
+  border-color: hsla(210, 2%, 78%, .15);
+}
+.dark\:border-eui-light-600\/30:is(.dark *) {
+  border-color: hsla(210, 2%, 78%, .3);
+}
 .dark\:border-eui-primary-400:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(76 86 115/var(--tw-border-opacity,1));
@@ -4518,6 +4562,9 @@ video {
 .dark\:bg-eui-info-500\/20:is(.dark *) {
   background-color: rgba(13, 202, 240, .2);
 }
+.dark\:bg-eui-light-600\/10:is(.dark *) {
+  background-color: hsla(210, 2%, 78%, .1);
+}
 .dark\:bg-eui-primary-300\/10:is(.dark *) {
   background-color: rgba(112, 122, 147, .1);
 }
@@ -4641,6 +4688,10 @@ video {
 .dark\:to-transparent:is(.dark *) {
   --tw-gradient-to:transparent var(--tw-gradient-to-position);
 }
+.dark\:text-amber-400:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(251 191 36/var(--tw-text-opacity,1));
+}
 .dark\:text-blue-100:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(219 234 254/var(--tw-text-opacity,1));
@@ -4649,6 +4700,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(96 165 250/var(--tw-text-opacity,1));
 }
+.dark\:text-emerald-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(110 231 183/var(--tw-text-opacity,1));
+}
 .dark\:text-eui-danger-300:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(234 72 85/var(--tw-text-opacity,1));
@@ -4698,6 +4753,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(198 199 200/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-light-700:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(148 149 150/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-light-800:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(98 98 99/var(--tw-text-opacity,1));
+}
 .dark\:text-eui-primary-300:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(112 122 147/var(--tw-text-opacity,1));
@@ -4772,10 +4835,6 @@ video {
   --tw-text-opacity:1;
   color: rgb(17 24 39/var(--tw-text-opacity,1));
 }
-.dark\:text-neutral-700:is(.dark *) {
-  --tw-text-opacity:1;
-  color: rgb(64 64 64/var(--tw-text-opacity,1));
-}
 .dark\:text-red-300\/80:is(.dark *) {
   color: hsla(0, 94%, 82%, .8);
 }
@@ -4897,6 +4956,9 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(64 69 71/var(--tw-bg-opacity,1));
 }
+.dark\:hover\:bg-eui-light-600\/10:hover:is(.dark *) {
+  background-color: hsla(210, 2%, 78%, .1);
+}
 .dark\:hover\:bg-gray-100:hover:is(.dark *) {
   --tw-bg-opacity:1;
   background-color: rgb(243 244 246/var(--tw-bg-opacity,1));
@@ -4976,6 +5038,12 @@ video {
   .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\:flex-row {
     flex-direction: row;
   }
@@ -5000,6 +5068,19 @@ video {
   .md\:flex-row {
     flex-direction: row;
   }
+  .md\:items-center {
+    align-items: center;
+  }
+  .md\:justify-end {
+    justify-content: flex-end;
+  }
+  .md\:justify-between {
+    justify-content: space-between;
+  }
+  .md\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
   .md\:pl-\[300px\] {
     padding-left: 300px;
   }
@@ -5008,12 +5089,18 @@ video {
   .lg\:sticky {
     position: sticky;
   }
+  .lg\:col-span-3 {
+    grid-column: span 3/span 3;
+  }
   .lg\:block {
     display: block;
   }
   .lg\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
   .lg\:grid-cols-\[16rem_minmax\(0\,1fr\)\] {
     grid-template-columns: 16rem minmax(0, 1fr);
   }
@@ -5041,6 +5128,10 @@ video {
   .lg\:self-start {
     align-self: flex-start;
   }
+  .lg\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
   .lg\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;
@@ -5488,14 +5579,6 @@ video {
   --tw-text-opacity:1;
   color: rgb(198 199 200/var(--tw-text-opacity,1));
 }
-.eui-text-lg {
-  --tw-text-opacity:1;
-  color: rgb(13 14 16/var(--tw-text-opacity,1));
-}
-.eui-text-lg:is(.dark *) {
-  --tw-text-opacity:1;
-  color: rgb(98 98 99/var(--tw-text-opacity,1));
-}
 .eui-text-md {
   --tw-text-opacity:1;
   color: rgb(26 29 32/var(--tw-text-opacity,1));
@@ -5781,6 +5864,9 @@ video {
 .mt-10 {
   margin-top: 2.5rem;
 }
+.mt-14 {
+  margin-top: 3.5rem;
+}
 .mt-2 {
   margin-top: .5rem;
 }
@@ -5904,6 +5990,9 @@ video {
 .h-8 {
   height: 2rem;
 }
+.h-9 {
+  height: 2.25rem;
+}
 .h-96 {
   height: 24rem;
 }
@@ -6037,6 +6126,9 @@ video {
 .min-h-\[30px\] {
   min-height: 30px;
 }
+.min-h-\[40vh\] {
+  min-height: 40vh;
+}
 .min-h-\[50px\] {
   min-height: 50px;
 }
@@ -6127,6 +6219,9 @@ video {
 .w-8 {
   width: 2rem;
 }
+.w-9 {
+  width: 2.25rem;
+}
 .w-\[1000px\] {
   width: 1000px;
 }
@@ -6598,6 +6693,9 @@ video {
 .gap-10 {
   gap: 2.5rem;
 }
+.gap-12 {
+  gap: 3rem;
+}
 .gap-2 {
   gap: .5rem;
 }
@@ -6629,6 +6727,10 @@ video {
   -moz-column-gap: 1rem;
   column-gap: 1rem;
 }
+.gap-x-5 {
+  -moz-column-gap: 1.25rem;
+  column-gap: 1.25rem;
+}
 .gap-y-2 {
   row-gap: .5rem;
 }
@@ -6704,6 +6806,9 @@ video {
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
+}
+.truncate,
+.whitespace-nowrap {
   white-space: nowrap;
 }
 .whitespace-pre-wrap {
@@ -6881,6 +6986,9 @@ video {
 .border-eui-dark-500\/10 {
   border-color: rgba(33, 37, 41, .1);
 }
+.border-eui-dark-500\/15 {
+  border-color: rgba(33, 37, 41, .15);
+}
 .border-eui-dark-500\/20 {
   border-color: rgba(33, 37, 41, .2);
 }
@@ -7410,9 +7518,6 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(34 197 94/var(--tw-bg-opacity,1));
 }
-.bg-green-500\/10 {
-  background-color: rgba(34, 197, 94, .1);
-}
 .bg-green-500\/5 {
   background-color: rgba(34, 197, 94, .05);
 }
@@ -7872,6 +7977,10 @@ video {
   padding-bottom: 2.5rem;
   padding-top: 2.5rem;
 }
+.py-16 {
+  padding-bottom: 4rem;
+  padding-top: 4rem;
+}
 .py-2 {
   padding-bottom: .5rem;
   padding-top: .5rem;
@@ -7960,6 +8069,9 @@ video {
 .pt-6 {
   padding-top: 1.5rem;
 }
+.pt-8 {
+  padding-top: 2rem;
+}
 .pt-\[60px\] {
   padding-top: 60px;
 }
@@ -8263,6 +8375,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(52 211 153/var(--tw-text-opacity,1));
 }
+.text-emerald-600 {
+  --tw-text-opacity:1;
+  color: rgb(5 150 105/var(--tw-text-opacity,1));
+}
 .text-eui-danger-300 {
   --tw-text-opacity:1;
   color: rgb(234 72 85/var(--tw-text-opacity,1));
@@ -8298,6 +8414,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(20 22 24/var(--tw-text-opacity,1));
 }
+.text-eui-dark-800 {
+  --tw-text-opacity:1;
+  color: rgb(13 14 16/var(--tw-text-opacity,1));
+}
 .text-eui-dark-900 {
   --tw-text-opacity:1;
   color: rgb(7 7 8/var(--tw-text-opacity,1));
@@ -8955,14 +9075,6 @@ video {
   --tw-text-opacity:1;
   color: rgb(198 199 200/var(--tw-text-opacity,1));
 }
-.hover\:eui-text-lg:hover {
-  --tw-text-opacity:1;
-  color: rgb(13 14 16/var(--tw-text-opacity,1));
-}
-.hover\:eui-text-lg:hover:is(.dark *) {
-  --tw-text-opacity:1;
-  color: rgb(98 98 99/var(--tw-text-opacity,1));
-}
 .placeholder\:text-gray-400::-moz-placeholder {
   --tw-text-opacity:1;
   color: rgb(156 163 175/var(--tw-text-opacity,1));
@@ -9158,17 +9270,12 @@ video {
   --tw-rotate:0deg;
 }
 .hover\:rotate-0:hover,
-.hover\:scale-110:hover {
+.hover\:scale-\[1\.02\]:hover {
   transform: translate(var(--tw-translate-x), 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));
 }
-.hover\:scale-110:hover {
-  --tw-scale-x:1.1;
-  --tw-scale-y:1.1;
-}
 .hover\:scale-\[1\.02\]:hover {
   --tw-scale-x:1.02;
   --tw-scale-y:1.02;
-  transform: translate(var(--tw-translate-x), 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));
 }
 .hover\:cursor-pointer:hover {
   cursor: pointer;
@@ -9237,6 +9344,10 @@ video {
 .hover\:bg-black\/80:hover {
   background-color: rgba(0, 0, 0, .8);
 }
+.hover\:bg-emerald-500:hover {
+  --tw-bg-opacity:1;
+  background-color: rgb(16 185 129/var(--tw-bg-opacity,1));
+}
 .hover\:bg-eui-danger-500\/10:hover {
   background-color: rgba(220, 53, 69, .1);
 }
@@ -9261,6 +9372,9 @@ video {
 .hover\:bg-eui-dark-500\/20:hover {
   background-color: rgba(33, 37, 41, .2);
 }
+.hover\:bg-eui-dark-500\/5:hover {
+  background-color: rgba(33, 37, 41, .05);
+}
 .hover\:bg-eui-info-500\/10:hover {
   background-color: rgba(13, 202, 240, .1);
 }
@@ -9483,10 +9597,6 @@ video {
   content: var(--tw-content);
   width: 100%;
 }
-.focus\:border-blue-500:focus {
-  --tw-border-opacity:1;
-  border-color: rgb(59 130 246/var(--tw-border-opacity,1));
-}
 .focus\:border-eui-secondary-500:focus {
   --tw-border-opacity:1;
   border-color: rgb(76 217 0/var(--tw-border-opacity,1));
@@ -9534,6 +9644,9 @@ video {
 .focus-visible\:outline-blue-400:focus-visible {
   outline-color: #60a5fa;
 }
+.focus-visible\:outline-current:focus-visible {
+  outline-color: currentColor;
+}
 .active\:scale-95:active {
   --tw-scale-x:.95;
   --tw-scale-y:.95;
@@ -9637,6 +9750,12 @@ video {
 .dark\:border-eui-light-500\/10:is(.dark *) {
   border-color: rgba(248, 249, 250, .1);
 }
+.dark\:border-eui-light-600\/15:is(.dark *) {
+  border-color: hsla(210, 2%, 78%, .15);
+}
+.dark\:border-eui-light-600\/30:is(.dark *) {
+  border-color: hsla(210, 2%, 78%, .3);
+}
 .dark\:border-eui-primary-400:is(.dark *) {
   --tw-border-opacity:1;
   border-color: rgb(76 86 115/var(--tw-border-opacity,1));
@@ -9798,6 +9917,9 @@ video {
 .dark\:bg-eui-info-500\/20:is(.dark *) {
   background-color: rgba(13, 202, 240, .2);
 }
+.dark\:bg-eui-light-600\/10:is(.dark *) {
+  background-color: hsla(210, 2%, 78%, .1);
+}
 .dark\:bg-eui-primary-300\/10:is(.dark *) {
   background-color: rgba(112, 122, 147, .1);
 }
@@ -9921,6 +10043,10 @@ video {
 .dark\:to-transparent:is(.dark *) {
   --tw-gradient-to:transparent var(--tw-gradient-to-position);
 }
+.dark\:text-amber-400:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(251 191 36/var(--tw-text-opacity,1));
+}
 .dark\:text-blue-100:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(219 234 254/var(--tw-text-opacity,1));
@@ -9929,6 +10055,10 @@ video {
   --tw-text-opacity:1;
   color: rgb(96 165 250/var(--tw-text-opacity,1));
 }
+.dark\:text-emerald-300:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(110 231 183/var(--tw-text-opacity,1));
+}
 .dark\:text-eui-danger-300:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(234 72 85/var(--tw-text-opacity,1));
@@ -9978,6 +10108,14 @@ video {
   --tw-text-opacity:1;
   color: rgb(198 199 200/var(--tw-text-opacity,1));
 }
+.dark\:text-eui-light-700:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(148 149 150/var(--tw-text-opacity,1));
+}
+.dark\:text-eui-light-800:is(.dark *) {
+  --tw-text-opacity:1;
+  color: rgb(98 98 99/var(--tw-text-opacity,1));
+}
 .dark\:text-eui-primary-300:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(112 122 147/var(--tw-text-opacity,1));
@@ -10052,10 +10190,6 @@ video {
   --tw-text-opacity:1;
   color: rgb(17 24 39/var(--tw-text-opacity,1));
 }
-.dark\:text-neutral-700:is(.dark *) {
-  --tw-text-opacity:1;
-  color: rgb(64 64 64/var(--tw-text-opacity,1));
-}
 .dark\:text-red-300\/80:is(.dark *) {
   color: hsla(0, 94%, 82%, .8);
 }
@@ -10177,6 +10311,9 @@ video {
   --tw-bg-opacity:1;
   background-color: rgb(64 69 71/var(--tw-bg-opacity,1));
 }
+.dark\:hover\:bg-eui-light-600\/10:hover:is(.dark *) {
+  background-color: hsla(210, 2%, 78%, .1);
+}
 .dark\:hover\:bg-gray-100:hover:is(.dark *) {
   --tw-bg-opacity:1;
   background-color: rgb(243 244 246/var(--tw-bg-opacity,1));
@@ -10256,6 +10393,12 @@ video {
   .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\:flex-row {
     flex-direction: row;
   }
@@ -10280,6 +10423,19 @@ video {
   .md\:flex-row {
     flex-direction: row;
   }
+  .md\:items-center {
+    align-items: center;
+  }
+  .md\:justify-end {
+    justify-content: flex-end;
+  }
+  .md\:justify-between {
+    justify-content: space-between;
+  }
+  .md\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
   .md\:pl-\[300px\] {
     padding-left: 300px;
   }
@@ -10288,12 +10444,18 @@ video {
   .lg\:sticky {
     position: sticky;
   }
+  .lg\:col-span-3 {
+    grid-column: span 3/span 3;
+  }
   .lg\:block {
     display: block;
   }
   .lg\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
   .lg\:grid-cols-\[16rem_minmax\(0\,1fr\)\] {
     grid-template-columns: 16rem minmax(0, 1fr);
   }
@@ -10321,6 +10483,10 @@ video {
   .lg\:self-start {
     align-self: flex-start;
   }
+  .lg\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
   .lg\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;