daisyui 4.0.0-alpha.4 → 4.0.0-alpha.5

package/dist/full.css

@@ -1749,12 +1749,6 @@ html {
     width: 3rem;
     border-radius: 9999px;
     padding: 0px}
-.btn-group {
-    display: inline-flex}
-.btn-group > input[type="radio"].btn {
-    appearance: none}
-.btn-group > input[type="radio"].btn:before {
-    content: attr(data-title)}
 :where(.btn:is(input[type="checkbox"])),
 :where(.btn:is(input[type="radio"])) {
     width: auto;
@@ -2416,61 +2410,6 @@ html {
     --tw-bg-opacity: 1;
     background-color: oklch(var(--b1) / var(--tw-bg-opacity));
     border-radius: var(--rounded-btn, 0.5rem)}
-.input-group {
-    display: flex;
-    width: 100%;
-    align-items: stretch}
-.input-group > .input {
-    isolation: isolate}
-.input-group > *,
-  .input-group > .input,
-  .input-group > .textarea,
-  .input-group > .select {
-    border-radius: 0px}
-.input-group-md {
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-    line-height: 2}
-.input-group-lg {
-    font-size: 1.125rem;
-    line-height: 1.75rem;
-    line-height: 2}
-.input-group-sm {
-    font-size: 0.875rem;
-    line-height: 2rem}
-.input-group-xs {
-    font-size: 0.75rem;
-    line-height: 1rem;
-    line-height: 1.625}
-.input-group :where(span) {
-    display: flex;
-    align-items: center;
-    --tw-bg-opacity: 1;
-    background-color: oklch(var(--b3) / var(--tw-bg-opacity));
-    padding-left: 1rem;
-    padding-right: 1rem}
-.input-group > :first-child {
-    border-top-left-radius: var(--rounded-btn, 0.5rem);
-    border-top-right-radius: 0;
-    border-bottom-left-radius: var(--rounded-btn, 0.5rem);
-    border-bottom-right-radius: 0}
-.input-group > :last-child {
-    border-top-left-radius: 0;
-    border-top-right-radius: var(--rounded-btn, 0.5rem);
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: var(--rounded-btn, 0.5rem)}
-.input-group-vertical {
-    flex-direction: column}
-.input-group-vertical :first-child {
-    border-top-left-radius: var(--rounded-btn, 0.5rem);
-    border-top-right-radius: var(--rounded-btn, 0.5rem);
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0}
-.input-group-vertical :last-child {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-bottom-left-radius: var(--rounded-btn, 0.5rem);
-    border-bottom-right-radius: var(--rounded-btn, 0.5rem)}
 .join {
     display: inline-flex;
     align-items: stretch;
@@ -3516,18 +3455,6 @@ input.tab:checked + .tab-content,
     --tw-bg-opacity: 0.2;
     color: oklch(var(--bc) / var(--tw-text-opacity));
     --tw-text-opacity: 0.2}
-.btn-group > input[type="radio"]:checked.btn,
-  .btn-group > .btn-active {
-    --tw-border-opacity: 1;
-    border-color: oklch(var(--p) / var(--tw-border-opacity));
-    --tw-bg-opacity: 1;
-    background-color: oklch(var(--p) / var(--tw-bg-opacity));
-    --tw-text-opacity: 1;
-    color: oklch(var(--pc) / var(--tw-text-opacity))}
-.btn-group > input[type="radio"]:checked.btn:focus-visible, .btn-group > .btn-active:focus-visible {
-    outline-style: solid;
-    outline-width: 2px;
-    outline-color: oklch(var(--p) / 1)}
 .btn:is(input[type="checkbox"]:checked),
 .btn:is(input[type="radio"]:checked) {
     --tw-border-opacity: 1;
@@ -3886,7 +3813,7 @@ details.collapse summary::-webkit-details-marker {
 .divider:not(:empty) {
     gap: 1rem}
 .drawer-toggle:checked ~ .drawer-side > .drawer-overlay {
-    background-color: oklch(0 0% 0%/0.4)}
+    background-color: oklch(0 0 0/0.4)}
 .drawer-toggle:focus-visible ~ .drawer-content label.drawer-button {
     outline-style: solid;
     outline-width: 2px;
@@ -4863,6 +4790,31 @@ details.collapse summary::-webkit-details-marker {
 [dir="rtl"] .select {
     background-position: calc(0% + 12px) calc(1px + 50%),
     calc(0% + 16px) calc(1px + 50%)}
+.skeleton {
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--b3) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem);
+    will-change: background-position;
+    animation: skeleton 2.5s ease-in-out infinite;
+    background-image: linear-gradient(
+    105deg,
+    transparent 0%,
+    transparent 40%,
+    oklch(var(--b1)) 50%,
+    transparent 60%,
+    transparent 100%
+  );
+    background-size: 200% auto;
+    background-repeat: no-repeat;
+    background-position-x: -50%}
+@media (prefers-reduced-motion) {
+    .skeleton {
+        animation-duration: 15s}}
+@keyframes skeleton {
+    from {
+        background-position: 150%}
+    to {
+        background-position: -50%}}
 :where(.stats) > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-x-reverse: 0;
     border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -6198,6 +6150,38 @@ 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 {
@@ -7108,6 +7092,38 @@ 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)}
@@ -8311,6 +8327,54 @@ 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)}
@@ -9514,6 +9578,54 @@ 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 {
@@ -10316,6 +10428,38 @@ 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 {
@@ -11118,6 +11262,38 @@ 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 {
@@ -11920,6 +12096,38 @@ 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 {
@@ -12722,6 +12930,38 @@ 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 {
@@ -13524,6 +13764,38 @@ 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 {
@@ -14326,6 +14598,38 @@ 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 {
@@ -15128,6 +15432,38 @@ 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 {
@@ -16750,6 +17086,70 @@ 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\% {
@@ -17995,6 +18395,54 @@ 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\% {
@@ -18839,6 +19287,38 @@ 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\% {
@@ -19685,6 +20165,38 @@ 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 {
@@ -20487,6 +20999,38 @@ 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 {
@@ -21289,6 +21833,38 @@ 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);
@@ -22117,6 +22693,38 @@ 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 {
@@ -22929,6 +23537,38 @@ 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;
@@ -23211,10 +23851,6 @@ details.collapse summary::-webkit-details-marker {
     width: 4rem;
     border-radius: 9999px;
     padding: 0px}
-.btn-group-horizontal {
-    flex-direction: row}
-.btn-group-vertical {
-    flex-direction: column}
 .card-side {
     align-items: stretch;
     flex-direction: row}
@@ -25484,17 +26120,6 @@ details.collapse summary::-webkit-details-marker {
     --tw-text-opacity: 1;
     color: oklch(var(--erc) / var(--tw-text-opacity))}
 @media (min-width: 640px) {
-    .sm\:input-group-md {
-        font-size: 0.875rem;
-        line-height: 1.25rem;
-        line-height: 2}
-    .sm\:input-group-lg {
-        font-size: 1.125rem;
-        line-height: 1.75rem;
-        line-height: 2}
-    .sm\:input-group-sm {
-        font-size: 0.875rem;
-        line-height: 2rem}
     .sm\:stats {
         display: inline-grid;
         --tw-bg-opacity: 1;
@@ -25521,17 +26146,6 @@ details.collapse summary::-webkit-details-marker {
     :is([dir="rtl"] .sm\:stats > :not([hidden]) ~ :not([hidden])) {
         --tw-divide-x-reverse: 1}}
 @media (min-width: 768px) {
-    .md\:input-group-md {
-        font-size: 0.875rem;
-        line-height: 1.25rem;
-        line-height: 2}
-    .md\:input-group-lg {
-        font-size: 1.125rem;
-        line-height: 1.75rem;
-        line-height: 2}
-    .md\:input-group-sm {
-        font-size: 0.875rem;
-        line-height: 2rem}
     .md\:stats {
         display: inline-grid;
         --tw-bg-opacity: 1;
@@ -25558,17 +26172,6 @@ details.collapse summary::-webkit-details-marker {
     :is([dir="rtl"] .md\:stats > :not([hidden]) ~ :not([hidden])) {
         --tw-divide-x-reverse: 1}}
 @media (min-width: 1024px) {
-    .lg\:input-group-md {
-        font-size: 0.875rem;
-        line-height: 1.25rem;
-        line-height: 2}
-    .lg\:input-group-lg {
-        font-size: 1.125rem;
-        line-height: 1.75rem;
-        line-height: 2}
-    .lg\:input-group-sm {
-        font-size: 0.875rem;
-        line-height: 2rem}
     .lg\:stats {
         display: inline-grid;
         --tw-bg-opacity: 1;
@@ -25595,17 +26198,6 @@ details.collapse summary::-webkit-details-marker {
     :is([dir="rtl"] .lg\:stats > :not([hidden]) ~ :not([hidden])) {
         --tw-divide-x-reverse: 1}}
 @media (min-width: 1280px) {
-    .xl\:input-group-md {
-        font-size: 0.875rem;
-        line-height: 1.25rem;
-        line-height: 2}
-    .xl\:input-group-lg {
-        font-size: 1.125rem;
-        line-height: 1.75rem;
-        line-height: 2}
-    .xl\:input-group-sm {
-        font-size: 0.875rem;
-        line-height: 2rem}
     .xl\:stats {
         display: inline-grid;
         --tw-bg-opacity: 1;