daisyui 4.0.1 → 4.0.3

package/dist/styled.css

@@ -2149,7 +2149,7 @@ input.tab:checked + .tab-content,
   .chat-end .chat-bubble:before {
       inset-inline-start: 99.9%;
     }
-[type="checkbox"].checkbox {
+.checkbox {
   --chkbg: var(--fallback-bc,oklch(var(--bc)/1));
   --chkfg: var(--fallback-b1,oklch(var(--b1)/1));
   height: 1.5rem;
@@ -2161,18 +2161,18 @@ input.tab:checked + .tab-content,
   border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
   --tw-border-opacity: 0.2;
 }
-  [type="checkbox"].checkbox:focus {
+  .checkbox:focus {
     box-shadow: none;
   }
-  [type="checkbox"].checkbox:focus-visible {
+  .checkbox:focus-visible {
   outline-style: solid;
   outline-width: 2px;
   outline-offset: 2px;
   outline-color: var(--fallback-bc,oklch(var(--bc)/1));
 }
-  [type="checkbox"].checkbox:checked,
-  [type="checkbox"].checkbox[checked="true"],
-  [type="checkbox"].checkbox[aria-checked="true"] {
+  .checkbox:checked,
+  .checkbox[checked="true"],
+  .checkbox[aria-checked="true"] {
   --tw-bg-opacity: 1;
   background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
   background-repeat: no-repeat;
@@ -2189,7 +2189,7 @@ input.tab:checked + .tab-content,
       ),
       linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%);
 }
-  [type="checkbox"].checkbox:indeterminate {
+  .checkbox:indeterminate {
   --tw-bg-opacity: 1;
   background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
   background-repeat: no-repeat;
@@ -2198,24 +2198,24 @@ input.tab:checked + .tab-content,
       linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%),
       linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%);
 }
-  [type="checkbox"].checkbox-primary {
+  .checkbox-primary {
     --chkbg: var(--fallback-p,oklch(var(--p)/1));
     --chkfg: var(--fallback-pc,oklch(var(--pc)/1));
     --tw-border-opacity: 1;
     border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
   }
   @media(hover:hover) {
-  [type="checkbox"].checkbox-primary:hover {
+  .checkbox-primary:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
   }
 }
-  [type="checkbox"].checkbox-primary:focus-visible {
+  .checkbox-primary:focus-visible {
   outline-color: var(--fallback-p,oklch(var(--p)/1));
 }
-  [type="checkbox"].checkbox-primary:checked,
-    [type="checkbox"].checkbox-primary[checked="true"],
-    [type="checkbox"].checkbox-primary[aria-checked="true"] {
+  .checkbox-primary:checked,
+    .checkbox-primary[checked="true"],
+    .checkbox-primary[aria-checked="true"] {
   --tw-border-opacity: 1;
   border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
   --tw-bg-opacity: 1;
@@ -2223,24 +2223,24 @@ input.tab:checked + .tab-content,
   --tw-text-opacity: 1;
   color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
 }
-  [type="checkbox"].checkbox-secondary {
+  .checkbox-secondary {
     --chkbg: var(--fallback-s,oklch(var(--s)/1));
     --chkfg: var(--fallback-sc,oklch(var(--sc)/1));
     --tw-border-opacity: 1;
     border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
   }
   @media(hover:hover) {
-  [type="checkbox"].checkbox-secondary:hover {
+  .checkbox-secondary:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
   }
 }
-  [type="checkbox"].checkbox-secondary:focus-visible {
+  .checkbox-secondary:focus-visible {
   outline-color: var(--fallback-s,oklch(var(--s)/1));
 }
-  [type="checkbox"].checkbox-secondary:checked,
-    [type="checkbox"].checkbox-secondary[checked="true"],
-    [type="checkbox"].checkbox-secondary[aria-checked="true"] {
+  .checkbox-secondary:checked,
+    .checkbox-secondary[checked="true"],
+    .checkbox-secondary[aria-checked="true"] {
   --tw-border-opacity: 1;
   border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
   --tw-bg-opacity: 1;
@@ -2248,24 +2248,24 @@ input.tab:checked + .tab-content,
   --tw-text-opacity: 1;
   color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
 }
-  [type="checkbox"].checkbox-accent {
+  .checkbox-accent {
     --chkbg: var(--fallback-a,oklch(var(--a)/1));
     --chkfg: var(--fallback-ac,oklch(var(--ac)/1));
     --tw-border-opacity: 1;
     border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
   }
   @media(hover:hover) {
-  [type="checkbox"].checkbox-accent:hover {
+  .checkbox-accent:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
   }
 }
-  [type="checkbox"].checkbox-accent:focus-visible {
+  .checkbox-accent:focus-visible {
   outline-color: var(--fallback-a,oklch(var(--a)/1));
 }
-  [type="checkbox"].checkbox-accent:checked,
-    [type="checkbox"].checkbox-accent[checked="true"],
-    [type="checkbox"].checkbox-accent[aria-checked="true"] {
+  .checkbox-accent:checked,
+    .checkbox-accent[checked="true"],
+    .checkbox-accent[aria-checked="true"] {
   --tw-border-opacity: 1;
   border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
   --tw-bg-opacity: 1;
@@ -2273,24 +2273,24 @@ input.tab:checked + .tab-content,
   --tw-text-opacity: 1;
   color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
 }
-  [type="checkbox"].checkbox-success {
+  .checkbox-success {
     --chkbg: var(--fallback-su,oklch(var(--su)/1));
     --chkfg: var(--fallback-suc,oklch(var(--suc)/1));
     --tw-border-opacity: 1;
     border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
   }
   @media(hover:hover) {
-  [type="checkbox"].checkbox-success:hover {
+  .checkbox-success:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
   }
 }
-  [type="checkbox"].checkbox-success:focus-visible {
+  .checkbox-success:focus-visible {
   outline-color: var(--fallback-su,oklch(var(--su)/1));
 }
-  [type="checkbox"].checkbox-success:checked,
-    [type="checkbox"].checkbox-success[checked="true"],
-    [type="checkbox"].checkbox-success[aria-checked="true"] {
+  .checkbox-success:checked,
+    .checkbox-success[checked="true"],
+    .checkbox-success[aria-checked="true"] {
   --tw-border-opacity: 1;
   border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
   --tw-bg-opacity: 1;
@@ -2298,24 +2298,24 @@ input.tab:checked + .tab-content,
   --tw-text-opacity: 1;
   color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
 }
-  [type="checkbox"].checkbox-warning {
+  .checkbox-warning {
     --chkbg: var(--fallback-wa,oklch(var(--wa)/1));
     --chkfg: var(--fallback-wac,oklch(var(--wac)/1));
     --tw-border-opacity: 1;
     border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
   }
   @media(hover:hover) {
-  [type="checkbox"].checkbox-warning:hover {
+  .checkbox-warning:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
   }
 }
-  [type="checkbox"].checkbox-warning:focus-visible {
+  .checkbox-warning:focus-visible {
   outline-color: var(--fallback-wa,oklch(var(--wa)/1));
 }
-  [type="checkbox"].checkbox-warning:checked,
-    [type="checkbox"].checkbox-warning[checked="true"],
-    [type="checkbox"].checkbox-warning[aria-checked="true"] {
+  .checkbox-warning:checked,
+    .checkbox-warning[checked="true"],
+    .checkbox-warning[aria-checked="true"] {
   --tw-border-opacity: 1;
   border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
   --tw-bg-opacity: 1;
@@ -2323,24 +2323,24 @@ input.tab:checked + .tab-content,
   --tw-text-opacity: 1;
   color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
 }
-  [type="checkbox"].checkbox-info {
+  .checkbox-info {
     --chkbg: var(--fallback-in,oklch(var(--in)/1));
     --chkfg: var(--fallback-inc,oklch(var(--inc)/1));
     --tw-border-opacity: 1;
     border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
   }
   @media(hover:hover) {
-  [type="checkbox"].checkbox-info:hover {
+  .checkbox-info:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
   }
 }
-  [type="checkbox"].checkbox-info:focus-visible {
+  .checkbox-info:focus-visible {
   outline-color: var(--fallback-in,oklch(var(--in)/1));
 }
-  [type="checkbox"].checkbox-info:checked,
-    [type="checkbox"].checkbox-info[checked="true"],
-    [type="checkbox"].checkbox-info[aria-checked="true"] {
+  .checkbox-info:checked,
+    .checkbox-info[checked="true"],
+    .checkbox-info[aria-checked="true"] {
   --tw-border-opacity: 1;
   border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
   --tw-bg-opacity: 1;
@@ -2348,24 +2348,24 @@ input.tab:checked + .tab-content,
   --tw-text-opacity: 1;
   color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
 }
-  [type="checkbox"].checkbox-error {
+  .checkbox-error {
     --chkbg: var(--fallback-er,oklch(var(--er)/1));
     --chkfg: var(--fallback-erc,oklch(var(--erc)/1));
     --tw-border-opacity: 1;
     border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
   }
   @media(hover:hover) {
-  [type="checkbox"].checkbox-error:hover {
+  .checkbox-error:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
   }
 }
-  [type="checkbox"].checkbox-error:focus-visible {
+  .checkbox-error:focus-visible {
   outline-color: var(--fallback-er,oklch(var(--er)/1));
 }
-  [type="checkbox"].checkbox-error:checked,
-    [type="checkbox"].checkbox-error[checked="true"],
-    [type="checkbox"].checkbox-error[aria-checked="true"] {
+  .checkbox-error:checked,
+    .checkbox-error[checked="true"],
+    .checkbox-error[aria-checked="true"] {
   --tw-border-opacity: 1;
   border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
   --tw-bg-opacity: 1;
@@ -2373,7 +2373,7 @@ input.tab:checked + .tab-content,
   --tw-text-opacity: 1;
   color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
 }
-  [type="checkbox"].checkbox:disabled {
+  .checkbox:disabled {
   cursor: not-allowed;
   border-color: transparent;
   --tw-bg-opacity: 1;
@@ -2879,8 +2879,7 @@ details.collapse summary {
     gap: 1rem;
     padding: 1rem
 }
-.input,
-input.input {
+.input {
   border-radius: var(--rounded-btn, 0.5rem);
   border-width: 1px;
   border-color: transparent;
@@ -2892,20 +2891,18 @@ input.input {
     display: none;
   } */
 }
-  .input input:focus, input.input input:focus {
+  .input input:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-  .input[list]::-webkit-calendar-picker-indicator, input.input[list]::-webkit-calendar-picker-indicator {
+  .input[list]::-webkit-calendar-picker-indicator {
     line-height: 1em;
   }
-  .input-bordered, input.input-bordered {
+  .input-bordered {
   border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
 }
   .input:focus,
-  .input:focus-within,
-  input.input:focus,
-  input.input:focus-within {
+  .input:focus-within {
     box-shadow: none;
     border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
     outline-style: solid;
@@ -2913,108 +2910,89 @@ input.input {
     outline-offset: 2px;
     outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
   }
-  .input-ghost, input.input-ghost {
+  .input-ghost {
   --tw-bg-opacity: 0.05;
 }
   .input-ghost:focus,
-    .input-ghost:focus-within,
-    input.input-ghost:focus,
-    input.input-ghost:focus-within {
+    .input-ghost:focus-within {
   --tw-bg-opacity: 1;
   --tw-text-opacity: 1;
   color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
       box-shadow: none;
 }
-  .input-primary, input.input-primary {
+  .input-primary {
   --tw-border-opacity: 1;
   border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
 }
   .input-primary:focus,
-    .input-primary:focus-within,
-    input.input-primary:focus,
-    input.input-primary:focus-within {
+    .input-primary:focus-within {
   --tw-border-opacity: 1;
   border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
   outline-color: var(--fallback-p,oklch(var(--p)/1));
 }
-  .input-secondary, input.input-secondary {
+  .input-secondary {
   --tw-border-opacity: 1;
   border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
 }
   .input-secondary:focus,
-    .input-secondary:focus-within,
-    input.input-secondary:focus,
-    input.input-secondary:focus-within {
+    .input-secondary:focus-within {
   --tw-border-opacity: 1;
   border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
   outline-color: var(--fallback-s,oklch(var(--s)/1));
 }
-  .input-accent, input.input-accent {
+  .input-accent {
   --tw-border-opacity: 1;
   border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
 }
   .input-accent:focus,
-    .input-accent:focus-within,
-    input.input-accent:focus,
-    input.input-accent:focus-within {
+    .input-accent:focus-within {
   --tw-border-opacity: 1;
   border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
   outline-color: var(--fallback-a,oklch(var(--a)/1));
 }
-  .input-info, input.input-info {
+  .input-info {
   --tw-border-opacity: 1;
   border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
 }
   .input-info:focus,
-    .input-info:focus-within,
-    input.input-info:focus,
-    input.input-info:focus-within {
+    .input-info:focus-within {
   --tw-border-opacity: 1;
   border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
   outline-color: var(--fallback-in,oklch(var(--in)/1));
 }
-  .input-success, input.input-success {
+  .input-success {
   --tw-border-opacity: 1;
   border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
 }
   .input-success:focus,
-    .input-success:focus-within,
-    input.input-success:focus,
-    input.input-success:focus-within {
+    .input-success:focus-within {
   --tw-border-opacity: 1;
   border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
   outline-color: var(--fallback-su,oklch(var(--su)/1));
 }
-  .input-warning, input.input-warning {
+  .input-warning {
   --tw-border-opacity: 1;
   border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
 }
   .input-warning:focus,
-    .input-warning:focus-within,
-    input.input-warning:focus,
-    input.input-warning:focus-within {
+    .input-warning:focus-within {
   --tw-border-opacity: 1;
   border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
   outline-color: var(--fallback-wa,oklch(var(--wa)/1));
 }
-  .input-error, input.input-error {
+  .input-error {
   --tw-border-opacity: 1;
   border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
 }
   .input-error:focus,
-    .input-error:focus-within,
-    input.input-error:focus,
-    input.input-error:focus-within {
+    .input-error:focus-within {
   --tw-border-opacity: 1;
   border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
   outline-color: var(--fallback-er,oklch(var(--er)/1));
 }
   .input-disabled,
   .input:disabled,
-  .input[disabled],
-  input.input-disabled,
-  input.input:disabled,
-  input.input[disabled] {
+  .input[disabled] {
   cursor: not-allowed;
   --tw-border-opacity: 1;
   border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
@@ -3024,10 +3002,7 @@ input.input {
 }
   .input-disabled::placeholder,
   .input:disabled::placeholder,
-  .input[disabled]::placeholder,
-  input.input-disabled::placeholder,
-  input.input:disabled::placeholder,
-  input.input[disabled]::placeholder {
+  .input[disabled]::placeholder {
   color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
   --tw-placeholder-opacity: 0.2;
 }
@@ -3750,7 +3725,7 @@ input.input {
 .radial-progress:after {
   background-color: currentColor;
 }
-[type="radio"].radio {
+.radio {
   --chkbg: var(--bc);
   height: 1.5rem;
   width: 1.5rem;
@@ -3761,17 +3736,17 @@ input.input {
   border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
   --tw-border-opacity: 0.2;
 }
-  [type="radio"].radio:focus {
+  .radio:focus {
     box-shadow: none;
   }
-  [type="radio"].radio:focus-visible {
+  .radio:focus-visible {
   outline-style: solid;
   outline-width: 2px;
   outline-offset: 2px;
   outline-color: var(--fallback-bc,oklch(var(--bc)/1));
 }
-  [type="radio"].radio:checked,
-  [type="radio"].radio[aria-checked="true"] {
+  .radio:checked,
+  .radio[aria-checked="true"] {
   --tw-bg-opacity: 1;
   background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
     background-image: none;
@@ -3780,22 +3755,22 @@ input.input {
       0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
       0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;
 }
-  [type="radio"].radio-primary {
+  .radio-primary {
     --chkbg: var(--p);
     --tw-border-opacity: 1;
     border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
   }
   @media(hover:hover) {
-  [type="radio"].radio-primary:hover {
+  .radio-primary:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
   }
 }
-  [type="radio"].radio-primary:focus-visible {
+  .radio-primary:focus-visible {
   outline-color: var(--fallback-p,oklch(var(--p)/1));
 }
-  [type="radio"].radio-primary:checked,
-    [type="radio"].radio-primary[aria-checked="true"] {
+  .radio-primary:checked,
+    .radio-primary[aria-checked="true"] {
   --tw-border-opacity: 1;
   border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
   --tw-bg-opacity: 1;
@@ -3803,22 +3778,22 @@ input.input {
   --tw-text-opacity: 1;
   color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
 }
-  [type="radio"].radio-secondary {
+  .radio-secondary {
     --chkbg: var(--s);
     --tw-border-opacity: 1;
     border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
   }
   @media(hover:hover) {
-  [type="radio"].radio-secondary:hover {
+  .radio-secondary:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
   }
 }
-  [type="radio"].radio-secondary:focus-visible {
+  .radio-secondary:focus-visible {
   outline-color: var(--fallback-s,oklch(var(--s)/1));
 }
-  [type="radio"].radio-secondary:checked,
-    [type="radio"].radio-secondary[aria-checked="true"] {
+  .radio-secondary:checked,
+    .radio-secondary[aria-checked="true"] {
   --tw-border-opacity: 1;
   border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
   --tw-bg-opacity: 1;
@@ -3826,22 +3801,22 @@ input.input {
   --tw-text-opacity: 1;
   color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
 }
-  [type="radio"].radio-accent {
+  .radio-accent {
     --chkbg: var(--a);
     --tw-border-opacity: 1;
     border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
   }
   @media(hover:hover) {
-  [type="radio"].radio-accent:hover {
+  .radio-accent:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
   }
 }
-  [type="radio"].radio-accent:focus-visible {
+  .radio-accent:focus-visible {
   outline-color: var(--fallback-a,oklch(var(--a)/1));
 }
-  [type="radio"].radio-accent:checked,
-    [type="radio"].radio-accent[aria-checked="true"] {
+  .radio-accent:checked,
+    .radio-accent[aria-checked="true"] {
   --tw-border-opacity: 1;
   border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
   --tw-bg-opacity: 1;
@@ -3849,22 +3824,22 @@ input.input {
   --tw-text-opacity: 1;
   color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
 }
-  [type="radio"].radio-success {
+  .radio-success {
     --chkbg: var(--su);
     --tw-border-opacity: 1;
     border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
   }
   @media(hover:hover) {
-  [type="radio"].radio-success:hover {
+  .radio-success:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
   }
 }
-  [type="radio"].radio-success:focus-visible {
+  .radio-success:focus-visible {
   outline-color: var(--fallback-su,oklch(var(--su)/1));
 }
-  [type="radio"].radio-success:checked,
-    [type="radio"].radio-success[aria-checked="true"] {
+  .radio-success:checked,
+    .radio-success[aria-checked="true"] {
   --tw-border-opacity: 1;
   border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
   --tw-bg-opacity: 1;
@@ -3872,22 +3847,22 @@ input.input {
   --tw-text-opacity: 1;
   color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
 }
-  [type="radio"].radio-warning {
+  .radio-warning {
     --chkbg: var(--wa);
     --tw-border-opacity: 1;
     border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
   }
   @media(hover:hover) {
-  [type="radio"].radio-warning:hover {
+  .radio-warning:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
   }
 }
-  [type="radio"].radio-warning:focus-visible {
+  .radio-warning:focus-visible {
   outline-color: var(--fallback-wa,oklch(var(--wa)/1));
 }
-  [type="radio"].radio-warning:checked,
-    [type="radio"].radio-warning[aria-checked="true"] {
+  .radio-warning:checked,
+    .radio-warning[aria-checked="true"] {
   --tw-border-opacity: 1;
   border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
   --tw-bg-opacity: 1;
@@ -3895,22 +3870,22 @@ input.input {
   --tw-text-opacity: 1;
   color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
 }
-  [type="radio"].radio-info {
+  .radio-info {
     --chkbg: var(--in);
     --tw-border-opacity: 1;
     border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
   }
   @media(hover:hover) {
-  [type="radio"].radio-info:hover {
+  .radio-info:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
   }
 }
-  [type="radio"].radio-info:focus-visible {
+  .radio-info:focus-visible {
   outline-color: var(--fallback-in,oklch(var(--in)/1));
 }
-  [type="radio"].radio-info:checked,
-    [type="radio"].radio-info[aria-checked="true"] {
+  .radio-info:checked,
+    .radio-info[aria-checked="true"] {
   --tw-border-opacity: 1;
   border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
   --tw-bg-opacity: 1;
@@ -3918,22 +3893,22 @@ input.input {
   --tw-text-opacity: 1;
   color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
 }
-  [type="radio"].radio-error {
+  .radio-error {
     --chkbg: var(--er);
     --tw-border-opacity: 1;
     border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
   }
   @media(hover:hover) {
-  [type="radio"].radio-error:hover {
+  .radio-error:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
   }
 }
-  [type="radio"].radio-error:focus-visible {
+  .radio-error:focus-visible {
   outline-color: var(--fallback-er,oklch(var(--er)/1));
 }
-  [type="radio"].radio-error:checked,
-    [type="radio"].radio-error[aria-checked="true"] {
+  .radio-error:checked,
+    .radio-error[aria-checked="true"] {
   --tw-border-opacity: 1;
   border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
   --tw-bg-opacity: 1;
@@ -3941,7 +3916,7 @@ input.input {
   --tw-text-opacity: 1;
   color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
 }
-  [type="radio"].radio:disabled {
+  .radio:disabled {
   cursor: not-allowed;
   opacity: 0.2;
 }
@@ -4101,7 +4076,7 @@ input.input {
   }
 }
 .select,
-select.select {
+:where(select.select) {
   border-radius: var(--rounded-btn, 0.5rem);
   border-width: 1px;
   border-color: transparent;
@@ -4109,11 +4084,11 @@ select.select {
   background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
   padding-right: 2.5rem;
 }
-  .select-bordered, select.select-bordered {
+  .select-bordered, :where(select.select)-bordered {
   border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
 }
   .select,
-select.select {
+:where(select.select) {
   background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
     linear-gradient(135deg, currentColor 50%, transparent 50%);
   background-position:
@@ -4124,7 +4099,7 @@ select.select {
     4px 4px;
   background-repeat: no-repeat;
 }
-  .select:focus, select.select:focus {
+  .select:focus, :where(select.select):focus {
     box-shadow: none;
     border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
     outline-style: solid;
@@ -4132,73 +4107,73 @@ select.select {
     outline-offset: 2px;
     outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
   }
-  .select-ghost, select.select-ghost {
+  .select-ghost, :where(select.select)-ghost {
   --tw-bg-opacity: 0.05;
 }
-  .select-ghost:focus, select.select-ghost:focus {
+  .select-ghost:focus, :where(select.select)-ghost:focus {
   --tw-bg-opacity: 1;
   --tw-text-opacity: 1;
   color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
 }
-  .select-primary, select.select-primary {
+  .select-primary, :where(select.select)-primary {
   --tw-border-opacity: 1;
   border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
 }
-  .select-primary:focus, select.select-primary:focus {
+  .select-primary:focus, :where(select.select)-primary:focus {
   --tw-border-opacity: 1;
   border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
   outline-color: var(--fallback-p,oklch(var(--p)/1));
 }
-  .select-secondary, select.select-secondary {
+  .select-secondary, :where(select.select)-secondary {
   --tw-border-opacity: 1;
   border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
 }
-  .select-secondary:focus, select.select-secondary:focus {
+  .select-secondary:focus, :where(select.select)-secondary:focus {
   --tw-border-opacity: 1;
   border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
   outline-color: var(--fallback-s,oklch(var(--s)/1));
 }
-  .select-accent, select.select-accent {
+  .select-accent, :where(select.select)-accent {
   --tw-border-opacity: 1;
   border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
 }
-  .select-accent:focus, select.select-accent:focus {
+  .select-accent:focus, :where(select.select)-accent:focus {
   --tw-border-opacity: 1;
   border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
   outline-color: var(--fallback-a,oklch(var(--a)/1));
 }
-  .select-info, select.select-info {
+  .select-info, :where(select.select)-info {
   --tw-border-opacity: 1;
   border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
 }
-  .select-info:focus, select.select-info:focus {
+  .select-info:focus, :where(select.select)-info:focus {
   --tw-border-opacity: 1;
   border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
   outline-color: var(--fallback-in,oklch(var(--in)/1));
 }
-  .select-success, select.select-success {
+  .select-success, :where(select.select)-success {
   --tw-border-opacity: 1;
   border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
 }
-  .select-success:focus, select.select-success:focus {
+  .select-success:focus, :where(select.select)-success:focus {
   --tw-border-opacity: 1;
   border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
   outline-color: var(--fallback-su,oklch(var(--su)/1));
 }
-  .select-warning, select.select-warning {
+  .select-warning, :where(select.select)-warning {
   --tw-border-opacity: 1;
   border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
 }
-  .select-warning:focus, select.select-warning:focus {
+  .select-warning:focus, :where(select.select)-warning:focus {
   --tw-border-opacity: 1;
   border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
   outline-color: var(--fallback-wa,oklch(var(--wa)/1));
 }
-  .select-error, select.select-error {
+  .select-error, :where(select.select)-error {
   --tw-border-opacity: 1;
   border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
 }
-  .select-error:focus, select.select-error:focus {
+  .select-error:focus, :where(select.select)-error:focus {
   --tw-border-opacity: 1;
   border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
   outline-color: var(--fallback-er,oklch(var(--er)/1));
@@ -4206,9 +4181,9 @@ select.select {
   .select-disabled,
   .select:disabled,
   .select[disabled],
-  select.select-disabled,
-  select.select:disabled,
-  select.select[disabled] {
+  :where(select.select)-disabled,
+  :where(select.select):disabled,
+  :where(select.select)[disabled] {
   cursor: not-allowed;
   --tw-border-opacity: 1;
   border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
@@ -4219,18 +4194,18 @@ select.select {
   .select-disabled::placeholder,
   .select:disabled::placeholder,
   .select[disabled]::placeholder,
-  select.select-disabled::placeholder,
-  select.select:disabled::placeholder,
-  select.select[disabled]::placeholder {
+  :where(select.select)-disabled::placeholder,
+  :where(select.select):disabled::placeholder,
+  :where(select.select)[disabled]::placeholder {
   color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
   --tw-placeholder-opacity: 0.2;
 }
   .select-multiple,
   .select[multiple],
   .select[size].select:not([size="1"]),
-  select.select-multiple,
-  select.select[multiple],
-  select.select[size]select.select:not([size="1"]) {
+  :where(select.select)-multiple,
+  :where(select.select)[multiple],
+  :where(select.select)[size]:where(select.select):not([size="1"]) {
   background-image: none;
   padding-right: 1rem;
 }
@@ -4903,7 +4878,7 @@ select.select {
     opacity: 1;
   }
 }
-[type="checkbox"].toggle {
+.toggle {
   --tglbg: var(--fallback-b1,oklch(var(--b1)/1));
   --handleoffset: 1.5rem;
   --handleoffsetcalculator: calc(var(--handleoffset) * -1);
@@ -4925,30 +4900,30 @@ select.select {
     0 0 0 2px var(--tglbg) inset,
     var(--togglehandleborder);
 }
-  [dir="rtl"] [type="checkbox"].toggle {
+  [dir="rtl"] .toggle {
     --handleoffsetcalculator: calc(var(--handleoffset) * 1);
   }
-  [type="checkbox"].toggle:focus-visible {
+  .toggle:focus-visible {
   outline-style: solid;
   outline-width: 2px;
   outline-offset: 2px;
   outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
 }
-  [type="checkbox"].toggle:hover {
+  .toggle:hover {
   background-color: currentColor;
 }
-  [type="checkbox"].toggle:checked,
-  [type="checkbox"].toggle[checked="true"],
-  [type="checkbox"].toggle[aria-checked="true"] {
+  .toggle:checked,
+  .toggle[checked="true"],
+  .toggle[aria-checked="true"] {
     background-image: none;
     --handleoffsetcalculator: var(--handleoffset);
     --tw-text-opacity: 1;
     color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
   }
-  [dir="rtl"] [type="checkbox"].toggle:checked, [dir="rtl"] [type="checkbox"].toggle[checked="true"], [dir="rtl"] [type="checkbox"].toggle[aria-checked="true"] {
+  [dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"], [dir="rtl"] .toggle[aria-checked="true"] {
       --handleoffsetcalculator: calc(var(--handleoffset) * -1);
     }
-  [type="checkbox"].toggle:indeterminate {
+  .toggle:indeterminate {
   --tw-text-opacity: 1;
   color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
     box-shadow:
@@ -4956,18 +4931,18 @@ select.select {
       calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
       0 0 0 2px var(--tglbg) inset;
 }
-  [dir="rtl"] [type="checkbox"].toggle:indeterminate {
+  [dir="rtl"] .toggle:indeterminate {
       box-shadow:
         calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
         calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
         0 0 0 2px var(--tglbg) inset;
     }
-  [type="checkbox"].toggle-primary:focus-visible {
+  .toggle-primary:focus-visible {
   outline-color: var(--fallback-p,oklch(var(--p)/1));
 }
-  [type="checkbox"].toggle-primary:checked,
-    [type="checkbox"].toggle-primary[checked="true"],
-    [type="checkbox"].toggle-primary[aria-checked="true"] {
+  .toggle-primary:checked,
+    .toggle-primary[checked="true"],
+    .toggle-primary[aria-checked="true"] {
   border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
   --tw-border-opacity: 0.1;
   --tw-bg-opacity: 1;
@@ -4975,12 +4950,12 @@ select.select {
   --tw-text-opacity: 1;
   color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
 }
-  [type="checkbox"].toggle-secondary:focus-visible {
+  .toggle-secondary:focus-visible {
   outline-color: var(--fallback-s,oklch(var(--s)/1));
 }
-  [type="checkbox"].toggle-secondary:checked,
-    [type="checkbox"].toggle-secondary[checked="true"],
-    [type="checkbox"].toggle-secondary[aria-checked="true"] {
+  .toggle-secondary:checked,
+    .toggle-secondary[checked="true"],
+    .toggle-secondary[aria-checked="true"] {
   border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
   --tw-border-opacity: 0.1;
   --tw-bg-opacity: 1;
@@ -4988,12 +4963,12 @@ select.select {
   --tw-text-opacity: 1;
   color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
 }
-  [type="checkbox"].toggle-accent:focus-visible {
+  .toggle-accent:focus-visible {
   outline-color: var(--fallback-a,oklch(var(--a)/1));
 }
-  [type="checkbox"].toggle-accent:checked,
-    [type="checkbox"].toggle-accent[checked="true"],
-    [type="checkbox"].toggle-accent[aria-checked="true"] {
+  .toggle-accent:checked,
+    .toggle-accent[checked="true"],
+    .toggle-accent[aria-checked="true"] {
   border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
   --tw-border-opacity: 0.1;
   --tw-bg-opacity: 1;
@@ -5001,12 +4976,12 @@ select.select {
   --tw-text-opacity: 1;
   color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
 }
-  [type="checkbox"].toggle-success:focus-visible {
+  .toggle-success:focus-visible {
   outline-color: var(--fallback-su,oklch(var(--su)/1));
 }
-  [type="checkbox"].toggle-success:checked,
-    [type="checkbox"].toggle-success[checked="true"],
-    [type="checkbox"].toggle-success[aria-checked="true"] {
+  .toggle-success:checked,
+    .toggle-success[checked="true"],
+    .toggle-success[aria-checked="true"] {
   border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
   --tw-border-opacity: 0.1;
   --tw-bg-opacity: 1;
@@ -5014,12 +4989,12 @@ select.select {
   --tw-text-opacity: 1;
   color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
 }
-  [type="checkbox"].toggle-warning:focus-visible {
+  .toggle-warning:focus-visible {
   outline-color: var(--fallback-wa,oklch(var(--wa)/1));
 }
-  [type="checkbox"].toggle-warning:checked,
-    [type="checkbox"].toggle-warning[checked="true"],
-    [type="checkbox"].toggle-warning[aria-checked="true"] {
+  .toggle-warning:checked,
+    .toggle-warning[checked="true"],
+    .toggle-warning[aria-checked="true"] {
   border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
   --tw-border-opacity: 0.1;
   --tw-bg-opacity: 1;
@@ -5027,12 +5002,12 @@ select.select {
   --tw-text-opacity: 1;
   color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
 }
-  [type="checkbox"].toggle-info:focus-visible {
+  .toggle-info:focus-visible {
   outline-color: var(--fallback-in,oklch(var(--in)/1));
 }
-  [type="checkbox"].toggle-info:checked,
-    [type="checkbox"].toggle-info[checked="true"],
-    [type="checkbox"].toggle-info[aria-checked="true"] {
+  .toggle-info:checked,
+    .toggle-info[checked="true"],
+    .toggle-info[aria-checked="true"] {
   border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
   --tw-border-opacity: 0.1;
   --tw-bg-opacity: 1;
@@ -5040,12 +5015,12 @@ select.select {
   --tw-text-opacity: 1;
   color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
 }
-  [type="checkbox"].toggle-error:focus-visible {
+  .toggle-error:focus-visible {
   outline-color: var(--fallback-er,oklch(var(--er)/1));
 }
-  [type="checkbox"].toggle-error:checked,
-    [type="checkbox"].toggle-error[checked="true"],
-    [type="checkbox"].toggle-error[aria-checked="true"] {
+  .toggle-error:checked,
+    .toggle-error[checked="true"],
+    .toggle-error[aria-checked="true"] {
   border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
   --tw-border-opacity: 0.1;
   --tw-bg-opacity: 1;
@@ -5053,7 +5028,7 @@ select.select {
   --tw-text-opacity: 1;
   color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
 }
-  [type="checkbox"].toggle:disabled {
+  .toggle:disabled {
   cursor: not-allowed;
   --tw-border-opacity: 1;
   border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));