npm - @westpac/ui - Versions diffs - 0.7.0 → 0.7.1 - Mend

@westpac/ui 0.7.0 → 0.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (365) hide show

package/dist/css/westpac-ui.css CHANGED Viewed

@@ -2122,9 +2122,6 @@ video {
 }.my-4 {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
-}.my-\[16px\] {
-  margin-top: 16px;
-  margin-bottom: 16px;
 }.-mt-1 {
   margin-top: -0.375rem;
 }.-mt-2 {
@@ -2149,10 +2146,10 @@ video {
   margin-bottom: 1.125rem;
 }.ml-1 {
   margin-left: 0.375rem;
+}.ml-\[-1px\] {
+  margin-left: -1px;
 }.ml-\[0\.4em\] {
   margin-left: 0.4em;
-}.ml-auto {
-  margin-left: auto;
 }.mr-0 {
   margin-right: 0;
 }.mr-1 {
@@ -2177,10 +2174,10 @@ video {
   margin-top: 0.75rem;
 }.mt-4 {
   margin-top: 1.5rem;
+}.mt-6 {
+  margin-top: 2.25rem;
 }.mt-\[-1px\] {
   margin-top: -1px;
-}.mt-\[0\.125rem\] {
-  margin-top: 0.125rem;
 }.mt-\[0\.1875rem\] {
   margin-top: 0.1875rem;
 }.mt-\[0\.875rem\] {
@@ -2362,6 +2359,8 @@ video {
   width: 122px;
 }.w-\[14px\] {
   width: 14px;
+}.w-\[15\.625rem\] {
+  width: 15.625rem;
 }.w-\[150px\] {
   width: 150px;
 }.w-\[160px\] {
@@ -2613,6 +2612,9 @@ video {
   border-radius: 0.125rem;
 }.rounded-xl {
   border-radius: 0.75rem;
+}.rounded-l {
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
 }.rounded-l-\[0\.1875rem\] {
   border-top-left-radius: 0.1875rem;
   border-bottom-left-radius: 0.1875rem;
@@ -3447,8 +3449,6 @@ video {
   padding: 0.0625rem;
 }.p-\[0\.4375rem\] {
   padding: 0.4375rem;
-}.p-\[0\.8125rem_1\.125rem\] {
-  padding: 0.8125rem 1.125rem;
 }.p-\[0_1\.125rem_1\.875rem\] {
   padding: 0 1.125rem 1.875rem;
 }.p-\[0_1\.125rem_2\.625rem\] {
@@ -3510,6 +3510,9 @@ video {
 }.py-\[0\.625rem\] {
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
+}.py-\[0\.9375rem\] {
+  padding-top: 0.9375rem;
+  padding-bottom: 0.9375rem;
 }.py-\[2px\] {
   padding-top: 2px;
   padding-bottom: 2px;
@@ -3543,8 +3546,6 @@ video {
   padding-left: 1.125rem;
 }.pl-\[1\.1875rem\] {
   padding-left: 1.1875rem;
-}.pl-\[2\.25rem\] {
-  padding-left: 2.25rem;
 }.pr-1 {
   padding-right: 0.375rem;
 }.pr-2 {
@@ -3575,8 +3576,6 @@ video {
   padding-top: 0.1875rem;
 }.pt-\[0\.5625rem\] {
   padding-top: 0.5625rem;
-}.pt-\[0\.5rem\] {
-  padding-top: 0.5rem;
 }.pt-\[0\.625rem\] {
   padding-top: 0.625rem;
 }.pt-\[0\.875rem\] {
@@ -4339,15 +4338,9 @@ video {
   content: var(--tw-content);
   top: 0;
   bottom: 0;
-}.before\:left-1\/2::before {
-  content: var(--tw-content);
-  left: 50%;
 }.before\:left-\[6px\]::before {
   content: var(--tw-content);
   left: 6px;
-}.before\:top-1\/2::before {
-  content: var(--tw-content);
-  top: 50%;
 }.before\:block::before {
   content: var(--tw-content);
   display: block;
@@ -4357,19 +4350,9 @@ video {
 }.before\:h-2::before {
   content: var(--tw-content);
   height: 0.75rem;
-}.before\:h-\[2px\]::before {
-  content: var(--tw-content);
-  height: 2px;
 }.before\:w-2::before {
   content: var(--tw-content);
   width: 0.75rem;
-}.before\:w-full::before {
-  content: var(--tw-content);
-  width: 100%;
-}.before\:-translate-x-1\/2::before {
-  content: var(--tw-content);
-  --tw-translate-x: -50%;
-  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));
 }.before\:-translate-y-1\/2::before {
   content: var(--tw-content);
   --tw-translate-y: -50%;
@@ -4402,10 +4385,6 @@ video {
   content: var(--tw-content);
   --tw-bg-opacity: 1;
   background-color: rgba(var(--colors-hero), var(--tw-bg-opacity));
-}.before\:bg-muted::before {
-  content: var(--tw-content);
-  --tw-bg-opacity: 1;
-  background-color: rgba(var(--colors-muted), var(--tw-bg-opacity));
 }.before\:transition-colors::before {
   content: var(--tw-content);
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
@@ -4424,9 +4403,6 @@ video {
 }.after\:left-0::after {
   content: var(--tw-content);
   left: 0;
-}.after\:left-1\/2::after {
-  content: var(--tw-content);
-  left: 50%;
 }.after\:left-\[-0\.125rem\]::after {
   content: var(--tw-content);
   left: -0.125rem;
@@ -4439,9 +4415,6 @@ video {
 }.after\:top-0::after {
   content: var(--tw-content);
   top: 0;
-}.after\:top-1\/2::after {
-  content: var(--tw-content);
-  top: 50%;
 }.after\:top-\[-12px\]::after {
   content: var(--tw-content);
   top: -12px;
@@ -4469,9 +4442,6 @@ video {
 }.after\:h-\[2\.875rem\]::after {
   content: var(--tw-content);
   height: 2.875rem;
-}.after\:h-full::after {
-  content: var(--tw-content);
-  height: 100%;
 }.after\:w-0::after {
   content: var(--tw-content);
   width: 0;
@@ -4487,21 +4457,10 @@ video {
 }.after\:w-\[2\.875rem\]::after {
   content: var(--tw-content);
   width: 2.875rem;
-}.after\:w-\[2px\]::after {
-  content: var(--tw-content);
-  width: 2px;
-}.after\:-translate-x-1\/2::after {
-  content: var(--tw-content);
-  --tw-translate-x: -50%;
-  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));
 }.after\:-translate-x-full::after {
   content: var(--tw-content);
   --tw-translate-x: -100%;
   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));
-}.after\:-translate-y-1\/2::after {
-  content: var(--tw-content);
-  --tw-translate-y: -50%;
-  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));
 }.after\:translate-x-\[-7px\]::after {
   content: var(--tw-content);
   --tw-translate-x: -7px;
@@ -4579,10 +4538,6 @@ video {
   content: var(--tw-content);
   --tw-border-opacity: 1;
   border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
-}.after\:bg-muted::after {
-  content: var(--tw-content);
-  --tw-bg-opacity: 1;
-  background-color: rgba(var(--colors-muted), var(--tw-bg-opacity));
 }.after\:bg-white::after {
   content: var(--tw-content);
   --tw-bg-opacity: 1;
@@ -4602,11 +4557,6 @@ video {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
-}.after\:transition-transform::after {
-  content: var(--tw-content);
-  transition-property: transform;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
 }.after\:duration-\[\.3s\]::after {
   content: var(--tw-content);
   transition-duration: .3s;
@@ -4896,6 +4846,9 @@ video {
 }.theme-rams .active-theme-rams\:hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
+}@media not all and (min-width: 768px) {.max-sm\:hidden {
+    display: none;
+  }
 }@media not all and (min-width: 576px) {.group\/panel:first-child .max-xsl\:group-first\/panel\:px-2 {
     padding-left: 0.75rem;
     padding-right: 0.75rem;
@@ -4924,6 +4877,8 @@ video {
     top: 0.3125rem;
   }.xsl\:top-\[0\.375rem\] {
     top: 0.375rem;
+  }.xsl\:z-10 {
+    z-index: 10;
   }.xsl\:col-span-1 {
     grid-column: span 1 / span 1;
   }.xsl\:col-span-10 {
@@ -4994,6 +4949,8 @@ video {
     margin-bottom: 1.5rem;
   }.xsl\:mb-\[-1px\] {
     margin-bottom: -1px;
+  }.xsl\:ml-\[-1px\] {
+    margin-left: -1px;
   }.xsl\:mr-2 {
     margin-right: 0.75rem;
   }.xsl\:mr-3 {
@@ -5099,9 +5056,6 @@ video {
   }.xsl\:rotate-45 {
     --tw-rotate: 45deg;
     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));
-  }.xsl\:rotate-90 {
-    --tw-rotate: 90deg;
-    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));
   }.xsl\:rotate-\[-44deg\] {
     --tw-rotate: -44deg;
     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));
@@ -5163,9 +5117,15 @@ video {
     border-radius: 0.125rem;
   }.xsl\:rounded-xl {
     border-radius: 0.75rem;
+  }.xsl\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
   }.xsl\:rounded-l-\[0\.1875rem\] {
     border-top-left-radius: 0.1875rem;
     border-bottom-left-radius: 0.1875rem;
+  }.xsl\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
   }.xsl\:rounded-r-\[0\.1875rem\] {
     border-top-right-radius: 0.1875rem;
     border-bottom-right-radius: 0.1875rem;
@@ -5256,9 +5216,6 @@ video {
   }.xsl\:border-b-primary {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-primary), var(--tw-border-opacity));
-  }.xsl\:border-l-border {
-    --tw-border-opacity: 1;
-    border-left-color: rgba(var(--colors-border), var(--tw-border-opacity));
   }.xsl\:border-l-primary {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-primary), var(--tw-border-opacity));
@@ -5465,24 +5422,11 @@ video {
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms;
-  }.xsl\:transition-transform {
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
   }.xsl\:focus-outline {
     outline-style: solid;
     outline-width: 2px;
     outline-offset: 3px;
     outline-color: rgb(var(--colors-focus));
-  }.xsl\:before\:absolute::before {
-    content: var(--tw-content);
-    position: absolute;
-  }.xsl\:before\:left-1\/2::before {
-    content: var(--tw-content);
-    left: 50%;
-  }.xsl\:before\:top-1\/2::before {
-    content: var(--tw-content);
-    top: 50%;
   }.xsl\:before\:block::before {
     content: var(--tw-content);
     display: block;
@@ -5492,23 +5436,9 @@ video {
   }.xsl\:before\:h-2::before {
     content: var(--tw-content);
     height: 0.75rem;
-  }.xsl\:before\:h-\[2px\]::before {
-    content: var(--tw-content);
-    height: 2px;
   }.xsl\:before\:w-2::before {
     content: var(--tw-content);
     width: 0.75rem;
-  }.xsl\:before\:w-full::before {
-    content: var(--tw-content);
-    width: 100%;
-  }.xsl\:before\:-translate-x-1\/2::before {
-    content: var(--tw-content);
-    --tw-translate-x: -50%;
-    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));
-  }.xsl\:before\:-translate-y-1\/2::before {
-    content: var(--tw-content);
-    --tw-translate-y: -50%;
-    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));
   }.xsl\:before\:rounded-full::before {
     content: var(--tw-content);
     border-radius: 9999px;
@@ -5531,25 +5461,15 @@ video {
     content: var(--tw-content);
     --tw-bg-opacity: 1;
     background-color: rgba(var(--colors-hero), var(--tw-bg-opacity));
-  }.xsl\:before\:bg-muted::before {
-    content: var(--tw-content);
-    --tw-bg-opacity: 1;
-    background-color: rgba(var(--colors-muted), var(--tw-bg-opacity));
   }.xsl\:after\:absolute::after {
     content: var(--tw-content);
     position: absolute;
-  }.xsl\:after\:left-1\/2::after {
-    content: var(--tw-content);
-    left: 50%;
   }.xsl\:after\:left-\[-0\.125rem\]::after {
     content: var(--tw-content);
     left: -0.125rem;
   }.xsl\:after\:left-full::after {
     content: var(--tw-content);
     left: 100%;
-  }.xsl\:after\:top-1\/2::after {
-    content: var(--tw-content);
-    top: 50%;
   }.xsl\:after\:block::after {
     content: var(--tw-content);
     display: block;
@@ -5568,9 +5488,6 @@ video {
   }.xsl\:after\:h-\[2\.875rem\]::after {
     content: var(--tw-content);
     height: 2.875rem;
-  }.xsl\:after\:h-full::after {
-    content: var(--tw-content);
-    height: 100%;
   }.xsl\:after\:w-0::after {
     content: var(--tw-content);
     width: 0;
@@ -5586,21 +5503,10 @@ video {
   }.xsl\:after\:w-\[2\.875rem\]::after {
     content: var(--tw-content);
     width: 2.875rem;
-  }.xsl\:after\:w-\[2px\]::after {
-    content: var(--tw-content);
-    width: 2px;
-  }.xsl\:after\:-translate-x-1\/2::after {
-    content: var(--tw-content);
-    --tw-translate-x: -50%;
-    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));
   }.xsl\:after\:-translate-x-full::after {
     content: var(--tw-content);
     --tw-translate-x: -100%;
     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));
-  }.xsl\:after\:-translate-y-1\/2::after {
-    content: var(--tw-content);
-    --tw-translate-y: -50%;
-    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));
   }.xsl\:after\:rotate-90::after {
     content: var(--tw-content);
     --tw-rotate: 90deg;
@@ -5649,15 +5555,6 @@ video {
     content: var(--tw-content);
     --tw-border-opacity: 1;
     border-color: rgb(0 128 0 / var(--tw-border-opacity));
-  }.xsl\:after\:bg-muted::after {
-    content: var(--tw-content);
-    --tw-bg-opacity: 1;
-    background-color: rgba(var(--colors-muted), var(--tw-bg-opacity));
-  }.xsl\:after\:transition-transform::after {
-    content: var(--tw-content);
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
   }.xsl\:before\:first\:hidden:first-child::before {
     content: var(--tw-content);
     display: none;
@@ -5802,6 +5699,8 @@ video {
     top: 0.3125rem;
   }.sm\:top-\[0\.375rem\] {
     top: 0.375rem;
+  }.sm\:z-10 {
+    z-index: 10;
   }.sm\:col-span-1 {
     grid-column: span 1 / span 1;
   }.sm\:col-span-10 {
@@ -5874,6 +5773,8 @@ video {
     margin-bottom: 1.875rem;
   }.sm\:mb-\[-1px\] {
     margin-bottom: -1px;
+  }.sm\:ml-\[-1px\] {
+    margin-left: -1px;
   }.sm\:mr-3 {
     margin-right: 1.125rem;
   }.sm\:mr-\[-1px\] {
@@ -5889,6 +5790,8 @@ video {
     }
   }.sm\:flex {
     display: flex;
+  }.sm\:hidden {
+    display: none;
   }.sm\:h-2 {
     height: 0.75rem;
   }.sm\:h-3 {
@@ -5987,9 +5890,6 @@ video {
   }.sm\:rotate-45 {
     --tw-rotate: 45deg;
     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));
-  }.sm\:rotate-90 {
-    --tw-rotate: 90deg;
-    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));
   }.sm\:rotate-\[-44deg\] {
     --tw-rotate: -44deg;
     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));
@@ -6051,9 +5951,15 @@ video {
     border-radius: 0.125rem;
   }.sm\:rounded-xl {
     border-radius: 0.75rem;
+  }.sm\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
   }.sm\:rounded-l-\[0\.1875rem\] {
     border-top-left-radius: 0.1875rem;
     border-bottom-left-radius: 0.1875rem;
+  }.sm\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
   }.sm\:rounded-r-\[0\.1875rem\] {
     border-top-right-radius: 0.1875rem;
     border-bottom-right-radius: 0.1875rem;
@@ -6144,9 +6050,6 @@ video {
   }.sm\:border-b-primary {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-primary), var(--tw-border-opacity));
-  }.sm\:border-l-border {
-    --tw-border-opacity: 1;
-    border-left-color: rgba(var(--colors-border), var(--tw-border-opacity));
   }.sm\:border-l-primary {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-primary), var(--tw-border-opacity));
@@ -6364,24 +6267,11 @@ video {
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms;
-  }.sm\:transition-transform {
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
   }.sm\:focus-outline {
     outline-style: solid;
     outline-width: 2px;
     outline-offset: 3px;
     outline-color: rgb(var(--colors-focus));
-  }.sm\:before\:absolute::before {
-    content: var(--tw-content);
-    position: absolute;
-  }.sm\:before\:left-1\/2::before {
-    content: var(--tw-content);
-    left: 50%;
-  }.sm\:before\:top-1\/2::before {
-    content: var(--tw-content);
-    top: 50%;
   }.sm\:before\:block::before {
     content: var(--tw-content);
     display: block;
@@ -6391,23 +6281,9 @@ video {
   }.sm\:before\:h-2::before {
     content: var(--tw-content);
     height: 0.75rem;
-  }.sm\:before\:h-\[2px\]::before {
-    content: var(--tw-content);
-    height: 2px;
   }.sm\:before\:w-2::before {
     content: var(--tw-content);
     width: 0.75rem;
-  }.sm\:before\:w-full::before {
-    content: var(--tw-content);
-    width: 100%;
-  }.sm\:before\:-translate-x-1\/2::before {
-    content: var(--tw-content);
-    --tw-translate-x: -50%;
-    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));
-  }.sm\:before\:-translate-y-1\/2::before {
-    content: var(--tw-content);
-    --tw-translate-y: -50%;
-    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));
   }.sm\:before\:rounded-full::before {
     content: var(--tw-content);
     border-radius: 9999px;
@@ -6430,25 +6306,15 @@ video {
     content: var(--tw-content);
     --tw-bg-opacity: 1;
     background-color: rgba(var(--colors-hero), var(--tw-bg-opacity));
-  }.sm\:before\:bg-muted::before {
-    content: var(--tw-content);
-    --tw-bg-opacity: 1;
-    background-color: rgba(var(--colors-muted), var(--tw-bg-opacity));
   }.sm\:after\:absolute::after {
     content: var(--tw-content);
     position: absolute;
-  }.sm\:after\:left-1\/2::after {
-    content: var(--tw-content);
-    left: 50%;
   }.sm\:after\:left-\[-0\.125rem\]::after {
     content: var(--tw-content);
     left: -0.125rem;
   }.sm\:after\:left-full::after {
     content: var(--tw-content);
     left: 100%;
-  }.sm\:after\:top-1\/2::after {
-    content: var(--tw-content);
-    top: 50%;
   }.sm\:after\:block::after {
     content: var(--tw-content);
     display: block;
@@ -6467,9 +6333,6 @@ video {
   }.sm\:after\:h-\[2\.875rem\]::after {
     content: var(--tw-content);
     height: 2.875rem;
-  }.sm\:after\:h-full::after {
-    content: var(--tw-content);
-    height: 100%;
   }.sm\:after\:w-0::after {
     content: var(--tw-content);
     width: 0;
@@ -6485,21 +6348,10 @@ video {
   }.sm\:after\:w-\[2\.875rem\]::after {
     content: var(--tw-content);
     width: 2.875rem;
-  }.sm\:after\:w-\[2px\]::after {
-    content: var(--tw-content);
-    width: 2px;
-  }.sm\:after\:-translate-x-1\/2::after {
-    content: var(--tw-content);
-    --tw-translate-x: -50%;
-    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));
   }.sm\:after\:-translate-x-full::after {
     content: var(--tw-content);
     --tw-translate-x: -100%;
     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));
-  }.sm\:after\:-translate-y-1\/2::after {
-    content: var(--tw-content);
-    --tw-translate-y: -50%;
-    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));
   }.sm\:after\:rotate-90::after {
     content: var(--tw-content);
     --tw-rotate: 90deg;
@@ -6548,15 +6400,6 @@ video {
     content: var(--tw-content);
     --tw-border-opacity: 1;
     border-color: rgb(0 128 0 / var(--tw-border-opacity));
-  }.sm\:after\:bg-muted::after {
-    content: var(--tw-content);
-    --tw-bg-opacity: 1;
-    background-color: rgba(var(--colors-muted), var(--tw-bg-opacity));
-  }.sm\:after\:transition-transform::after {
-    content: var(--tw-content);
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
   }.sm\:before\:first\:hidden:first-child::before {
     content: var(--tw-content);
     display: none;
@@ -6709,6 +6552,8 @@ video {
     top: 0.3125rem;
   }.md\:top-\[0\.375rem\] {
     top: 0.375rem;
+  }.md\:z-10 {
+    z-index: 10;
   }.md\:col-span-1 {
     grid-column: span 1 / span 1;
   }.md\:col-span-10 {
@@ -6779,6 +6624,8 @@ video {
     margin-bottom: 1.5rem;
   }.md\:mb-\[-1px\] {
     margin-bottom: -1px;
+  }.md\:ml-\[-1px\] {
+    margin-left: -1px;
   }.md\:mr-3 {
     margin-right: 1.125rem;
   }.md\:mr-\[-1px\] {
@@ -6887,9 +6734,6 @@ video {
   }.md\:rotate-45 {
     --tw-rotate: 45deg;
     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));
-  }.md\:rotate-90 {
-    --tw-rotate: 90deg;
-    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));
   }.md\:rotate-\[-44deg\] {
     --tw-rotate: -44deg;
     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));
@@ -6953,9 +6797,15 @@ video {
     border-radius: 0.125rem;
   }.md\:rounded-xl {
     border-radius: 0.75rem;
+  }.md\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
   }.md\:rounded-l-\[0\.1875rem\] {
     border-top-left-radius: 0.1875rem;
     border-bottom-left-radius: 0.1875rem;
+  }.md\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
   }.md\:rounded-r-\[0\.1875rem\] {
     border-top-right-radius: 0.1875rem;
     border-bottom-right-radius: 0.1875rem;
@@ -7046,9 +6896,6 @@ video {
   }.md\:border-b-primary {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-primary), var(--tw-border-opacity));
-  }.md\:border-l-border {
-    --tw-border-opacity: 1;
-    border-left-color: rgba(var(--colors-border), var(--tw-border-opacity));
   }.md\:border-l-primary {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-primary), var(--tw-border-opacity));
@@ -7256,24 +7103,11 @@ video {
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms;
-  }.md\:transition-transform {
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
   }.md\:focus-outline {
     outline-style: solid;
     outline-width: 2px;
     outline-offset: 3px;
     outline-color: rgb(var(--colors-focus));
-  }.md\:before\:absolute::before {
-    content: var(--tw-content);
-    position: absolute;
-  }.md\:before\:left-1\/2::before {
-    content: var(--tw-content);
-    left: 50%;
-  }.md\:before\:top-1\/2::before {
-    content: var(--tw-content);
-    top: 50%;
   }.md\:before\:block::before {
     content: var(--tw-content);
     display: block;
@@ -7283,23 +7117,9 @@ video {
   }.md\:before\:h-2::before {
     content: var(--tw-content);
     height: 0.75rem;
-  }.md\:before\:h-\[2px\]::before {
-    content: var(--tw-content);
-    height: 2px;
   }.md\:before\:w-2::before {
     content: var(--tw-content);
     width: 0.75rem;
-  }.md\:before\:w-full::before {
-    content: var(--tw-content);
-    width: 100%;
-  }.md\:before\:-translate-x-1\/2::before {
-    content: var(--tw-content);
-    --tw-translate-x: -50%;
-    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));
-  }.md\:before\:-translate-y-1\/2::before {
-    content: var(--tw-content);
-    --tw-translate-y: -50%;
-    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));
   }.md\:before\:rounded-full::before {
     content: var(--tw-content);
     border-radius: 9999px;
@@ -7322,25 +7142,15 @@ video {
     content: var(--tw-content);
     --tw-bg-opacity: 1;
     background-color: rgba(var(--colors-hero), var(--tw-bg-opacity));
-  }.md\:before\:bg-muted::before {
-    content: var(--tw-content);
-    --tw-bg-opacity: 1;
-    background-color: rgba(var(--colors-muted), var(--tw-bg-opacity));
   }.md\:after\:absolute::after {
     content: var(--tw-content);
     position: absolute;
-  }.md\:after\:left-1\/2::after {
-    content: var(--tw-content);
-    left: 50%;
   }.md\:after\:left-\[-0\.125rem\]::after {
     content: var(--tw-content);
     left: -0.125rem;
   }.md\:after\:left-full::after {
     content: var(--tw-content);
     left: 100%;
-  }.md\:after\:top-1\/2::after {
-    content: var(--tw-content);
-    top: 50%;
   }.md\:after\:block::after {
     content: var(--tw-content);
     display: block;
@@ -7359,9 +7169,6 @@ video {
   }.md\:after\:h-\[2\.875rem\]::after {
     content: var(--tw-content);
     height: 2.875rem;
-  }.md\:after\:h-full::after {
-    content: var(--tw-content);
-    height: 100%;
   }.md\:after\:w-0::after {
     content: var(--tw-content);
     width: 0;
@@ -7377,21 +7184,10 @@ video {
   }.md\:after\:w-\[2\.875rem\]::after {
     content: var(--tw-content);
     width: 2.875rem;
-  }.md\:after\:w-\[2px\]::after {
-    content: var(--tw-content);
-    width: 2px;
-  }.md\:after\:-translate-x-1\/2::after {
-    content: var(--tw-content);
-    --tw-translate-x: -50%;
-    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));
   }.md\:after\:-translate-x-full::after {
     content: var(--tw-content);
     --tw-translate-x: -100%;
     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));
-  }.md\:after\:-translate-y-1\/2::after {
-    content: var(--tw-content);
-    --tw-translate-y: -50%;
-    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));
   }.md\:after\:rotate-90::after {
     content: var(--tw-content);
     --tw-rotate: 90deg;
@@ -7440,15 +7236,6 @@ video {
     content: var(--tw-content);
     --tw-border-opacity: 1;
     border-color: rgb(0 128 0 / var(--tw-border-opacity));
-  }.md\:after\:bg-muted::after {
-    content: var(--tw-content);
-    --tw-bg-opacity: 1;
-    background-color: rgba(var(--colors-muted), var(--tw-bg-opacity));
-  }.md\:after\:transition-transform::after {
-    content: var(--tw-content);
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
   }.md\:before\:first\:hidden:first-child::before {
     content: var(--tw-content);
     display: none;
@@ -7608,6 +7395,8 @@ video {
     top: 0.3125rem;
   }.lg\:top-\[0\.375rem\] {
     top: 0.375rem;
+  }.lg\:z-10 {
+    z-index: 10;
   }.lg\:col-span-1 {
     grid-column: span 1 / span 1;
   }.lg\:col-span-10 {
@@ -7678,6 +7467,8 @@ video {
     margin-bottom: 1.5rem;
   }.lg\:mb-\[-1px\] {
     margin-bottom: -1px;
+  }.lg\:ml-\[-1px\] {
+    margin-left: -1px;
   }.lg\:mr-3 {
     margin-right: 1.125rem;
   }.lg\:mr-\[-1px\] {
@@ -7786,9 +7577,6 @@ video {
   }.lg\:rotate-45 {
     --tw-rotate: 45deg;
     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));
-  }.lg\:rotate-90 {
-    --tw-rotate: 90deg;
-    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));
   }.lg\:rotate-\[-44deg\] {
     --tw-rotate: -44deg;
     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));
@@ -7850,9 +7638,15 @@ video {
     border-radius: 0.125rem;
   }.lg\:rounded-xl {
     border-radius: 0.75rem;
+  }.lg\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
   }.lg\:rounded-l-\[0\.1875rem\] {
     border-top-left-radius: 0.1875rem;
     border-bottom-left-radius: 0.1875rem;
+  }.lg\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
   }.lg\:rounded-r-\[0\.1875rem\] {
     border-top-right-radius: 0.1875rem;
     border-bottom-right-radius: 0.1875rem;
@@ -7943,9 +7737,6 @@ video {
   }.lg\:border-b-primary {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-primary), var(--tw-border-opacity));
-  }.lg\:border-l-border {
-    --tw-border-opacity: 1;
-    border-left-color: rgba(var(--colors-border), var(--tw-border-opacity));
   }.lg\:border-l-primary {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-primary), var(--tw-border-opacity));
@@ -8153,24 +7944,11 @@ video {
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms;
-  }.lg\:transition-transform {
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
   }.lg\:focus-outline {
     outline-style: solid;
     outline-width: 2px;
     outline-offset: 3px;
     outline-color: rgb(var(--colors-focus));
-  }.lg\:before\:absolute::before {
-    content: var(--tw-content);
-    position: absolute;
-  }.lg\:before\:left-1\/2::before {
-    content: var(--tw-content);
-    left: 50%;
-  }.lg\:before\:top-1\/2::before {
-    content: var(--tw-content);
-    top: 50%;
   }.lg\:before\:block::before {
     content: var(--tw-content);
     display: block;
@@ -8180,23 +7958,9 @@ video {
   }.lg\:before\:h-2::before {
     content: var(--tw-content);
     height: 0.75rem;
-  }.lg\:before\:h-\[2px\]::before {
-    content: var(--tw-content);
-    height: 2px;
   }.lg\:before\:w-2::before {
     content: var(--tw-content);
     width: 0.75rem;
-  }.lg\:before\:w-full::before {
-    content: var(--tw-content);
-    width: 100%;
-  }.lg\:before\:-translate-x-1\/2::before {
-    content: var(--tw-content);
-    --tw-translate-x: -50%;
-    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));
-  }.lg\:before\:-translate-y-1\/2::before {
-    content: var(--tw-content);
-    --tw-translate-y: -50%;
-    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));
   }.lg\:before\:rounded-full::before {
     content: var(--tw-content);
     border-radius: 9999px;
@@ -8219,25 +7983,15 @@ video {
     content: var(--tw-content);
     --tw-bg-opacity: 1;
     background-color: rgba(var(--colors-hero), var(--tw-bg-opacity));
-  }.lg\:before\:bg-muted::before {
-    content: var(--tw-content);
-    --tw-bg-opacity: 1;
-    background-color: rgba(var(--colors-muted), var(--tw-bg-opacity));
   }.lg\:after\:absolute::after {
     content: var(--tw-content);
     position: absolute;
-  }.lg\:after\:left-1\/2::after {
-    content: var(--tw-content);
-    left: 50%;
   }.lg\:after\:left-\[-0\.125rem\]::after {
     content: var(--tw-content);
     left: -0.125rem;
   }.lg\:after\:left-full::after {
     content: var(--tw-content);
     left: 100%;
-  }.lg\:after\:top-1\/2::after {
-    content: var(--tw-content);
-    top: 50%;
   }.lg\:after\:block::after {
     content: var(--tw-content);
     display: block;
@@ -8256,9 +8010,6 @@ video {
   }.lg\:after\:h-\[2\.875rem\]::after {
     content: var(--tw-content);
     height: 2.875rem;
-  }.lg\:after\:h-full::after {
-    content: var(--tw-content);
-    height: 100%;
   }.lg\:after\:w-0::after {
     content: var(--tw-content);
     width: 0;
@@ -8274,21 +8025,10 @@ video {
   }.lg\:after\:w-\[2\.875rem\]::after {
     content: var(--tw-content);
     width: 2.875rem;
-  }.lg\:after\:w-\[2px\]::after {
-    content: var(--tw-content);
-    width: 2px;
-  }.lg\:after\:-translate-x-1\/2::after {
-    content: var(--tw-content);
-    --tw-translate-x: -50%;
-    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));
   }.lg\:after\:-translate-x-full::after {
     content: var(--tw-content);
     --tw-translate-x: -100%;
     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));
-  }.lg\:after\:-translate-y-1\/2::after {
-    content: var(--tw-content);
-    --tw-translate-y: -50%;
-    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));
   }.lg\:after\:rotate-90::after {
     content: var(--tw-content);
     --tw-rotate: 90deg;
@@ -8337,15 +8077,6 @@ video {
     content: var(--tw-content);
     --tw-border-opacity: 1;
     border-color: rgb(0 128 0 / var(--tw-border-opacity));
-  }.lg\:after\:bg-muted::after {
-    content: var(--tw-content);
-    --tw-bg-opacity: 1;
-    background-color: rgba(var(--colors-muted), var(--tw-bg-opacity));
-  }.lg\:after\:transition-transform::after {
-    content: var(--tw-content);
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
   }.lg\:before\:first\:hidden:first-child::before {
     content: var(--tw-content);
     display: none;
@@ -8496,6 +8227,8 @@ video {
     top: 0.3125rem;
   }.xl\:top-\[0\.375rem\] {
     top: 0.375rem;
+  }.xl\:z-10 {
+    z-index: 10;
   }.xl\:col-span-1 {
     grid-column: span 1 / span 1;
   }.xl\:col-span-10 {
@@ -8566,6 +8299,8 @@ video {
     margin-bottom: 1.5rem;
   }.xl\:mb-\[-1px\] {
     margin-bottom: -1px;
+  }.xl\:ml-\[-1px\] {
+    margin-left: -1px;
   }.xl\:mr-3 {
     margin-right: 1.125rem;
   }.xl\:mr-\[-1px\] {
@@ -8669,9 +8404,6 @@ video {
   }.xl\:rotate-45 {
     --tw-rotate: 45deg;
     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));
-  }.xl\:rotate-90 {
-    --tw-rotate: 90deg;
-    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));
   }.xl\:rotate-\[-44deg\] {
     --tw-rotate: -44deg;
     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));
@@ -8733,9 +8465,15 @@ video {
     border-radius: 0.125rem;
   }.xl\:rounded-xl {
     border-radius: 0.75rem;
+  }.xl\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
   }.xl\:rounded-l-\[0\.1875rem\] {
     border-top-left-radius: 0.1875rem;
     border-bottom-left-radius: 0.1875rem;
+  }.xl\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
   }.xl\:rounded-r-\[0\.1875rem\] {
     border-top-right-radius: 0.1875rem;
     border-bottom-right-radius: 0.1875rem;
@@ -8826,9 +8564,6 @@ video {
   }.xl\:border-b-primary {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-primary), var(--tw-border-opacity));
-  }.xl\:border-l-border {
-    --tw-border-opacity: 1;
-    border-left-color: rgba(var(--colors-border), var(--tw-border-opacity));
   }.xl\:border-l-primary {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-primary), var(--tw-border-opacity));
@@ -9030,24 +8765,11 @@ video {
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms;
-  }.xl\:transition-transform {
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
   }.xl\:focus-outline {
     outline-style: solid;
     outline-width: 2px;
     outline-offset: 3px;
     outline-color: rgb(var(--colors-focus));
-  }.xl\:before\:absolute::before {
-    content: var(--tw-content);
-    position: absolute;
-  }.xl\:before\:left-1\/2::before {
-    content: var(--tw-content);
-    left: 50%;
-  }.xl\:before\:top-1\/2::before {
-    content: var(--tw-content);
-    top: 50%;
   }.xl\:before\:block::before {
     content: var(--tw-content);
     display: block;
@@ -9057,23 +8779,9 @@ video {
   }.xl\:before\:h-2::before {
     content: var(--tw-content);
     height: 0.75rem;
-  }.xl\:before\:h-\[2px\]::before {
-    content: var(--tw-content);
-    height: 2px;
   }.xl\:before\:w-2::before {
     content: var(--tw-content);
     width: 0.75rem;
-  }.xl\:before\:w-full::before {
-    content: var(--tw-content);
-    width: 100%;
-  }.xl\:before\:-translate-x-1\/2::before {
-    content: var(--tw-content);
-    --tw-translate-x: -50%;
-    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));
-  }.xl\:before\:-translate-y-1\/2::before {
-    content: var(--tw-content);
-    --tw-translate-y: -50%;
-    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));
   }.xl\:before\:rounded-full::before {
     content: var(--tw-content);
     border-radius: 9999px;
@@ -9096,25 +8804,15 @@ video {
     content: var(--tw-content);
     --tw-bg-opacity: 1;
     background-color: rgba(var(--colors-hero), var(--tw-bg-opacity));
-  }.xl\:before\:bg-muted::before {
-    content: var(--tw-content);
-    --tw-bg-opacity: 1;
-    background-color: rgba(var(--colors-muted), var(--tw-bg-opacity));
   }.xl\:after\:absolute::after {
     content: var(--tw-content);
     position: absolute;
-  }.xl\:after\:left-1\/2::after {
-    content: var(--tw-content);
-    left: 50%;
   }.xl\:after\:left-\[-0\.125rem\]::after {
     content: var(--tw-content);
     left: -0.125rem;
   }.xl\:after\:left-full::after {
     content: var(--tw-content);
     left: 100%;
-  }.xl\:after\:top-1\/2::after {
-    content: var(--tw-content);
-    top: 50%;
   }.xl\:after\:block::after {
     content: var(--tw-content);
     display: block;
@@ -9133,9 +8831,6 @@ video {
   }.xl\:after\:h-\[2\.875rem\]::after {
     content: var(--tw-content);
     height: 2.875rem;
-  }.xl\:after\:h-full::after {
-    content: var(--tw-content);
-    height: 100%;
   }.xl\:after\:w-0::after {
     content: var(--tw-content);
     width: 0;
@@ -9151,21 +8846,10 @@ video {
   }.xl\:after\:w-\[2\.875rem\]::after {
     content: var(--tw-content);
     width: 2.875rem;
-  }.xl\:after\:w-\[2px\]::after {
-    content: var(--tw-content);
-    width: 2px;
-  }.xl\:after\:-translate-x-1\/2::after {
-    content: var(--tw-content);
-    --tw-translate-x: -50%;
-    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));
   }.xl\:after\:-translate-x-full::after {
     content: var(--tw-content);
     --tw-translate-x: -100%;
     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));
-  }.xl\:after\:-translate-y-1\/2::after {
-    content: var(--tw-content);
-    --tw-translate-y: -50%;
-    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));
   }.xl\:after\:rotate-90::after {
     content: var(--tw-content);
     --tw-rotate: 90deg;
@@ -9214,15 +8898,6 @@ video {
     content: var(--tw-content);
     --tw-border-opacity: 1;
     border-color: rgb(0 128 0 / var(--tw-border-opacity));
-  }.xl\:after\:bg-muted::after {
-    content: var(--tw-content);
-    --tw-bg-opacity: 1;
-    background-color: rgba(var(--colors-muted), var(--tw-bg-opacity));
-  }.xl\:after\:transition-transform::after {
-    content: var(--tw-content);
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
   }.xl\:before\:first\:hidden:first-child::before {
     content: var(--tw-content);
     display: none;