daisyui 2.15.2 → 2.17.0

package/dist/styled.css

@@ -52,7 +52,9 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   height: 1.25rem;
@@ -82,19 +84,23 @@
     align-items: center
 }
   .breadcrumbs > ul > li > a:hover {
-    text-decoration-line: underline
+    -webkit-text-decoration-line: underline;
+            text-decoration-line: underline
 }
 .btn {
   display: inline-flex;
   flex-shrink: 0;
   cursor: pointer;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   border-color: transparent;
   text-align: center;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   border-radius: var(--rounded-btn, 0.5rem);
@@ -109,7 +115,8 @@
 
   /* disabled */
 
-  .btn-disabled, .btn[disabled] {
+  .btn-disabled, 
+  .btn[disabled] {
   pointer-events: none;
 }
 
@@ -130,7 +137,8 @@
 
   /* loading */
 
-  .btn.loading, .btn.loading:hover {
+  .btn.loading, 
+    .btn.loading:hover {
   pointer-events: none;
 }
 
@@ -171,6 +179,10 @@
 .btn-group > input[type="radio"].btn:before {
     content: attr(data-title);
   }
+.btn-group-vertical {
+  flex-direction: column;
+  flex-wrap: nowrap;
+}
 .card {
       position: relative;
       display: flex;
@@ -207,7 +219,8 @@
       position: relative;
       content: ""
 }
-  .card.image-full:before, .card.image-full > * {
+  .card.image-full:before, 
+    .card.image-full > * {
       grid-column-start: 1;
       grid-row-start: 1
 }
@@ -249,7 +262,9 @@
   display: grid;
   overflow: hidden;
 }
-.collapse-title, .collapse > input[type="checkbox"], .collapse-content {
+.collapse-title, 
+.collapse > input[type="checkbox"], 
+.collapse-content {
   grid-column-start: 1;
   grid-row-start: 1;
 }
@@ -528,7 +543,10 @@
     bottom: 0px;
     top: auto
 }
-.dropdown.dropdown-open .dropdown-content, .dropdown.dropdown-hover:hover .dropdown-content, .dropdown:not(.dropdown-hover):focus .dropdown-content, .dropdown:not(.dropdown-hover):focus-within .dropdown-content {
+.dropdown.dropdown-open .dropdown-content, 
+.dropdown.dropdown-hover:hover .dropdown-content, 
+.dropdown:not(.dropdown-hover):focus .dropdown-content, 
+.dropdown:not(.dropdown-hover):focus-within .dropdown-content {
     visibility: visible;
     opacity: 1
 }
@@ -563,7 +581,8 @@
 }
 .label {
     display: flex;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     align-items: center;
     justify-content: space-between
 }
@@ -602,7 +621,9 @@
   }
 .input {
     flex-shrink: 1;
+    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-duration: 200ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     height: 3rem;
@@ -617,7 +638,8 @@
     width: 100%;
     align-items: stretch;
 }
-.input-group > *, .input-group > .input {
+.input-group > *, 
+  .input-group > .input {
     border-radius: 0px;
 }
 .input-group-md {
@@ -681,13 +703,16 @@
 }
 .link {
     cursor: pointer;
-    text-decoration-line: underline
+    -webkit-text-decoration-line: underline;
+            text-decoration-line: underline
 }
   .link-hover {
-    text-decoration-line: none
+    -webkit-text-decoration-line: none;
+            text-decoration-line: none
 }
   .link-hover:hover {
-    text-decoration-line: underline
+    -webkit-text-decoration-line: underline;
+            text-decoration-line: underline
 }
 .mask {
   -webkit-mask-size: contain;
@@ -732,7 +757,8 @@
 }
 .menu :where(li:not(.disabled):not(.menu-title)) > :where(*:not(ul)) {
   cursor: pointer;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   align-items: center;
   outline: 2px solid transparent;
   outline-offset: 2px
@@ -800,7 +826,9 @@
 .modal-box {
   max-height: calc(100vh - 5em);
 }
-.modal-open, .modal:target, .modal-toggle:checked + .modal {
+.modal-open, 
+.modal:target, 
+.modal-toggle:checked + .modal {
   pointer-events: auto;
   visibility: visible;
   opacity: 1;
@@ -863,7 +891,8 @@
   appearance: none;
   background-color: transparent;
 }
-.radial-progress:before, .radial-progress:after {
+.radial-progress:before, 
+.radial-progress:after {
   position: absolute;
   border-radius: 9999px;
   content: "";
@@ -907,7 +936,9 @@
 
     cursor: pointer;
 
-    user-select: none;
+    -webkit-user-select: none;
+
+            user-select: none;
 
     appearance: none;
 
@@ -928,10 +959,18 @@
 
   /* disabled */
 
-  .select-disabled, .select[disabled] {
+  .select-disabled, 
+  .select[disabled] {
 
     pointer-events: none
 }
+
+  /* multiple */
+
+  .select[multiple] {
+
+    height: auto
+}
 .stack {
     display: inline-grid;
 }
@@ -1007,7 +1046,9 @@
 
     display: inline-grid;
 
-    user-select: none;
+    -webkit-user-select: none;
+
+            user-select: none;
 
     place-content: center
 }
@@ -1024,17 +1065,23 @@
     appearance: none
 }
 
-.swap .swap-on, .swap .swap-indeterminate, .swap input:indeterminate ~ .swap-on {
+.swap .swap-on, 
+.swap .swap-indeterminate, 
+.swap input:indeterminate ~ .swap-on {
 
     opacity: 0
 }
 
-.swap input:checked ~ .swap-off, .swap.swap-active .swap-off, .swap input:indeterminate ~ .swap-off {
+.swap input:checked ~ .swap-off, 
+.swap.swap-active .swap-off, 
+.swap input:indeterminate ~ .swap-off {
 
     opacity: 0
 }
 
-.swap input:checked ~ .swap-on, .swap-active .swap-on, .swap input:indeterminate ~ .swap-indeterminate {
+.swap input:checked ~ .swap-on, 
+.swap-active .swap-on, 
+.swap input:indeterminate ~ .swap-indeterminate {
 
     opacity: 1
 }
@@ -1047,7 +1094,8 @@
   position: relative;
   display: inline-flex;
   cursor: pointer;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
@@ -1070,7 +1118,9 @@
 }
 .textarea {
     flex-shrink: 1;
+    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-duration: 200ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     padding-left: 1rem;
@@ -1457,7 +1507,8 @@
 .btn {
   font-weight: 600;
   text-transform: uppercase;
-  text-decoration-line: none;
+  -webkit-text-decoration-line: none;
+          text-decoration-line: none;
   border-width: var(--border-btn, 1px);
   animation: button-pop var(--animation-btn, 0.25s) ease-out;
   text-transform: var(--btn-text-case, uppercase);
@@ -1476,7 +1527,8 @@
   --tw-text-opacity: 1;
   color: hsl(var(--nc) / var(--tw-text-opacity));
 }
-  .btn:hover, .btn-active {
+  .btn:hover, 
+    .btn-active {
   --tw-border-opacity: 1;
   border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -1495,7 +1547,8 @@
   --tw-text-opacity: 1;
   color: hsl(var(--pc) / var(--tw-text-opacity));
 }
-  .btn-primary:hover, .btn-primary.btn-active {
+  .btn-primary:hover, 
+    .btn-primary.btn-active {
   --tw-border-opacity: 1;
   border-color: hsl(var(--pf, var(--p)) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -1512,7 +1565,8 @@
   --tw-text-opacity: 1;
   color: hsl(var(--sc) / var(--tw-text-opacity));
 }
-  .btn-secondary:hover, .btn-secondary.btn-active {
+  .btn-secondary:hover, 
+    .btn-secondary.btn-active {
   --tw-border-opacity: 1;
   border-color: hsl(var(--sf, var(--s)) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -1529,7 +1583,8 @@
   --tw-text-opacity: 1;
   color: hsl(var(--ac) / var(--tw-text-opacity));
 }
-  .btn-accent:hover, .btn-accent.btn-active {
+  .btn-accent:hover, 
+    .btn-accent.btn-active {
   --tw-border-opacity: 1;
   border-color: hsl(var(--af, var(--a)) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -1547,7 +1602,8 @@
   --tw-text-opacity: 1;
   color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
 }
-  .btn-info:hover, .btn-info.btn-active {
+  .btn-info:hover, 
+    .btn-info.btn-active {
   --tw-border-opacity: 1;
   border-color: hsl(var(--in) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -1564,7 +1620,8 @@
   --tw-text-opacity: 1;
   color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
 }
-  .btn-success:hover, .btn-success.btn-active {
+  .btn-success:hover, 
+    .btn-success.btn-active {
   --tw-border-opacity: 1;
   border-color: hsl(var(--su) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -1581,7 +1638,8 @@
   --tw-text-opacity: 1;
   color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
 }
-  .btn-warning:hover, .btn-warning.btn-active {
+  .btn-warning:hover, 
+    .btn-warning.btn-active {
   --tw-border-opacity: 1;
   border-color: hsl(var(--wa) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -1598,7 +1656,8 @@
   --tw-text-opacity: 1;
   color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
 }
-  .btn-error:hover, .btn-error.btn-active {
+  .btn-error:hover, 
+    .btn-error.btn-active {
   --tw-border-opacity: 1;
   border-color: hsl(var(--er) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -1623,7 +1682,8 @@
   background-color: transparent;
   color: currentColor;
 }
-  .btn-ghost:hover, .btn-ghost.btn-active {
+  .btn-ghost:hover, 
+    .btn-ghost.btn-active {
   --tw-border-opacity: 0;
   background-color: hsl(var(--bc) / var(--tw-bg-opacity));
   --tw-bg-opacity: 0.2;
@@ -1637,10 +1697,12 @@
   --tw-text-opacity: 1;
   color: hsl(var(--p) / var(--tw-text-opacity));
 }
-  .btn-link:hover, .btn-link.btn-active {
+  .btn-link:hover, 
+    .btn-link.btn-active {
   border-color: transparent;
   background-color: transparent;
-  text-decoration-line: underline;
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
 }
   .btn-link:focus-visible {
       outline: 2px solid 0 0 2px currentColor;
@@ -1745,7 +1807,10 @@
   color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
 }
   /* disabled */
-  .btn-disabled, .btn-disabled:hover, .btn[disabled], .btn[disabled]:hover {
+  .btn-disabled, 
+  .btn-disabled:hover, 
+  .btn[disabled], 
+  .btn[disabled]:hover {
   --tw-border-opacity: 0;
   background-color: hsl(var(--n) / var(--tw-bg-opacity));
   --tw-bg-opacity: 0.2;
@@ -1753,19 +1818,23 @@
   --tw-text-opacity: 0.2;
 }
   /* loading */
-  .btn.loading.btn-square:before, .btn.loading.btn-circle:before {
+  .btn.loading.btn-square:before, 
+    .btn.loading.btn-circle:before {
   margin-right: 0px;
 }
-  .btn.loading.btn-xl:before, .btn.loading.btn-lg:before {
+  .btn.loading.btn-xl:before, 
+    .btn.loading.btn-lg:before {
   height: 1.25rem;
   width: 1.25rem;
 }
-  .btn.loading.btn-sm:before, .btn.loading.btn-xs:before {
+  .btn.loading.btn-sm:before, 
+    .btn.loading.btn-xs:before {
   height: 0.75rem;
   width: 0.75rem;
 }
 /* group */
-.btn-group > input[type="radio"]:checked.btn, .btn-group > .btn-active {
+.btn-group > input[type="radio"]:checked.btn, 
+  .btn-group > .btn-active {
   --tw-border-opacity: 1;
   border-color: hsl(var(--p) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -1776,15 +1845,24 @@
 .btn-group > input[type="radio"]:checked.btn:focus-visible, .btn-group > .btn-active:focus-visible {
       outline: 2px solid hsl(var(--p));
     }
-.btn-group > .btn:not(:first-of-type) {
+.btn-group:not(.btn-group-vertical) > .btn:not(:first-of-type) {
   margin-left: -1px;
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
 }
-.btn-group > .btn:not(:last-of-type) {
+.btn-group:not(.btn-group-vertical) > .btn:not(:last-of-type) {
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
 }
+.btn-group-vertical > .btn:not(:first-of-type) {
+  margin-top: -1px;
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+.btn-group-vertical > .btn:not(:last-of-type) {
+  border-bottom-right-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
 @keyframes button-pop {
   0% {
     transform: scale(var(--btn-focus-scale, 0.95));
@@ -1867,7 +1945,8 @@
     outline: 2px solid hsl(var(--bc));
     outline-offset: 2px;
   }
-  .checkbox:checked, .checkbox[checked="true"] {
+  .checkbox:checked, 
+  .checkbox[checked="true"] {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--bc) / var(--tw-bg-opacity));
   background-repeat: no-repeat;
@@ -1894,7 +1973,8 @@
   .checkbox-primary:focus-visible {
       outline: 2px solid hsl(var(--p));
     }
-  .checkbox-primary:checked, .checkbox-primary[checked="true"] {
+  .checkbox-primary:checked, 
+    .checkbox-primary[checked="true"] {
   --tw-border-opacity: 1;
   border-color: hsl(var(--p) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -1915,7 +1995,8 @@
   .checkbox-secondary:focus-visible {
       outline: 2px solid hsl(var(--s));
     }
-  .checkbox-secondary:checked, .checkbox-secondary[checked="true"] {
+  .checkbox-secondary:checked, 
+    .checkbox-secondary[checked="true"] {
   --tw-border-opacity: 1;
   border-color: hsl(var(--s) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -1936,7 +2017,8 @@
   .checkbox-accent:focus-visible {
       outline: 2px solid hsl(var(--a));
     }
-  .checkbox-accent:checked, .checkbox-accent[checked="true"] {
+  .checkbox-accent:checked, 
+    .checkbox-accent[checked="true"] {
   --tw-border-opacity: 1;
   border-color: hsl(var(--a) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -2013,13 +2095,15 @@ body[dir="rtl"] .checkbox:checked,
   content: "+";
   pointer-events: none;
 }
-.collapse:not(.collapse-open):not(.collapse-close) input[type="checkbox"], .collapse:not(.collapse-open):not(.collapse-close) .collapse-title {
+.collapse:not(.collapse-open):not(.collapse-close) input[type="checkbox"], 
+.collapse:not(.collapse-open):not(.collapse-close) .collapse-title {
   cursor: pointer;
 }
 .collapse:focus:not(.collapse-open):not(.collapse-close) .collapse-title {
   cursor: unset;
 }
-.collapse-title, .collapse > input[type="checkbox"] {
+.collapse-title, 
+.collapse > input[type="checkbox"] {
   width: 100%;
   padding: 1rem;
   padding-right: 3rem;
@@ -2038,7 +2122,9 @@ body[dir="rtl"] .checkbox:checked,
   cursor: unset;
   transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
 }
-.collapse-open :where(.collapse-content), .collapse:focus:not(.collapse-close) :where(.collapse-content), .collapse:not(.collapse-close) :where(input[type="checkbox"]:checked ~ .collapse-content) {
+.collapse-open :where(.collapse-content), 
+.collapse:focus:not(.collapse-close) :where(.collapse-content), 
+.collapse:not(.collapse-close) :where(input[type="checkbox"]:checked ~ .collapse-content) {
   padding-bottom: 1rem;
   transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
 }
@@ -2147,7 +2233,9 @@ body[dir="rtl"] .checkbox:checked,
     --tw-scale-x: .95;
     --tw-scale-y: .95;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-duration: 200ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
 }
@@ -2160,7 +2248,10 @@ body[dir="rtl"] .checkbox:checked,
 .dropdown-right .dropdown-content {
     transform-origin: left
 }
-.dropdown.dropdown-open .dropdown-content, .dropdown.dropdown-hover:hover .dropdown-content, .dropdown:focus .dropdown-content, .dropdown:focus-within .dropdown-content {
+.dropdown.dropdown-open .dropdown-content, 
+.dropdown.dropdown-hover:hover .dropdown-content, 
+.dropdown:focus .dropdown-content, 
+.dropdown:focus-within .dropdown-content {
     --tw-scale-x: 1;
     --tw-scale-y: 1;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
@@ -2290,7 +2381,8 @@ body[dir="rtl"] .checkbox:checked,
   .input-error:focus {
       outline: 2px solid hsl(var(--er));
     }
-  .input-disabled, .input[disabled] {
+  .input-disabled, 
+  .input[disabled] {
   cursor: not-allowed;
   --tw-border-opacity: 1;
   border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
@@ -2298,7 +2390,8 @@ body[dir="rtl"] .checkbox:checked,
   background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
   --tw-text-opacity: 0.2;
 }
-  .input-disabled::placeholder, .input[disabled]::placeholder {
+  .input-disabled::placeholder, 
+  .input[disabled]::placeholder {
   color: hsl(var(--bc) / var(--tw-placeholder-opacity));
   --tw-placeholder-opacity: 0.2;
 }
@@ -2431,13 +2524,16 @@ body[dir="rtl"] .checkbox:checked,
     -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtcmlnaHQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUtcmlnaHQiIGZpbGw9IiMwMDAwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjAwMDAwMCwgODcuMTA3MTQzKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtNTAuMDAwMDAwLCAtODcuMTA3MTQzKSAiIHBvaW50cz0iNTAgMTM2LjQ3NjE3NyAtMzYuNjAyNTQwNCAxMzYuNjYwNzE0IDYuODU5OTgzNzQgNjIuNDIyNjI1OSA1MCAtMTIgOTMuMTQwMDE2MyA2Mi40MjI2MjU5IDEzNi42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
             mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtcmlnaHQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUtcmlnaHQiIGZpbGw9IiMwMDAwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjAwMDAwMCwgODcuMTA3MTQzKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtNTAuMDAwMDAwLCAtODcuMTA3MTQzKSAiIHBvaW50cz0iNTAgMTM2LjQ3NjE3NyAtMzYuNjAyNTQwNCAxMzYuNjYwNzE0IDYuODU5OTgzNzQgNjIuNDIyNjI1OSA1MCAtMTIgOTMuMTQwMDE2MyA2Mi40MjI2MjU5IDEzNi42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
   }
-.menu.horizontal li.bordered > a, .menu.horizontal li.bordered > button, .menu.horizontal li.bordered > span {
+.menu.horizontal li.bordered > a, 
+        .menu.horizontal li.bordered > button, 
+        .menu.horizontal li.bordered > span {
   border-left-width: 0px;
   border-bottom-width: 4px;
   --tw-border-opacity: 1;
   border-color: hsl(var(--p) / var(--tw-border-opacity));
 }
-  .menu[class*=" p-"] li > *, .menu[class^="p-"] li > * {
+  .menu[class*=" p-"] li > *, 
+  .menu[class^="p-"] li > * {
   border-radius: var(--rounded-btn, 0.5rem);
 }
   .menu :where(li.bordered > *) {
@@ -2453,11 +2549,13 @@ body[dir="rtl"] .checkbox:checked,
   padding-bottom: 0.75rem;
   color: currentColor;
 }
-  .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):focus), .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):hover) {
+  .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):focus), 
+  .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):hover) {
   background-color: hsl(var(--bc) / var(--tw-bg-opacity));
   --tw-bg-opacity: 0.1;
 }
-  .menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul).active), .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):active) {
+  .menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul).active), 
+  .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):active) {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--p) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
@@ -2473,7 +2571,8 @@ body[dir="rtl"] .checkbox:checked,
   --tw-bg-opacity: 0.1;
 }
   .menu li.disabled > * {
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   color: hsl(var(--bc) / var(--tw-text-opacity));
   --tw-text-opacity: 0.2;
 }
@@ -2488,7 +2587,8 @@ body[dir="rtl"] .checkbox:checked,
   --tw-border-opacity: 1;
   border-color: hsl(var(--p) / var(--tw-border-opacity));
 }
-  .menu.compact li > a, .menu.compact li > span {
+  .menu.compact li > a, 
+      .menu.compact li > span {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   font-size: 0.875rem;
@@ -2507,7 +2607,9 @@ body[dir="rtl"] .checkbox:checked,
 .menu :where(li:not(.disabled)) > :where(*:not(ul)) {
   outline: 2px solid transparent;
   outline-offset: 2px;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -2694,7 +2796,9 @@ body[dir="rtl"] .checkbox:checked,
   --tw-bg-opacity: 1;
   background-color: hsl(var(--b1) / var(--tw-bg-opacity));
   padding: 1.5rem;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   width: 91.666667%;
@@ -2710,7 +2814,9 @@ body[dir="rtl"] .checkbox:checked,
   overflow-y: auto;
   overscroll-behavior: contain
 }
-.modal-open .modal-box, .modal-toggle:checked + .modal .modal-box, .modal:target .modal-box {
+.modal-open .modal-box, 
+.modal-toggle:checked + .modal .modal-box, 
+.modal:target .modal-box {
   --tw-translate-y: 0px;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
@@ -3076,7 +3182,9 @@ body[dir="rtl"] .checkbox:checked,
   background-color: hsl(var(--b1) / var(--tw-bg-opacity));
   padding-right: 2.5rem;
   font-weight: 600;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   border-radius: var(--rounded-btn, 0.5rem);
@@ -3151,7 +3259,8 @@ body[dir="rtl"] .checkbox:checked,
   .select-error:focus {
       outline: 2px solid hsl(var(--er));
     }
-  .select-disabled, .select[disabled] {
+  .select-disabled, 
+  .select[disabled] {
   cursor: not-allowed;
   --tw-border-opacity: 1;
   border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
@@ -3159,11 +3268,14 @@ body[dir="rtl"] .checkbox:checked,
   background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
   --tw-text-opacity: 0.2;
 }
-  .select-disabled::placeholder, .select[disabled]::placeholder {
+  .select-disabled::placeholder, 
+  .select[disabled]::placeholder {
   color: hsl(var(--bc) / var(--tw-placeholder-opacity));
   --tw-placeholder-opacity: 0.2;
 }
-  .select-multiple, .select[multiple], .select[size].select:not([size="1"]) {
+  .select-multiple, 
+  .select[multiple], 
+  .select[size].select:not([size="1"]) {
   background-image: none;
   padding-right: 1rem;
 }
@@ -3293,25 +3405,29 @@ body[dir="rtl"] .checkbox:checked,
   .steps .step[data-content]:after {
       content: attr(data-content);
     }
-  .steps .step-neutral + .step-neutral:before, .steps .step-neutral:after {
+  .steps .step-neutral + .step-neutral:before, 
+  .steps .step-neutral:after {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--n) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: hsl(var(--nc) / var(--tw-text-opacity));
 }
-  .steps .step-primary + .step-primary:before, .steps .step-primary:after {
+  .steps .step-primary + .step-primary:before, 
+  .steps .step-primary:after {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--p) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: hsl(var(--pc) / var(--tw-text-opacity));
 }
-  .steps .step-secondary + .step-secondary:before, .steps .step-secondary:after {
+  .steps .step-secondary + .step-secondary:before, 
+  .steps .step-secondary:after {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--s) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: hsl(var(--sc) / var(--tw-text-opacity));
 }
-  .steps .step-accent + .step-accent:before, .steps .step-accent:after {
+  .steps .step-accent + .step-accent:before, 
+  .steps .step-accent:after {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--a) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
@@ -3367,17 +3483,23 @@ body[dir="rtl"] .checkbox:checked,
   transition-property: transform, opacity;
 }
 
-.swap-rotate .swap-on, .swap-rotate .swap-indeterminate, .swap-rotate input:indeterminate ~ .swap-on {
+.swap-rotate .swap-on, 
+.swap-rotate .swap-indeterminate, 
+.swap-rotate input:indeterminate ~ .swap-on {
   --tw-rotate: 45deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.swap-rotate input:checked ~ .swap-off, .swap-rotate.swap-active .swap-off, .swap-rotate input:indeterminate ~ .swap-off {
+.swap-rotate input:checked ~ .swap-off, 
+.swap-rotate.swap-active .swap-off, 
+.swap-rotate input:indeterminate ~ .swap-off {
   --tw-rotate: -45deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.swap-rotate input:checked ~ .swap-on, .swap-rotate.swap-active .swap-on, .swap-rotate input:indeterminate ~ .swap-indeterminate {
+.swap-rotate input:checked ~ .swap-on, 
+.swap-rotate.swap-active .swap-on, 
+.swap-rotate input:indeterminate ~ .swap-indeterminate {
   --tw-rotate: 0deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -3528,11 +3650,17 @@ body[dir="rtl"] .checkbox:checked,
     padding: 1rem;
     vertical-align: middle
 }
-  .table tr.active th, .table tr.active td, .table tr.active:nth-child(even) th, .table tr.active:nth-child(even) td {
+  .table tr.active th, 
+    .table tr.active td, 
+    .table tr.active:nth-child(even) th, 
+    .table tr.active:nth-child(even) td {
     --tw-bg-opacity: 1;
     background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
 }
-  .table tr.hover:hover th, .table tr.hover:hover td, .table tr.hover:nth-child(even):hover th, .table tr.hover:nth-child(even):hover td {
+  .table tr.hover:hover th, 
+    .table tr.hover:hover td, 
+    .table tr.hover:nth-child(even):hover th, 
+    .table tr.hover:nth-child(even):hover td {
     --tw-bg-opacity: 1;
     background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
 }
@@ -3565,7 +3693,8 @@ body[dir="rtl"] .checkbox:checked,
     --tw-bg-opacity: 1;
     background-color: hsl(var(--b1) / var(--tw-bg-opacity))
 }
-  .table-zebra tbody tr:nth-child(even) th, .table-zebra tbody tr:nth-child(even) td {
+  .table-zebra tbody tr:nth-child(even) th, 
+      .table-zebra tbody tr:nth-child(even) td {
     --tw-bg-opacity: 1;
     background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))
 }
@@ -3642,7 +3771,8 @@ body[dir="rtl"] .checkbox:checked,
   .textarea-error:focus {
       outline: 2px solid hsl(var(--er));
     }
-  .textarea-disabled, .textarea[disabled] {
+  .textarea-disabled, 
+  .textarea[disabled] {
     cursor: not-allowed;
     --tw-border-opacity: 1;
     border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
@@ -3650,7 +3780,8 @@ body[dir="rtl"] .checkbox:checked,
     background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
     --tw-text-opacity: 0.2;
 }
-  .textarea-disabled::placeholder, .textarea[disabled]::placeholder {
+  .textarea-disabled::placeholder, 
+  .textarea[disabled]::placeholder {
     color: hsl(var(--bc) / var(--tw-placeholder-opacity));
     --tw-placeholder-opacity: 0.2;
 }
@@ -3755,9 +3886,12 @@ body[dir="rtl"] .checkbox:checked,
   --tooltip-text-color: hsl(var(--nc));
   --tooltip-tail-offset: calc(100% + 1px - var(--tooltip-tail));
 }
-.tooltip:before, .tooltip:after {
+.tooltip:before, 
+.tooltip:after {
   opacity: 0;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-delay: 100ms;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3778,7 +3912,10 @@ body[dir="rtl"] .checkbox:checked,
   color: var(--tooltip-text-color);
   width: max-content;
 }
-.tooltip.tooltip-open:before, .tooltip.tooltip-open:after, .tooltip:hover:before, .tooltip:hover:after {
+.tooltip.tooltip-open:before, 
+.tooltip.tooltip-open:after, 
+.tooltip:hover:before, 
+.tooltip:hover:after {
   opacity: 1;
   transition-delay: 75ms;
 }