daisyui 4.0.0-alpha.5 → 4.0.0-alpha.7

package/dist/full.css

@@ -1980,6 +1980,76 @@ html {
     top: calc(var(--value) * -1em);
     text-align: center;
     transition: all 1s cubic-bezier(1, 0, 0, 1)}
+.diff {
+    position: relative;
+    display: grid;
+    overflow: hidden;
+    container-type: inline-size;
+    grid-template-columns: auto 1fr}
+.diff-resizer {
+    position: relative;
+    top: 50%;
+    z-index: 1;
+    height: 3rem;
+    width: 25rem;
+    min-width: 1rem;
+    max-width: calc(100cqi - 1rem);
+    resize: horizontal;
+    overflow: hidden;
+    opacity: 0;
+    transform-origin: 100% 100%;
+    scale: 4;
+    translate: 1.5rem -1.5rem;
+    clip-path: inset(calc(100% - 0.75rem) 0 0 calc(100% - 0.75rem))}
+.diff-resizer,
+.diff-item-1,
+.diff-item-2 {
+    position: relative;
+    grid-column-start: 1;
+    grid-row-start: 1}
+.diff-item-1:after {
+    pointer-events: none;
+    position: absolute;
+    bottom: 0px;
+    right: 1px;
+    top: 50%;
+    z-index: 1;
+    height: 2rem;
+    width: 2rem;
+    --tw-content: '';
+    content: var(--tw-content);
+    translate: 50% -50%;
+    border-radius: 9999px;
+    border-width: 2px;
+    --tw-border-opacity: 1;
+    border-color: oklch(var(--b1) / var(--tw-border-opacity));
+    background-color: oklch(var(--b1) / 0.5);
+    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+    outline-style: solid;
+    outline-offset: -3px;
+    outline-color: oklch(var(--bc) / 0.05);
+    --tw-backdrop-blur: blur(8px);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
+.diff-item-2 {
+    overflow: hidden;
+    border-right-width: 2px;
+    --tw-border-opacity: 1;
+    border-color: oklch(var(--b1) / var(--tw-border-opacity))}
+.diff-item-1 > *,
+.diff-item-2 > * {
+    pointer-events: none;
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    top: 0px;
+    height: 100%;
+    width: 100cqi;
+    max-width: none;
+    object-fit: cover;
+    object-position: center}
 .divider {
     display: flex;
     flex-direction: row;
@@ -2980,26 +3050,28 @@ input.tab:checked + .tab-content,
 .timeline {
     position: relative;
     display: flex}
-:where(.timeline li) {
+:where(.timeline > li) {
     position: relative;
     display: grid;
     align-items: center;
-    grid-template-rows: 1fr auto 1fr;
-    grid-template-columns: 1fr auto 1fr}
-:where(.timeline:not(:has(.timeline-start)) li) {
-    grid-template-rows: min-content auto 1fr}
-:where(.timeline:not(:has(.timeline-end)) li) {
-    grid-template-rows: 1fr auto min-content}
+    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) {
+    --timeline-row-start: min-content}
+:where(.timeline:not(:has(.timeline-end)) > li) {
+    --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 hr {
+    --timeline-row-start: min-content;
+    --timeline-row-end: min-content}
+.timeline > li > hr {
     width: 100%;
-    border-width: 0px;
-    height: 0.25rem}
-:where(.timeline hr):first-child {
+    border-width: 0px}
+.timeline-snap-icon > li {
+    --timeline-col-start: 0.5rem}
+:where(.timeline > li > hr):first-child {
     grid-column-start: 1;
     grid-row-start: 2}
-:where(.timeline hr):last-child {
+:where(.timeline > li > hr):last-child {
     grid-column-start: 3;
     grid-row-start: 2}
 .timeline-start {
@@ -5023,9 +5095,15 @@ details.collapse summary::-webkit-details-marker {
 .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):first-child:before, .tab-lifted:is(input:checked):first-child:before {
     background-image: var(--radius-end);
     background-position: top right}
+[dir="rtl"] .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):first-child:before, [dir="rtl"] .tab-lifted:is(input:checked):first-child:before {
+    background-image: var(--radius-start);
+    background-position: top left}
 .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):last-child:before, .tab-lifted:is(input:checked):last-child:before {
     background-image: var(--radius-start);
     background-position: top left}
+[dir="rtl"] .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tab-lifted:is(input:checked):last-child:before {
+    background-image: var(--radius-end);
+    background-position: top right}
 .tab-lifted.tab-active:not(.tab-disabled):not([disabled])
   + .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before, .tab-lifted:is(input:checked) + .tab-lifted:is(input:checked):before {
     background-image: var(--radius-end);
@@ -5135,6 +5213,8 @@ details.collapse summary::-webkit-details-marker {
   .textarea[disabled]::placeholder {
     color: oklch(var(--bc) / var(--tw-placeholder-opacity));
     --tw-placeholder-opacity: 0.2}
+.timeline hr {
+    height: 0.25rem}
 :where(.timeline hr) {
     --tw-bg-opacity: 1;
     background-color: oklch(var(--b3) / var(--tw-bg-opacity))}
@@ -6150,38 +6230,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 +7140,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 +8343,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 +9546,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 +10348,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 +11150,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 +11952,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 +12754,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 +13556,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 +14358,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 +15160,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 +16782,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 +18027,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 +18871,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 +19717,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 +20519,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 +21321,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 +22149,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 +22961,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;
@@ -24310,21 +23702,23 @@ details.collapse summary::-webkit-details-marker {
     line-height: 2}
 .timeline-vertical {
     flex-direction: column}
-:where(.timeline-vertical li) {
-    grid-template-rows: 1fr auto 1fr;
+:where(.timeline-vertical > li) {
+    --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}
-:where(.timeline-vertical:not(:has(.timeline-end)) li) {
-    grid-template-columns: 1fr auto min-content}
-:where(.timeline-vertical:not(:has(.timeline-start)):not(:has(.timeline-end)) li) {
-    grid-template-columns: min-content auto min-content}
-.timeline-vertical hr {
+:where(.timeline-vertical:not(:has(.timeline-start)) > li) {
+    --timeline-col-start: min-content}
+:where(.timeline-vertical:not(:has(.timeline-end)) > li) {
+    --timeline-col-end: min-content}
+:where(.timeline-vertical:not(:has(.timeline-start)):not(:has(.timeline-end)) > li) {
+    --timeline-col-start: min-content;
+    --timeline-col-end: min-content}
+.timeline-vertical > li > hr {
     height: 100%}
-:where(.timeline-vertical hr):first-child {
+:where(.timeline-vertical > li > hr):first-child {
     grid-column-start: 2;
     grid-row-start: 1}
-:where(.timeline-vertical hr):last-child {
+:where(.timeline-vertical > li > hr):last-child {
     grid-column-start: 2;
     grid-row-start: 3}
 .timeline-vertical .timeline-start {
@@ -24341,23 +23735,27 @@ 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;
+:where(.timeline-horizontal > li) {
+    --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}
-:where(.timeline-horizontal:not(:has(.timeline-end)) li) {
-    grid-template-rows: 1fr auto min-content}
-:where(.timeline-horizontal:not(:has(.timeline-start)):not(:has(.timeline-end)) li) {
-    grid-template-rows: min-content auto min-content}
-.timeline-horizontal hr {
+:where(.timeline-horizontal:not(:has(.timeline-start)) > li) {
+    --timeline-row-start: min-content}
+:where(.timeline-horizontal:not(:has(.timeline-end)) > li) {
+    --timeline-row-end: min-content}
+:where(.timeline-horizontal:not(:has(.timeline-start)):not(:has(.timeline-end)) > li) {
+    --timeline-row-start: min-content;
+    --timeline-row-end: min-content}
+.timeline-horizontal > li > hr {
     width: 100%}
-:where(.timeline-horizontal hr):first-child {
+:where(.timeline-horizontal > li > hr):first-child {
     grid-column-start: 1;
     grid-row-start: 2}
-:where(.timeline-horizontal hr):last-child {
+:where(.timeline-horizontal > li > hr):last-child {
     grid-column-start: 3;
     grid-row-start: 2}
 .timeline-horizontal .timeline-start {
@@ -24374,6 +23772,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;
@@ -24779,46 +24179,46 @@ details.collapse summary::-webkit-details-marker {
     padding-right: 1.5rem;
     padding-top: 1rem;
     padding-bottom: 1rem}
-.timeline-vertical hr {
+.timeline-vertical > li > hr {
     width: 0.25rem}
-:where(.timeline-vertical:has(.timeline-middle) hr):first-child {
+:where(.timeline-vertical:has(.timeline-middle) > li > hr):first-child {
     border-bottom-right-radius: var(--rounded-badge, 1.9rem);
     border-bottom-left-radius: var(--rounded-badge, 1.9rem);
     border-top-left-radius: 0px;
     border-top-right-radius: 0px}
-:where(.timeline-vertical:has(.timeline-middle) hr):last-child {
+:where(.timeline-vertical:has(.timeline-middle) > li > hr):last-child {
     border-top-left-radius: var(--rounded-badge, 1.9rem);
     border-top-right-radius: var(--rounded-badge, 1.9rem);
     border-bottom-right-radius: 0px;
     border-bottom-left-radius: 0px}
-:where(.timeline-vertical:not(:has(.timeline-middle)) :first-child hr:last-child) {
+:where(.timeline-vertical:not(:has(.timeline-middle)) :first-child > hr:last-child) {
     border-top-left-radius: var(--rounded-badge, 1.9rem);
     border-top-right-radius: var(--rounded-badge, 1.9rem);
     border-bottom-right-radius: 0px;
     border-bottom-left-radius: 0px}
-:where(.timeline-vertical:not(:has(.timeline-middle)) :last-child hr:first-child) {
+:where(.timeline-vertical:not(:has(.timeline-middle)) :last-child > hr:first-child) {
     border-bottom-right-radius: var(--rounded-badge, 1.9rem);
     border-bottom-left-radius: var(--rounded-badge, 1.9rem);
     border-top-left-radius: 0px;
     border-top-right-radius: 0px}
-.timeline-horizontal hr {
+.timeline-horizontal > li > hr {
     height: 0.25rem}
-:where(.timeline-horizontal:has(.timeline-middle) hr):first-child {
+:where(.timeline-horizontal:has(.timeline-middle) > li > hr):first-child {
     border-start-end-radius: var(--rounded-badge, 1.9rem);
     border-end-end-radius: var(--rounded-badge, 1.9rem);
     border-start-start-radius: 0px;
     border-end-start-radius: 0px}
-:where(.timeline-horizontal:has(.timeline-middle) hr):last-child {
+:where(.timeline-horizontal:has(.timeline-middle) > li > hr):last-child {
     border-start-start-radius: var(--rounded-badge, 1.9rem);
     border-end-start-radius: var(--rounded-badge, 1.9rem);
     border-start-end-radius: 0px;
     border-end-end-radius: 0px}
-:where(.timeline-horizontal:not(:has(.timeline-middle)) :first-child hr:last-child) {
+:where(.timeline-horizontal:not(:has(.timeline-middle)) :first-child > hr:last-child) {
     border-start-start-radius: var(--rounded-badge, 1.9rem);
     border-end-start-radius: var(--rounded-badge, 1.9rem);
     border-start-end-radius: 0px;
     border-end-end-radius: 0px}
-:where(.timeline-horizontal:not(:has(.timeline-middle)) :last-child hr:first-child) {
+:where(.timeline-horizontal:not(:has(.timeline-middle)) :last-child > hr:first-child) {
     border-start-end-radius: var(--rounded-badge, 1.9rem);
     border-end-end-radius: var(--rounded-badge, 1.9rem);
     border-start-start-radius: 0px;