daisyui 4.0.0-alpha.5 → 4.0.0-alpha.6

package/dist/full.css

@@ -2984,18 +2984,21 @@ input.tab:checked + .tab-content,
     position: relative;
     display: grid;
     align-items: center;
-    grid-template-rows: 1fr auto 1fr;
-    grid-template-columns: 1fr auto 1fr}
+    grid-template-rows: var(--timeline-row-start, 1fr) auto var(--timeline-row-end, 1fr);
+    grid-template-columns: var(--timeline-col-start, 1fr) auto var(--timeline-col-end, 1fr)}
 :where(.timeline:not(:has(.timeline-start)) li) {
-    grid-template-rows: min-content auto 1fr}
+    --timeline-row-start: min-content}
 :where(.timeline:not(:has(.timeline-end)) li) {
-    grid-template-rows: 1fr auto min-content}
+    --timeline-row-end: min-content}
 :where(.timeline:not(:has(.timeline-start)):not(:has(.timeline-end)) li) {
-    grid-template-rows: min-content auto min-content}
+    --timeline-row-start: min-content;
+    --timeline-row-end: min-content}
 .timeline hr {
     width: 100%;
     border-width: 0px;
     height: 0.25rem}
+.timeline-snap-icon li {
+    --timeline-col-start: 0.5rem}
 :where(.timeline hr):first-child {
     grid-column-start: 1;
     grid-row-start: 2}
@@ -6150,38 +6153,6 @@ details.collapse summary::-webkit-details-marker {
     border-color: oklch(var(--wa) / 0.9)}
 .divide-warning\/95 > :not([hidden]) ~ :not([hidden]) {
     border-color: oklch(var(--wa) / 0.95)}
-.divide-xx > :not([hidden]) ~ :not([hidden]) {
-    border-color: red}
-.divide-xx\/0 > :not([hidden]) ~ :not([hidden]) {
-    border-color: rgb(255 0 0 / 0)}
-.divide-xx\/10 > :not([hidden]) ~ :not([hidden]) {
-    border-color: rgb(255 0 0 / 0.1)}
-.divide-xx\/100 > :not([hidden]) ~ :not([hidden]) {
-    border-color: rgb(255 0 0 / 1)}
-.divide-xx\/20 > :not([hidden]) ~ :not([hidden]) {
-    border-color: rgb(255 0 0 / 0.2)}
-.divide-xx\/25 > :not([hidden]) ~ :not([hidden]) {
-    border-color: rgb(255 0 0 / 0.25)}
-.divide-xx\/30 > :not([hidden]) ~ :not([hidden]) {
-    border-color: rgb(255 0 0 / 0.3)}
-.divide-xx\/40 > :not([hidden]) ~ :not([hidden]) {
-    border-color: rgb(255 0 0 / 0.4)}
-.divide-xx\/5 > :not([hidden]) ~ :not([hidden]) {
-    border-color: rgb(255 0 0 / 0.05)}
-.divide-xx\/50 > :not([hidden]) ~ :not([hidden]) {
-    border-color: rgb(255 0 0 / 0.5)}
-.divide-xx\/60 > :not([hidden]) ~ :not([hidden]) {
-    border-color: rgb(255 0 0 / 0.6)}
-.divide-xx\/70 > :not([hidden]) ~ :not([hidden]) {
-    border-color: rgb(255 0 0 / 0.7)}
-.divide-xx\/75 > :not([hidden]) ~ :not([hidden]) {
-    border-color: rgb(255 0 0 / 0.75)}
-.divide-xx\/80 > :not([hidden]) ~ :not([hidden]) {
-    border-color: rgb(255 0 0 / 0.8)}
-.divide-xx\/90 > :not([hidden]) ~ :not([hidden]) {
-    border-color: rgb(255 0 0 / 0.9)}
-.divide-xx\/95 > :not([hidden]) ~ :not([hidden]) {
-    border-color: rgb(255 0 0 / 0.95)}
 .rounded-badge {
     border-radius: var(--rounded-badge, 1.9rem)}
 .rounded-box {
@@ -7092,38 +7063,6 @@ details.collapse summary::-webkit-details-marker {
     border-color: oklch(var(--wa) / 0.9)}
 .border-warning\/95 {
     border-color: oklch(var(--wa) / 0.95)}
-.border-xx {
-    border-color: red}
-.border-xx\/0 {
-    border-color: rgb(255 0 0 / 0)}
-.border-xx\/10 {
-    border-color: rgb(255 0 0 / 0.1)}
-.border-xx\/100 {
-    border-color: rgb(255 0 0 / 1)}
-.border-xx\/20 {
-    border-color: rgb(255 0 0 / 0.2)}
-.border-xx\/25 {
-    border-color: rgb(255 0 0 / 0.25)}
-.border-xx\/30 {
-    border-color: rgb(255 0 0 / 0.3)}
-.border-xx\/40 {
-    border-color: rgb(255 0 0 / 0.4)}
-.border-xx\/5 {
-    border-color: rgb(255 0 0 / 0.05)}
-.border-xx\/50 {
-    border-color: rgb(255 0 0 / 0.5)}
-.border-xx\/60 {
-    border-color: rgb(255 0 0 / 0.6)}
-.border-xx\/70 {
-    border-color: rgb(255 0 0 / 0.7)}
-.border-xx\/75 {
-    border-color: rgb(255 0 0 / 0.75)}
-.border-xx\/80 {
-    border-color: rgb(255 0 0 / 0.8)}
-.border-xx\/90 {
-    border-color: rgb(255 0 0 / 0.9)}
-.border-xx\/95 {
-    border-color: rgb(255 0 0 / 0.95)}
 .border-x-accent {
     border-left-color: oklch(var(--a) / 1);
     border-right-color: oklch(var(--a) / 1)}
@@ -8327,54 +8266,6 @@ details.collapse summary::-webkit-details-marker {
 .border-x-warning\/95 {
     border-left-color: oklch(var(--wa) / 0.95);
     border-right-color: oklch(var(--wa) / 0.95)}
-.border-x-xx {
-    border-left-color: red;
-    border-right-color: red}
-.border-x-xx\/0 {
-    border-left-color: rgb(255 0 0 / 0);
-    border-right-color: rgb(255 0 0 / 0)}
-.border-x-xx\/10 {
-    border-left-color: rgb(255 0 0 / 0.1);
-    border-right-color: rgb(255 0 0 / 0.1)}
-.border-x-xx\/100 {
-    border-left-color: rgb(255 0 0 / 1);
-    border-right-color: rgb(255 0 0 / 1)}
-.border-x-xx\/20 {
-    border-left-color: rgb(255 0 0 / 0.2);
-    border-right-color: rgb(255 0 0 / 0.2)}
-.border-x-xx\/25 {
-    border-left-color: rgb(255 0 0 / 0.25);
-    border-right-color: rgb(255 0 0 / 0.25)}
-.border-x-xx\/30 {
-    border-left-color: rgb(255 0 0 / 0.3);
-    border-right-color: rgb(255 0 0 / 0.3)}
-.border-x-xx\/40 {
-    border-left-color: rgb(255 0 0 / 0.4);
-    border-right-color: rgb(255 0 0 / 0.4)}
-.border-x-xx\/5 {
-    border-left-color: rgb(255 0 0 / 0.05);
-    border-right-color: rgb(255 0 0 / 0.05)}
-.border-x-xx\/50 {
-    border-left-color: rgb(255 0 0 / 0.5);
-    border-right-color: rgb(255 0 0 / 0.5)}
-.border-x-xx\/60 {
-    border-left-color: rgb(255 0 0 / 0.6);
-    border-right-color: rgb(255 0 0 / 0.6)}
-.border-x-xx\/70 {
-    border-left-color: rgb(255 0 0 / 0.7);
-    border-right-color: rgb(255 0 0 / 0.7)}
-.border-x-xx\/75 {
-    border-left-color: rgb(255 0 0 / 0.75);
-    border-right-color: rgb(255 0 0 / 0.75)}
-.border-x-xx\/80 {
-    border-left-color: rgb(255 0 0 / 0.8);
-    border-right-color: rgb(255 0 0 / 0.8)}
-.border-x-xx\/90 {
-    border-left-color: rgb(255 0 0 / 0.9);
-    border-right-color: rgb(255 0 0 / 0.9)}
-.border-x-xx\/95 {
-    border-left-color: rgb(255 0 0 / 0.95);
-    border-right-color: rgb(255 0 0 / 0.95)}
 .border-y-accent {
     border-top-color: oklch(var(--a) / 1);
     border-bottom-color: oklch(var(--a) / 1)}
@@ -9578,54 +9469,6 @@ details.collapse summary::-webkit-details-marker {
 .border-y-warning\/95 {
     border-top-color: oklch(var(--wa) / 0.95);
     border-bottom-color: oklch(var(--wa) / 0.95)}
-.border-y-xx {
-    border-top-color: red;
-    border-bottom-color: red}
-.border-y-xx\/0 {
-    border-top-color: rgb(255 0 0 / 0);
-    border-bottom-color: rgb(255 0 0 / 0)}
-.border-y-xx\/10 {
-    border-top-color: rgb(255 0 0 / 0.1);
-    border-bottom-color: rgb(255 0 0 / 0.1)}
-.border-y-xx\/100 {
-    border-top-color: rgb(255 0 0 / 1);
-    border-bottom-color: rgb(255 0 0 / 1)}
-.border-y-xx\/20 {
-    border-top-color: rgb(255 0 0 / 0.2);
-    border-bottom-color: rgb(255 0 0 / 0.2)}
-.border-y-xx\/25 {
-    border-top-color: rgb(255 0 0 / 0.25);
-    border-bottom-color: rgb(255 0 0 / 0.25)}
-.border-y-xx\/30 {
-    border-top-color: rgb(255 0 0 / 0.3);
-    border-bottom-color: rgb(255 0 0 / 0.3)}
-.border-y-xx\/40 {
-    border-top-color: rgb(255 0 0 / 0.4);
-    border-bottom-color: rgb(255 0 0 / 0.4)}
-.border-y-xx\/5 {
-    border-top-color: rgb(255 0 0 / 0.05);
-    border-bottom-color: rgb(255 0 0 / 0.05)}
-.border-y-xx\/50 {
-    border-top-color: rgb(255 0 0 / 0.5);
-    border-bottom-color: rgb(255 0 0 / 0.5)}
-.border-y-xx\/60 {
-    border-top-color: rgb(255 0 0 / 0.6);
-    border-bottom-color: rgb(255 0 0 / 0.6)}
-.border-y-xx\/70 {
-    border-top-color: rgb(255 0 0 / 0.7);
-    border-bottom-color: rgb(255 0 0 / 0.7)}
-.border-y-xx\/75 {
-    border-top-color: rgb(255 0 0 / 0.75);
-    border-bottom-color: rgb(255 0 0 / 0.75)}
-.border-y-xx\/80 {
-    border-top-color: rgb(255 0 0 / 0.8);
-    border-bottom-color: rgb(255 0 0 / 0.8)}
-.border-y-xx\/90 {
-    border-top-color: rgb(255 0 0 / 0.9);
-    border-bottom-color: rgb(255 0 0 / 0.9)}
-.border-y-xx\/95 {
-    border-top-color: rgb(255 0 0 / 0.95);
-    border-bottom-color: rgb(255 0 0 / 0.95)}
 .border-b-accent {
     border-bottom-color: oklch(var(--a) / 1)}
 .border-b-accent-content {
@@ -10428,38 +10271,6 @@ details.collapse summary::-webkit-details-marker {
     border-bottom-color: oklch(var(--wa) / 0.9)}
 .border-b-warning\/95 {
     border-bottom-color: oklch(var(--wa) / 0.95)}
-.border-b-xx {
-    border-bottom-color: red}
-.border-b-xx\/0 {
-    border-bottom-color: rgb(255 0 0 / 0)}
-.border-b-xx\/10 {
-    border-bottom-color: rgb(255 0 0 / 0.1)}
-.border-b-xx\/100 {
-    border-bottom-color: rgb(255 0 0 / 1)}
-.border-b-xx\/20 {
-    border-bottom-color: rgb(255 0 0 / 0.2)}
-.border-b-xx\/25 {
-    border-bottom-color: rgb(255 0 0 / 0.25)}
-.border-b-xx\/30 {
-    border-bottom-color: rgb(255 0 0 / 0.3)}
-.border-b-xx\/40 {
-    border-bottom-color: rgb(255 0 0 / 0.4)}
-.border-b-xx\/5 {
-    border-bottom-color: rgb(255 0 0 / 0.05)}
-.border-b-xx\/50 {
-    border-bottom-color: rgb(255 0 0 / 0.5)}
-.border-b-xx\/60 {
-    border-bottom-color: rgb(255 0 0 / 0.6)}
-.border-b-xx\/70 {
-    border-bottom-color: rgb(255 0 0 / 0.7)}
-.border-b-xx\/75 {
-    border-bottom-color: rgb(255 0 0 / 0.75)}
-.border-b-xx\/80 {
-    border-bottom-color: rgb(255 0 0 / 0.8)}
-.border-b-xx\/90 {
-    border-bottom-color: rgb(255 0 0 / 0.9)}
-.border-b-xx\/95 {
-    border-bottom-color: rgb(255 0 0 / 0.95)}
 .border-e-accent {
     border-inline-end-color: oklch(var(--a) / 1)}
 .border-e-accent-content {
@@ -11262,38 +11073,6 @@ details.collapse summary::-webkit-details-marker {
     border-inline-end-color: oklch(var(--wa) / 0.9)}
 .border-e-warning\/95 {
     border-inline-end-color: oklch(var(--wa) / 0.95)}
-.border-e-xx {
-    border-inline-end-color: red}
-.border-e-xx\/0 {
-    border-inline-end-color: rgb(255 0 0 / 0)}
-.border-e-xx\/10 {
-    border-inline-end-color: rgb(255 0 0 / 0.1)}
-.border-e-xx\/100 {
-    border-inline-end-color: rgb(255 0 0 / 1)}
-.border-e-xx\/20 {
-    border-inline-end-color: rgb(255 0 0 / 0.2)}
-.border-e-xx\/25 {
-    border-inline-end-color: rgb(255 0 0 / 0.25)}
-.border-e-xx\/30 {
-    border-inline-end-color: rgb(255 0 0 / 0.3)}
-.border-e-xx\/40 {
-    border-inline-end-color: rgb(255 0 0 / 0.4)}
-.border-e-xx\/5 {
-    border-inline-end-color: rgb(255 0 0 / 0.05)}
-.border-e-xx\/50 {
-    border-inline-end-color: rgb(255 0 0 / 0.5)}
-.border-e-xx\/60 {
-    border-inline-end-color: rgb(255 0 0 / 0.6)}
-.border-e-xx\/70 {
-    border-inline-end-color: rgb(255 0 0 / 0.7)}
-.border-e-xx\/75 {
-    border-inline-end-color: rgb(255 0 0 / 0.75)}
-.border-e-xx\/80 {
-    border-inline-end-color: rgb(255 0 0 / 0.8)}
-.border-e-xx\/90 {
-    border-inline-end-color: rgb(255 0 0 / 0.9)}
-.border-e-xx\/95 {
-    border-inline-end-color: rgb(255 0 0 / 0.95)}
 .border-l-accent {
     border-left-color: oklch(var(--a) / 1)}
 .border-l-accent-content {
@@ -12096,38 +11875,6 @@ details.collapse summary::-webkit-details-marker {
     border-left-color: oklch(var(--wa) / 0.9)}
 .border-l-warning\/95 {
     border-left-color: oklch(var(--wa) / 0.95)}
-.border-l-xx {
-    border-left-color: red}
-.border-l-xx\/0 {
-    border-left-color: rgb(255 0 0 / 0)}
-.border-l-xx\/10 {
-    border-left-color: rgb(255 0 0 / 0.1)}
-.border-l-xx\/100 {
-    border-left-color: rgb(255 0 0 / 1)}
-.border-l-xx\/20 {
-    border-left-color: rgb(255 0 0 / 0.2)}
-.border-l-xx\/25 {
-    border-left-color: rgb(255 0 0 / 0.25)}
-.border-l-xx\/30 {
-    border-left-color: rgb(255 0 0 / 0.3)}
-.border-l-xx\/40 {
-    border-left-color: rgb(255 0 0 / 0.4)}
-.border-l-xx\/5 {
-    border-left-color: rgb(255 0 0 / 0.05)}
-.border-l-xx\/50 {
-    border-left-color: rgb(255 0 0 / 0.5)}
-.border-l-xx\/60 {
-    border-left-color: rgb(255 0 0 / 0.6)}
-.border-l-xx\/70 {
-    border-left-color: rgb(255 0 0 / 0.7)}
-.border-l-xx\/75 {
-    border-left-color: rgb(255 0 0 / 0.75)}
-.border-l-xx\/80 {
-    border-left-color: rgb(255 0 0 / 0.8)}
-.border-l-xx\/90 {
-    border-left-color: rgb(255 0 0 / 0.9)}
-.border-l-xx\/95 {
-    border-left-color: rgb(255 0 0 / 0.95)}
 .border-r-accent {
     border-right-color: oklch(var(--a) / 1)}
 .border-r-accent-content {
@@ -12930,38 +12677,6 @@ details.collapse summary::-webkit-details-marker {
     border-right-color: oklch(var(--wa) / 0.9)}
 .border-r-warning\/95 {
     border-right-color: oklch(var(--wa) / 0.95)}
-.border-r-xx {
-    border-right-color: red}
-.border-r-xx\/0 {
-    border-right-color: rgb(255 0 0 / 0)}
-.border-r-xx\/10 {
-    border-right-color: rgb(255 0 0 / 0.1)}
-.border-r-xx\/100 {
-    border-right-color: rgb(255 0 0 / 1)}
-.border-r-xx\/20 {
-    border-right-color: rgb(255 0 0 / 0.2)}
-.border-r-xx\/25 {
-    border-right-color: rgb(255 0 0 / 0.25)}
-.border-r-xx\/30 {
-    border-right-color: rgb(255 0 0 / 0.3)}
-.border-r-xx\/40 {
-    border-right-color: rgb(255 0 0 / 0.4)}
-.border-r-xx\/5 {
-    border-right-color: rgb(255 0 0 / 0.05)}
-.border-r-xx\/50 {
-    border-right-color: rgb(255 0 0 / 0.5)}
-.border-r-xx\/60 {
-    border-right-color: rgb(255 0 0 / 0.6)}
-.border-r-xx\/70 {
-    border-right-color: rgb(255 0 0 / 0.7)}
-.border-r-xx\/75 {
-    border-right-color: rgb(255 0 0 / 0.75)}
-.border-r-xx\/80 {
-    border-right-color: rgb(255 0 0 / 0.8)}
-.border-r-xx\/90 {
-    border-right-color: rgb(255 0 0 / 0.9)}
-.border-r-xx\/95 {
-    border-right-color: rgb(255 0 0 / 0.95)}
 .border-s-accent {
     border-inline-start-color: oklch(var(--a) / 1)}
 .border-s-accent-content {
@@ -13764,38 +13479,6 @@ details.collapse summary::-webkit-details-marker {
     border-inline-start-color: oklch(var(--wa) / 0.9)}
 .border-s-warning\/95 {
     border-inline-start-color: oklch(var(--wa) / 0.95)}
-.border-s-xx {
-    border-inline-start-color: red}
-.border-s-xx\/0 {
-    border-inline-start-color: rgb(255 0 0 / 0)}
-.border-s-xx\/10 {
-    border-inline-start-color: rgb(255 0 0 / 0.1)}
-.border-s-xx\/100 {
-    border-inline-start-color: rgb(255 0 0 / 1)}
-.border-s-xx\/20 {
-    border-inline-start-color: rgb(255 0 0 / 0.2)}
-.border-s-xx\/25 {
-    border-inline-start-color: rgb(255 0 0 / 0.25)}
-.border-s-xx\/30 {
-    border-inline-start-color: rgb(255 0 0 / 0.3)}
-.border-s-xx\/40 {
-    border-inline-start-color: rgb(255 0 0 / 0.4)}
-.border-s-xx\/5 {
-    border-inline-start-color: rgb(255 0 0 / 0.05)}
-.border-s-xx\/50 {
-    border-inline-start-color: rgb(255 0 0 / 0.5)}
-.border-s-xx\/60 {
-    border-inline-start-color: rgb(255 0 0 / 0.6)}
-.border-s-xx\/70 {
-    border-inline-start-color: rgb(255 0 0 / 0.7)}
-.border-s-xx\/75 {
-    border-inline-start-color: rgb(255 0 0 / 0.75)}
-.border-s-xx\/80 {
-    border-inline-start-color: rgb(255 0 0 / 0.8)}
-.border-s-xx\/90 {
-    border-inline-start-color: rgb(255 0 0 / 0.9)}
-.border-s-xx\/95 {
-    border-inline-start-color: rgb(255 0 0 / 0.95)}
 .border-t-accent {
     border-top-color: oklch(var(--a) / 1)}
 .border-t-accent-content {
@@ -14598,38 +14281,6 @@ details.collapse summary::-webkit-details-marker {
     border-top-color: oklch(var(--wa) / 0.9)}
 .border-t-warning\/95 {
     border-top-color: oklch(var(--wa) / 0.95)}
-.border-t-xx {
-    border-top-color: red}
-.border-t-xx\/0 {
-    border-top-color: rgb(255 0 0 / 0)}
-.border-t-xx\/10 {
-    border-top-color: rgb(255 0 0 / 0.1)}
-.border-t-xx\/100 {
-    border-top-color: rgb(255 0 0 / 1)}
-.border-t-xx\/20 {
-    border-top-color: rgb(255 0 0 / 0.2)}
-.border-t-xx\/25 {
-    border-top-color: rgb(255 0 0 / 0.25)}
-.border-t-xx\/30 {
-    border-top-color: rgb(255 0 0 / 0.3)}
-.border-t-xx\/40 {
-    border-top-color: rgb(255 0 0 / 0.4)}
-.border-t-xx\/5 {
-    border-top-color: rgb(255 0 0 / 0.05)}
-.border-t-xx\/50 {
-    border-top-color: rgb(255 0 0 / 0.5)}
-.border-t-xx\/60 {
-    border-top-color: rgb(255 0 0 / 0.6)}
-.border-t-xx\/70 {
-    border-top-color: rgb(255 0 0 / 0.7)}
-.border-t-xx\/75 {
-    border-top-color: rgb(255 0 0 / 0.75)}
-.border-t-xx\/80 {
-    border-top-color: rgb(255 0 0 / 0.8)}
-.border-t-xx\/90 {
-    border-top-color: rgb(255 0 0 / 0.9)}
-.border-t-xx\/95 {
-    border-top-color: rgb(255 0 0 / 0.95)}
 .bg-accent {
     background-color: oklch(var(--a) / 1)}
 .bg-accent-content {
@@ -15432,38 +15083,6 @@ details.collapse summary::-webkit-details-marker {
     background-color: oklch(var(--wa) / 0.9)}
 .bg-warning\/95 {
     background-color: oklch(var(--wa) / 0.95)}
-.bg-xx {
-    background-color: red}
-.bg-xx\/0 {
-    background-color: rgb(255 0 0 / 0)}
-.bg-xx\/10 {
-    background-color: rgb(255 0 0 / 0.1)}
-.bg-xx\/100 {
-    background-color: rgb(255 0 0 / 1)}
-.bg-xx\/20 {
-    background-color: rgb(255 0 0 / 0.2)}
-.bg-xx\/25 {
-    background-color: rgb(255 0 0 / 0.25)}
-.bg-xx\/30 {
-    background-color: rgb(255 0 0 / 0.3)}
-.bg-xx\/40 {
-    background-color: rgb(255 0 0 / 0.4)}
-.bg-xx\/5 {
-    background-color: rgb(255 0 0 / 0.05)}
-.bg-xx\/50 {
-    background-color: rgb(255 0 0 / 0.5)}
-.bg-xx\/60 {
-    background-color: rgb(255 0 0 / 0.6)}
-.bg-xx\/70 {
-    background-color: rgb(255 0 0 / 0.7)}
-.bg-xx\/75 {
-    background-color: rgb(255 0 0 / 0.75)}
-.bg-xx\/80 {
-    background-color: rgb(255 0 0 / 0.8)}
-.bg-xx\/90 {
-    background-color: rgb(255 0 0 / 0.9)}
-.bg-xx\/95 {
-    background-color: rgb(255 0 0 / 0.95)}
 .bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--tw-gradient-stops))}
 .bg-gradient-to-bl {
@@ -17086,70 +16705,6 @@ details.collapse summary::-webkit-details-marker {
     --tw-gradient-from: oklch(var(--wa) / 0.95) var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
-.from-xx {
-    --tw-gradient-from: red var(--tw-gradient-from-position);
-    --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
-.from-xx\/0 {
-    --tw-gradient-from: rgb(255 0 0 / 0) var(--tw-gradient-from-position);
-    --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
-.from-xx\/10 {
-    --tw-gradient-from: rgb(255 0 0 / 0.1) var(--tw-gradient-from-position);
-    --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
-.from-xx\/100 {
-    --tw-gradient-from: rgb(255 0 0 / 1) var(--tw-gradient-from-position);
-    --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
-.from-xx\/20 {
-    --tw-gradient-from: rgb(255 0 0 / 0.2) var(--tw-gradient-from-position);
-    --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
-.from-xx\/25 {
-    --tw-gradient-from: rgb(255 0 0 / 0.25) var(--tw-gradient-from-position);
-    --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
-.from-xx\/30 {
-    --tw-gradient-from: rgb(255 0 0 / 0.3) var(--tw-gradient-from-position);
-    --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
-.from-xx\/40 {
-    --tw-gradient-from: rgb(255 0 0 / 0.4) var(--tw-gradient-from-position);
-    --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
-.from-xx\/5 {
-    --tw-gradient-from: rgb(255 0 0 / 0.05) var(--tw-gradient-from-position);
-    --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
-.from-xx\/50 {
-    --tw-gradient-from: rgb(255 0 0 / 0.5) var(--tw-gradient-from-position);
-    --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
-.from-xx\/60 {
-    --tw-gradient-from: rgb(255 0 0 / 0.6) var(--tw-gradient-from-position);
-    --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
-.from-xx\/70 {
-    --tw-gradient-from: rgb(255 0 0 / 0.7) var(--tw-gradient-from-position);
-    --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
-.from-xx\/75 {
-    --tw-gradient-from: rgb(255 0 0 / 0.75) var(--tw-gradient-from-position);
-    --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
-.from-xx\/80 {
-    --tw-gradient-from: rgb(255 0 0 / 0.8) var(--tw-gradient-from-position);
-    --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
-.from-xx\/90 {
-    --tw-gradient-from: rgb(255 0 0 / 0.9) var(--tw-gradient-from-position);
-    --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
-.from-xx\/95 {
-    --tw-gradient-from: rgb(255 0 0 / 0.95) var(--tw-gradient-from-position);
-    --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
 .from-0\% {
     --tw-gradient-from-position: 0%}
 .from-10\% {
@@ -18395,54 +17950,6 @@ details.collapse summary::-webkit-details-marker {
 .via-warning\/95 {
     --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), oklch(var(--wa) / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to)}
-.via-xx {
-    --tw-gradient-to: rgb(255 0 0 / 0)  var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), red var(--tw-gradient-via-position), var(--tw-gradient-to)}
-.via-xx\/0 {
-    --tw-gradient-to: rgb(255 0 0 / 0)  var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 0 0 / 0) var(--tw-gradient-via-position), var(--tw-gradient-to)}
-.via-xx\/10 {
-    --tw-gradient-to: rgb(255 0 0 / 0)  var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 0 0 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to)}
-.via-xx\/100 {
-    --tw-gradient-to: rgb(255 0 0 / 0)  var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 0 0 / 1) var(--tw-gradient-via-position), var(--tw-gradient-to)}
-.via-xx\/20 {
-    --tw-gradient-to: rgb(255 0 0 / 0)  var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 0 0 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)}
-.via-xx\/25 {
-    --tw-gradient-to: rgb(255 0 0 / 0)  var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 0 0 / 0.25) var(--tw-gradient-via-position), var(--tw-gradient-to)}
-.via-xx\/30 {
-    --tw-gradient-to: rgb(255 0 0 / 0)  var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 0 0 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to)}
-.via-xx\/40 {
-    --tw-gradient-to: rgb(255 0 0 / 0)  var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to)}
-.via-xx\/5 {
-    --tw-gradient-to: rgb(255 0 0 / 0)  var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 0 0 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to)}
-.via-xx\/50 {
-    --tw-gradient-to: rgb(255 0 0 / 0)  var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 0 0 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to)}
-.via-xx\/60 {
-    --tw-gradient-to: rgb(255 0 0 / 0)  var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 0 0 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to)}
-.via-xx\/70 {
-    --tw-gradient-to: rgb(255 0 0 / 0)  var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 0 0 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to)}
-.via-xx\/75 {
-    --tw-gradient-to: rgb(255 0 0 / 0)  var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 0 0 / 0.75) var(--tw-gradient-via-position), var(--tw-gradient-to)}
-.via-xx\/80 {
-    --tw-gradient-to: rgb(255 0 0 / 0)  var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 0 0 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to)}
-.via-xx\/90 {
-    --tw-gradient-to: rgb(255 0 0 / 0)  var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 0 0 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to)}
-.via-xx\/95 {
-    --tw-gradient-to: rgb(255 0 0 / 0)  var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 0 0 / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to)}
 .via-0\% {
     --tw-gradient-via-position: 0%}
 .via-10\% {
@@ -19287,38 +18794,6 @@ details.collapse summary::-webkit-details-marker {
     --tw-gradient-to: oklch(var(--wa) / 0.9) var(--tw-gradient-to-position)}
 .to-warning\/95 {
     --tw-gradient-to: oklch(var(--wa) / 0.95) var(--tw-gradient-to-position)}
-.to-xx {
-    --tw-gradient-to: red var(--tw-gradient-to-position)}
-.to-xx\/0 {
-    --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position)}
-.to-xx\/10 {
-    --tw-gradient-to: rgb(255 0 0 / 0.1) var(--tw-gradient-to-position)}
-.to-xx\/100 {
-    --tw-gradient-to: rgb(255 0 0 / 1) var(--tw-gradient-to-position)}
-.to-xx\/20 {
-    --tw-gradient-to: rgb(255 0 0 / 0.2) var(--tw-gradient-to-position)}
-.to-xx\/25 {
-    --tw-gradient-to: rgb(255 0 0 / 0.25) var(--tw-gradient-to-position)}
-.to-xx\/30 {
-    --tw-gradient-to: rgb(255 0 0 / 0.3) var(--tw-gradient-to-position)}
-.to-xx\/40 {
-    --tw-gradient-to: rgb(255 0 0 / 0.4) var(--tw-gradient-to-position)}
-.to-xx\/5 {
-    --tw-gradient-to: rgb(255 0 0 / 0.05) var(--tw-gradient-to-position)}
-.to-xx\/50 {
-    --tw-gradient-to: rgb(255 0 0 / 0.5) var(--tw-gradient-to-position)}
-.to-xx\/60 {
-    --tw-gradient-to: rgb(255 0 0 / 0.6) var(--tw-gradient-to-position)}
-.to-xx\/70 {
-    --tw-gradient-to: rgb(255 0 0 / 0.7) var(--tw-gradient-to-position)}
-.to-xx\/75 {
-    --tw-gradient-to: rgb(255 0 0 / 0.75) var(--tw-gradient-to-position)}
-.to-xx\/80 {
-    --tw-gradient-to: rgb(255 0 0 / 0.8) var(--tw-gradient-to-position)}
-.to-xx\/90 {
-    --tw-gradient-to: rgb(255 0 0 / 0.9) var(--tw-gradient-to-position)}
-.to-xx\/95 {
-    --tw-gradient-to: rgb(255 0 0 / 0.95) var(--tw-gradient-to-position)}
 .to-0\% {
     --tw-gradient-to-position: 0%}
 .to-10\% {
@@ -20165,38 +19640,6 @@ details.collapse summary::-webkit-details-marker {
     stroke: oklch(var(--wa) / 0.9)}
 .stroke-warning\/95 {
     stroke: oklch(var(--wa) / 0.95)}
-.stroke-xx {
-    stroke: red}
-.stroke-xx\/0 {
-    stroke: rgb(255 0 0 / 0)}
-.stroke-xx\/10 {
-    stroke: rgb(255 0 0 / 0.1)}
-.stroke-xx\/100 {
-    stroke: rgb(255 0 0 / 1)}
-.stroke-xx\/20 {
-    stroke: rgb(255 0 0 / 0.2)}
-.stroke-xx\/25 {
-    stroke: rgb(255 0 0 / 0.25)}
-.stroke-xx\/30 {
-    stroke: rgb(255 0 0 / 0.3)}
-.stroke-xx\/40 {
-    stroke: rgb(255 0 0 / 0.4)}
-.stroke-xx\/5 {
-    stroke: rgb(255 0 0 / 0.05)}
-.stroke-xx\/50 {
-    stroke: rgb(255 0 0 / 0.5)}
-.stroke-xx\/60 {
-    stroke: rgb(255 0 0 / 0.6)}
-.stroke-xx\/70 {
-    stroke: rgb(255 0 0 / 0.7)}
-.stroke-xx\/75 {
-    stroke: rgb(255 0 0 / 0.75)}
-.stroke-xx\/80 {
-    stroke: rgb(255 0 0 / 0.8)}
-.stroke-xx\/90 {
-    stroke: rgb(255 0 0 / 0.9)}
-.stroke-xx\/95 {
-    stroke: rgb(255 0 0 / 0.95)}
 .text-accent {
     color: oklch(var(--a) / 1)}
 .text-accent-content {
@@ -20999,38 +20442,6 @@ details.collapse summary::-webkit-details-marker {
     color: oklch(var(--wa) / 0.9)}
 .text-warning\/95 {
     color: oklch(var(--wa) / 0.95)}
-.text-xx {
-    color: red}
-.text-xx\/0 {
-    color: rgb(255 0 0 / 0)}
-.text-xx\/10 {
-    color: rgb(255 0 0 / 0.1)}
-.text-xx\/100 {
-    color: rgb(255 0 0 / 1)}
-.text-xx\/20 {
-    color: rgb(255 0 0 / 0.2)}
-.text-xx\/25 {
-    color: rgb(255 0 0 / 0.25)}
-.text-xx\/30 {
-    color: rgb(255 0 0 / 0.3)}
-.text-xx\/40 {
-    color: rgb(255 0 0 / 0.4)}
-.text-xx\/5 {
-    color: rgb(255 0 0 / 0.05)}
-.text-xx\/50 {
-    color: rgb(255 0 0 / 0.5)}
-.text-xx\/60 {
-    color: rgb(255 0 0 / 0.6)}
-.text-xx\/70 {
-    color: rgb(255 0 0 / 0.7)}
-.text-xx\/75 {
-    color: rgb(255 0 0 / 0.75)}
-.text-xx\/80 {
-    color: rgb(255 0 0 / 0.8)}
-.text-xx\/90 {
-    color: rgb(255 0 0 / 0.9)}
-.text-xx\/95 {
-    color: rgb(255 0 0 / 0.95)}
 .placeholder-accent::placeholder {
     color: oklch(var(--a) / 1)}
 .placeholder-accent-content::placeholder {
@@ -21833,38 +21244,6 @@ details.collapse summary::-webkit-details-marker {
     color: oklch(var(--wa) / 0.9)}
 .placeholder-warning\/95::placeholder {
     color: oklch(var(--wa) / 0.95)}
-.placeholder-xx::placeholder {
-    color: red}
-.placeholder-xx\/0::placeholder {
-    color: rgb(255 0 0 / 0)}
-.placeholder-xx\/10::placeholder {
-    color: rgb(255 0 0 / 0.1)}
-.placeholder-xx\/100::placeholder {
-    color: rgb(255 0 0 / 1)}
-.placeholder-xx\/20::placeholder {
-    color: rgb(255 0 0 / 0.2)}
-.placeholder-xx\/25::placeholder {
-    color: rgb(255 0 0 / 0.25)}
-.placeholder-xx\/30::placeholder {
-    color: rgb(255 0 0 / 0.3)}
-.placeholder-xx\/40::placeholder {
-    color: rgb(255 0 0 / 0.4)}
-.placeholder-xx\/5::placeholder {
-    color: rgb(255 0 0 / 0.05)}
-.placeholder-xx\/50::placeholder {
-    color: rgb(255 0 0 / 0.5)}
-.placeholder-xx\/60::placeholder {
-    color: rgb(255 0 0 / 0.6)}
-.placeholder-xx\/70::placeholder {
-    color: rgb(255 0 0 / 0.7)}
-.placeholder-xx\/75::placeholder {
-    color: rgb(255 0 0 / 0.75)}
-.placeholder-xx\/80::placeholder {
-    color: rgb(255 0 0 / 0.8)}
-.placeholder-xx\/90::placeholder {
-    color: rgb(255 0 0 / 0.9)}
-.placeholder-xx\/95::placeholder {
-    color: rgb(255 0 0 / 0.95)}
 .ring {
     --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -22693,38 +22072,6 @@ details.collapse summary::-webkit-details-marker {
     --tw-ring-color: oklch(var(--wa) / 0.9)}
 .ring-warning\/95 {
     --tw-ring-color: oklch(var(--wa) / 0.95)}
-.ring-xx {
-    --tw-ring-color: red}
-.ring-xx\/0 {
-    --tw-ring-color: rgb(255 0 0 / 0)}
-.ring-xx\/10 {
-    --tw-ring-color: rgb(255 0 0 / 0.1)}
-.ring-xx\/100 {
-    --tw-ring-color: rgb(255 0 0 / 1)}
-.ring-xx\/20 {
-    --tw-ring-color: rgb(255 0 0 / 0.2)}
-.ring-xx\/25 {
-    --tw-ring-color: rgb(255 0 0 / 0.25)}
-.ring-xx\/30 {
-    --tw-ring-color: rgb(255 0 0 / 0.3)}
-.ring-xx\/40 {
-    --tw-ring-color: rgb(255 0 0 / 0.4)}
-.ring-xx\/5 {
-    --tw-ring-color: rgb(255 0 0 / 0.05)}
-.ring-xx\/50 {
-    --tw-ring-color: rgb(255 0 0 / 0.5)}
-.ring-xx\/60 {
-    --tw-ring-color: rgb(255 0 0 / 0.6)}
-.ring-xx\/70 {
-    --tw-ring-color: rgb(255 0 0 / 0.7)}
-.ring-xx\/75 {
-    --tw-ring-color: rgb(255 0 0 / 0.75)}
-.ring-xx\/80 {
-    --tw-ring-color: rgb(255 0 0 / 0.8)}
-.ring-xx\/90 {
-    --tw-ring-color: rgb(255 0 0 / 0.9)}
-.ring-xx\/95 {
-    --tw-ring-color: rgb(255 0 0 / 0.95)}
 .ring-offset-0 {
     --tw-ring-offset-width: 0px}
 .ring-offset-1 {
@@ -23537,38 +22884,6 @@ details.collapse summary::-webkit-details-marker {
     --tw-ring-offset-color: oklch(var(--wa) / 0.9)}
 .ring-offset-warning\/95 {
     --tw-ring-offset-color: oklch(var(--wa) / 0.95)}
-.ring-offset-xx {
-    --tw-ring-offset-color: red}
-.ring-offset-xx\/0 {
-    --tw-ring-offset-color: rgb(255 0 0 / 0)}
-.ring-offset-xx\/10 {
-    --tw-ring-offset-color: rgb(255 0 0 / 0.1)}
-.ring-offset-xx\/100 {
-    --tw-ring-offset-color: rgb(255 0 0 / 1)}
-.ring-offset-xx\/20 {
-    --tw-ring-offset-color: rgb(255 0 0 / 0.2)}
-.ring-offset-xx\/25 {
-    --tw-ring-offset-color: rgb(255 0 0 / 0.25)}
-.ring-offset-xx\/30 {
-    --tw-ring-offset-color: rgb(255 0 0 / 0.3)}
-.ring-offset-xx\/40 {
-    --tw-ring-offset-color: rgb(255 0 0 / 0.4)}
-.ring-offset-xx\/5 {
-    --tw-ring-offset-color: rgb(255 0 0 / 0.05)}
-.ring-offset-xx\/50 {
-    --tw-ring-offset-color: rgb(255 0 0 / 0.5)}
-.ring-offset-xx\/60 {
-    --tw-ring-offset-color: rgb(255 0 0 / 0.6)}
-.ring-offset-xx\/70 {
-    --tw-ring-offset-color: rgb(255 0 0 / 0.7)}
-.ring-offset-xx\/75 {
-    --tw-ring-offset-color: rgb(255 0 0 / 0.75)}
-.ring-offset-xx\/80 {
-    --tw-ring-offset-color: rgb(255 0 0 / 0.8)}
-.ring-offset-xx\/90 {
-    --tw-ring-offset-color: rgb(255 0 0 / 0.9)}
-.ring-offset-xx\/95 {
-    --tw-ring-offset-color: rgb(255 0 0 / 0.95)}
 .transition {
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -24311,14 +23626,16 @@ details.collapse summary::-webkit-details-marker {
 .timeline-vertical {
     flex-direction: column}
 :where(.timeline-vertical li) {
-    grid-template-rows: 1fr auto 1fr;
+    --timeline-row-start: 1fr;
+    --timeline-row-end: 1fr;
     justify-items: center}
 :where(.timeline-vertical:not(:has(.timeline-start)) li) {
-    grid-template-columns: min-content auto 1fr}
+    --timeline-col-start: min-content}
 :where(.timeline-vertical:not(:has(.timeline-end)) li) {
-    grid-template-columns: 1fr auto min-content}
+    --timeline-col-end: min-content}
 :where(.timeline-vertical:not(:has(.timeline-start)):not(:has(.timeline-end)) li) {
-    grid-template-columns: min-content auto min-content}
+    --timeline-col-start: min-content;
+    --timeline-col-end: min-content}
 .timeline-vertical hr {
     height: 100%}
 :where(.timeline-vertical hr):first-child {
@@ -24341,17 +23658,21 @@ details.collapse summary::-webkit-details-marker {
     grid-row-end: 4;
     align-self: center;
     justify-self: start}
+.timeline-vertical.timeline-snap-icon li {
+    --timeline-row-start: 0.5rem}
 .timeline-horizontal {
     flex-direction: row}
 :where(.timeline-horizontal li) {
-    grid-template-columns: 1fr auto 1fr;
+    --timeline-col-start: 1fr;
+    --timeline-col-end: 1fr;
     align-items: center}
 :where(.timeline-horizontal:not(:has(.timeline-start)) li) {
-    grid-template-rows: min-content auto 1fr}
+    --timeline-row-start: min-content}
 :where(.timeline-horizontal:not(:has(.timeline-end)) li) {
-    grid-template-rows: 1fr auto min-content}
+    --timeline-row-end: min-content}
 :where(.timeline-horizontal:not(:has(.timeline-start)):not(:has(.timeline-end)) li) {
-    grid-template-rows: min-content auto min-content}
+    --timeline-row-start: min-content;
+    --timeline-row-end: min-content}
 .timeline-horizontal hr {
     width: 100%}
 :where(.timeline-horizontal hr):first-child {
@@ -24374,6 +23695,8 @@ details.collapse summary::-webkit-details-marker {
     grid-row-end: 4;
     align-self: flex-start;
     justify-self: center}
+.timeline-horizontal.timeline-snap-icon li {
+    --timeline-col-start: 0.5rem}
 :where(.toast) {
     bottom: 0px;
     inset-inline-end: 0px;