daisyui 3.6.4 → 3.6.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/full.css CHANGED
@@ -1206,8 +1206,7 @@ hr {
1206
1206
  Add the correct text decoration in Chrome, Edge, and Safari.
1207
1207
  */
1208
1208
  abbr:where([title]) {
1209
- -webkit-text-decoration: underline dotted;
1210
- text-decoration: underline dotted;
1209
+ text-decoration: underline dotted;
1211
1210
  }
1212
1211
  /*
1213
1212
  Remove the default font size and weight for headings.
@@ -1540,9 +1539,7 @@ html {
1540
1539
  display: inline-flex;
1541
1540
  align-items: center;
1542
1541
  justify-content: center;
1543
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1544
1542
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1545
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1546
1543
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1547
1544
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1548
1545
  transition-duration: 200ms;
@@ -1702,17 +1699,14 @@ html {
1702
1699
  display: inline-flex;
1703
1700
  flex-shrink: 0;
1704
1701
  cursor: pointer;
1705
- -webkit-user-select: none;
1706
- user-select: none;
1702
+ user-select: none;
1707
1703
  flex-wrap: wrap;
1708
1704
  align-items: center;
1709
1705
  justify-content: center;
1710
1706
  border-color: transparent;
1711
1707
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
1712
1708
  text-align: center;
1713
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1714
1709
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1715
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1716
1710
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1717
1711
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1718
1712
  transition-duration: 200ms;
@@ -1951,7 +1945,8 @@ html {
1951
1945
  grid-row-start: 2;
1952
1946
  min-height: 0px;
1953
1947
  transition: visibility 0.2s;
1954
- transition: padding 0.2s ease-out, background-color 0.2s ease-out;
1948
+ transition: padding 0.2s ease-out,
1949
+ background-color 0.2s ease-out;
1955
1950
  padding-left: 1rem;
1956
1951
  padding-right: 1rem;
1957
1952
  cursor: unset}
@@ -2041,9 +2036,7 @@ html {
2041
2036
  grid-column-start: 1;
2042
2037
  grid-row-start: 1}
2043
2038
  .drawer-side > *:not(.drawer-overlay) {
2044
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2045
2039
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2046
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2047
2040
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2048
2041
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2049
2042
  transition-duration: 300ms;
@@ -2088,9 +2081,7 @@ html {
2088
2081
  --tw-scale-x: .95;
2089
2082
  --tw-scale-y: .95;
2090
2083
  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));
2091
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2092
2084
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2093
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2094
2085
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2095
2086
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2096
2087
  transition-duration: 200ms}
@@ -2301,8 +2292,7 @@ html {
2301
2292
  min-height: 2.875rem;
2302
2293
  flex-shrink: 0;
2303
2294
  cursor: pointer;
2304
- -webkit-user-select: none;
2305
- user-select: none;
2295
+ user-select: none;
2306
2296
  flex-wrap: wrap;
2307
2297
  align-items: center;
2308
2298
  justify-content: center;
@@ -2312,9 +2302,7 @@ html {
2312
2302
  font-size: 0.875rem;
2313
2303
  line-height: 1.25rem;
2314
2304
  line-height: 1em;
2315
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2316
2305
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2317
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2318
2306
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2319
2307
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2320
2308
  transition-duration: 200ms;
@@ -2359,8 +2347,7 @@ html {
2359
2347
  flex-direction: column}
2360
2348
  .label {
2361
2349
  display: flex;
2362
- -webkit-user-select: none;
2363
- user-select: none;
2350
+ user-select: none;
2364
2351
  align-items: center;
2365
2352
  justify-content: space-between;
2366
2353
  padding-left: 0.25rem;
@@ -2559,12 +2546,10 @@ html {
2559
2546
  align-items: center;
2560
2547
  gap: 0.5rem;
2561
2548
  grid-auto-columns: minmax(auto, max-content) auto max-content;
2562
- -webkit-user-select: none;
2563
- user-select: none}
2549
+ user-select: none}
2564
2550
  .menu li.disabled {
2565
2551
  cursor: not-allowed;
2566
- -webkit-user-select: none;
2567
- user-select: none;
2552
+ user-select: none;
2568
2553
  color: hsl(var(--bc) / 0.3)}
2569
2554
  .menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
2570
2555
  display: none}
@@ -2651,9 +2636,7 @@ html {
2651
2636
  --tw-bg-opacity: 1;
2652
2637
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2653
2638
  padding: 1.5rem;
2654
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2655
2639
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2656
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2657
2640
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2658
2641
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2659
2642
  transition-duration: 200ms;
@@ -2737,8 +2720,8 @@ html {
2737
2720
  content: ""}
2738
2721
  .radial-progress:before {
2739
2722
  inset: 0px;
2740
- background: radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness)
2741
- var(--thickness) no-repeat,
2723
+ background: radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness)
2724
+ no-repeat,
2742
2725
  conic-gradient(currentColor calc(var(--value) * 1%), #0000 0);
2743
2726
  -webkit-mask: radial-gradient(
2744
2727
  farthest-side,
@@ -2791,8 +2774,7 @@ html {
2791
2774
  .select {
2792
2775
  display: inline-flex;
2793
2776
  cursor: pointer;
2794
- -webkit-user-select: none;
2795
- user-select: none;
2777
+ user-select: none;
2796
2778
  appearance: none;
2797
2779
  height: 3rem;
2798
2780
  padding-left: 1rem;
@@ -2806,12 +2788,13 @@ html {
2806
2788
  --tw-border-opacity: 0;
2807
2789
  --tw-bg-opacity: 1;
2808
2790
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2809
- font-weight: 600;
2810
2791
  border-radius: var(--rounded-btn, 0.5rem);
2811
2792
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
2812
2793
  linear-gradient(135deg, currentColor 50%, transparent 50%);
2813
- background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16px) calc(1px + 50%);
2814
- background-size: 4px 4px, 4px 4px;
2794
+ background-position: calc(100% - 20px) calc(1px + 50%),
2795
+ calc(100% - 16px) calc(1px + 50%);
2796
+ background-size: 4px 4px,
2797
+ 4px 4px;
2815
2798
  background-repeat: no-repeat}
2816
2799
  .select[multiple] {
2817
2800
  height: auto}
@@ -2900,8 +2883,7 @@ html {
2900
2883
  .swap {
2901
2884
  position: relative;
2902
2885
  display: inline-grid;
2903
- -webkit-user-select: none;
2904
- user-select: none;
2886
+ user-select: none;
2905
2887
  place-content: center;
2906
2888
  cursor: pointer}
2907
2889
  .swap > * {
@@ -2932,8 +2914,7 @@ html {
2932
2914
  position: relative;
2933
2915
  display: inline-flex;
2934
2916
  cursor: pointer;
2935
- -webkit-user-select: none;
2936
- user-select: none;
2917
+ user-select: none;
2937
2918
  flex-wrap: wrap;
2938
2919
  align-items: center;
2939
2920
  justify-content: center;
@@ -3018,8 +2999,10 @@ html {
3018
2999
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
3019
3000
  --tw-bg-opacity: 0.5;
3020
3001
  border-radius: var(--rounded-badge, 1.9rem);
3021
- transition: background, box-shadow var(--animation-input, 0.2s) ease-out;
3022
- box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset,
3002
+ transition: background,
3003
+ box-shadow var(--animation-input, 0.2s) ease-out;
3004
+ box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
3005
+ 0 0 0 2px var(--tglbg) inset,
3023
3006
  var(--togglehandleborder)}
3024
3007
  .alert-info {
3025
3008
  border-color: hsl(var(--in) / 0.2);
@@ -3787,7 +3770,8 @@ details.collapse summary::-webkit-details-marker {
3787
3770
  .collapse:not(.collapse-close) :where(input[type="checkbox"]:checked ~ .collapse-content),
3788
3771
  .collapse:not(.collapse-close) :where(input[type="radio"]:checked ~ .collapse-content) {
3789
3772
  padding-bottom: 1rem;
3790
- transition: padding 0.2s ease-out, background-color 0.2s ease-out}
3773
+ transition: padding 0.2s ease-out,
3774
+ background-color 0.2s ease-out}
3791
3775
  .collapse[open].collapse-arrow .collapse-title:after,
3792
3776
  .collapse-open.collapse-arrow .collapse-title:after,
3793
3777
  .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
@@ -4183,9 +4167,7 @@ details.collapse summary::-webkit-details-marker {
4183
4167
  padding-top: 0.5rem;
4184
4168
  padding-bottom: 0.5rem;
4185
4169
  text-align: left;
4186
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
4187
4170
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
4188
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
4189
4171
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4190
4172
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
4191
4173
  transition-duration: 200ms;
@@ -4248,7 +4230,9 @@ details.collapse summary::-webkit-details-marker {
4248
4230
  width: 0.75rem;
4249
4231
  border-radius: 9999px;
4250
4232
  opacity: 0.3;
4251
- box-shadow: 1.4em 0, 2.8em 0, 4.2em 0}
4233
+ box-shadow: 1.4em 0,
4234
+ 2.8em 0,
4235
+ 4.2em 0}
4252
4236
  .mockup-code pre {
4253
4237
  padding-right: 1.25rem}
4254
4238
  .mockup-code pre:before {
@@ -4262,7 +4246,9 @@ details.collapse summary::-webkit-details-marker {
4262
4246
  height: 0.75rem;
4263
4247
  border-radius: 9999px;
4264
4248
  opacity: 0.3;
4265
- box-shadow: 1.4em 0, 2.8em 0, 4.2em 0}
4249
+ box-shadow: 1.4em 0,
4250
+ 2.8em 0,
4251
+ 4.2em 0}
4266
4252
  .mockup-phone {
4267
4253
  display: inline-block;
4268
4254
  border: 4px solid #444;
@@ -4320,7 +4306,9 @@ details.collapse summary::-webkit-details-marker {
4320
4306
  height: 0.75rem;
4321
4307
  border-radius: 9999px;
4322
4308
  opacity: 0.3;
4323
- box-shadow: 1.4em 0, 2.8em 0, 4.2em 0}
4309
+ box-shadow: 1.4em 0,
4310
+ 2.8em 0,
4311
+ 4.2em 0}
4324
4312
  .mockup-browser .mockup-browser-toolbar .input {
4325
4313
  position: relative;
4326
4314
  margin-left: auto;
@@ -4490,7 +4478,8 @@ details.collapse summary::-webkit-details-marker {
4490
4478
  --tw-bg-opacity: 1;
4491
4479
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
4492
4480
  animation: radiomark var(--animation-input, 0.2s) ease-out;
4493
- box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset}
4481
+ box-shadow: 0 0 0 4px hsl(var(--b1)) inset,
4482
+ 0 0 0 4px hsl(var(--b1)) inset}
4494
4483
  .radio-primary {
4495
4484
  --chkbg: var(--p);
4496
4485
  --tw-border-opacity: 1;
@@ -4594,11 +4583,14 @@ details.collapse summary::-webkit-details-marker {
4594
4583
  opacity: 0.2}
4595
4584
  @keyframes radiomark {
4596
4585
  0% {
4597
- box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset}
4586
+ box-shadow: 0 0 0 12px hsl(var(--b1)) inset,
4587
+ 0 0 0 12px hsl(var(--b1)) inset}
4598
4588
  50% {
4599
- box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset}
4589
+ box-shadow: 0 0 0 3px hsl(var(--b1)) inset,
4590
+ 0 0 0 3px hsl(var(--b1)) inset}
4600
4591
  100% {
4601
- box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset}}
4592
+ box-shadow: 0 0 0 4px hsl(var(--b1)) inset,
4593
+ 0 0 0 4px hsl(var(--b1)) inset}}
4602
4594
  .radio-mark {
4603
4595
  display: none}
4604
4596
  .range:focus-visible::-webkit-slider-thumb {
@@ -4630,7 +4622,8 @@ details.collapse summary::-webkit-details-marker {
4630
4622
  transform: translateY(-50%);
4631
4623
  --filler-size: 100rem;
4632
4624
  --filler-offset: 0.6rem;
4633
- box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset, var(--focus-shadow, 0 0),
4625
+ box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,
4626
+ var(--focus-shadow, 0 0),
4634
4627
  calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)}
4635
4628
  .range::-moz-range-thumb {
4636
4629
  position: relative;
@@ -4644,7 +4637,8 @@ details.collapse summary::-webkit-details-marker {
4644
4637
  color: hsl(var(--range-shdw));
4645
4638
  --filler-size: 100rem;
4646
4639
  --filler-offset: 0.5rem;
4647
- box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset, var(--focus-shadow, 0 0),
4640
+ box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,
4641
+ var(--focus-shadow, 0 0),
4648
4642
  calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)}
4649
4643
  .range-primary {
4650
4644
  --range-shdw: var(--p)}
@@ -4755,7 +4749,8 @@ details.collapse summary::-webkit-details-marker {
4755
4749
  background-image: none;
4756
4750
  padding-right: 1rem}
4757
4751
  [dir="rtl"] .select {
4758
- background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%)}
4752
+ background-position: calc(0% + 12px) calc(1px + 50%),
4753
+ calc(0% + 16px) calc(1px + 50%)}
4759
4754
  :where(.stats) > :not([hidden]) ~ :not([hidden]) {
4760
4755
  --tw-divide-x-reverse: 0;
4761
4756
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -5095,10 +5090,12 @@ details.collapse summary::-webkit-details-marker {
5095
5090
  --tw-border-opacity: 1;
5096
5091
  --tw-bg-opacity: 1;
5097
5092
  box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
5098
- calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset}
5093
+ calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
5094
+ 0 0 0 2px var(--tglbg) inset}
5099
5095
  [dir="rtl"] .toggle:indeterminate {
5100
5096
  box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
5101
- calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset}
5097
+ calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
5098
+ 0 0 0 2px var(--tglbg) inset}
5102
5099
  .toggle-primary:focus-visible {
5103
5100
  outline-color: hsl(var(--p) / 1)}
5104
5101
  .toggle-primary:checked,
@@ -22688,9 +22685,7 @@ details.collapse summary::-webkit-details-marker {
22688
22685
  .ring-offset-warning\/95 {
22689
22686
  --tw-ring-offset-color: hsl(var(--wa) / 0.95)}
22690
22687
  .transition {
22691
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
22692
22688
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
22693
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
22694
22689
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22695
22690
  transition-duration: 150ms}
22696
22691
  .transition-all {
@@ -22744,8 +22739,7 @@ details.collapse summary::-webkit-details-marker {
22744
22739
  .glass,
22745
22740
  .glass.btn-active {
22746
22741
  border: none;
22747
- -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
22748
- backdrop-filter: blur(var(--glass-blur, 40px));
22742
+ backdrop-filter: blur(var(--glass-blur, 40px));
22749
22743
  background-color: transparent;
22750
22744
  background-image: linear-gradient(
22751
22745
  135deg,
@@ -22763,8 +22757,7 @@ details.collapse summary::-webkit-details-marker {
22763
22757
  @media (hover: hover) {
22764
22758
  .glass.btn-active {
22765
22759
  border: none;
22766
- -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
22767
- backdrop-filter: blur(var(--glass-blur, 40px));
22760
+ backdrop-filter: blur(var(--glass-blur, 40px));
22768
22761
  background-color: transparent;
22769
22762
  background-image: linear-gradient(
22770
22763
  135deg,
@@ -23520,7 +23513,8 @@ details.collapse summary::-webkit-details-marker {
23520
23513
  --tw-text-opacity: 1;
23521
23514
  color: hsl(var(--bc) / var(--tw-text-opacity));
23522
23515
  border-radius: var(--rounded-box, 1rem);
23523
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)}
23516
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
23517
+ 0 1px 2px 0 rgba(0, 0, 0, 0.06)}
23524
23518
  .avatar.online:before {
23525
23519
  content: "";
23526
23520
  position: absolute;
@@ -23832,9 +23826,7 @@ details.collapse summary::-webkit-details-marker {
23832
23826
  .tooltip:before,
23833
23827
  .tooltip:after {
23834
23828
  opacity: 0;
23835
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
23836
23829
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
23837
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
23838
23830
  transition-delay: 100ms;
23839
23831
  transition-duration: 200ms;
23840
23832
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}
package/dist/styled.css CHANGED
@@ -374,7 +374,8 @@
374
374
  .collapse:not(.collapse-close) input[type="radio"]:checked ~ .collapse-content {
375
375
  visibility: visible;
376
376
  min-height: fit-content;
377
- }:root .countdown {
377
+ }
378
+ :root .countdown {
378
379
  line-height: 1em;
379
380
  }
380
381
  .countdown {
@@ -963,8 +964,9 @@
963
964
  }
964
965
  .radial-progress:before {
965
966
  inset: 0px;
966
- background: radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness)
967
- var(--thickness) no-repeat,
967
+ background:
968
+ radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness)
969
+ no-repeat,
968
970
  conic-gradient(currentColor calc(var(--value) * 1%), #0000 0);
969
971
  -webkit-mask: radial-gradient(
970
972
  farthest-side,
@@ -2498,7 +2500,9 @@ details.collapse summary {
2498
2500
  padding-left: 1rem;
2499
2501
  padding-right: 1rem;
2500
2502
  cursor: unset;
2501
- transition: padding 0.2s ease-out, background-color 0.2s ease-out;
2503
+ transition:
2504
+ padding 0.2s ease-out,
2505
+ background-color 0.2s ease-out;
2502
2506
  }
2503
2507
  .collapse[open] :where(.collapse-content),
2504
2508
  .collapse-open :where(.collapse-content),
@@ -2506,7 +2510,9 @@ details.collapse summary {
2506
2510
  .collapse:not(.collapse-close) :where(input[type="checkbox"]:checked ~ .collapse-content),
2507
2511
  .collapse:not(.collapse-close) :where(input[type="radio"]:checked ~ .collapse-content) {
2508
2512
  padding-bottom: 1rem;
2509
- transition: padding 0.2s ease-out, background-color 0.2s ease-out;
2513
+ transition:
2514
+ padding 0.2s ease-out,
2515
+ background-color 0.2s ease-out;
2510
2516
  }
2511
2517
  .collapse[open].collapse-arrow .collapse-title:after,
2512
2518
  .collapse-open.collapse-arrow .collapse-title:after,
@@ -3273,7 +3279,10 @@ details.collapse summary {
3273
3279
  width: 0.75rem;
3274
3280
  border-radius: 9999px;
3275
3281
  opacity: 0.3;
3276
- box-shadow: 1.4em 0, 2.8em 0, 4.2em 0;
3282
+ box-shadow:
3283
+ 1.4em 0,
3284
+ 2.8em 0,
3285
+ 4.2em 0;
3277
3286
  }
3278
3287
  .mockup-code pre {
3279
3288
  padding-right: 1.25rem;
@@ -3299,7 +3308,10 @@ details.collapse summary {
3299
3308
  height: 0.75rem;
3300
3309
  border-radius: 9999px;
3301
3310
  opacity: 0.3;
3302
- box-shadow: 1.4em 0, 2.8em 0, 4.2em 0;
3311
+ box-shadow:
3312
+ 1.4em 0,
3313
+ 2.8em 0,
3314
+ 4.2em 0;
3303
3315
  }
3304
3316
  .mockup-phone {
3305
3317
  display: inline-block;
@@ -3367,7 +3379,10 @@ details.collapse summary {
3367
3379
  height: 0.75rem;
3368
3380
  border-radius: 9999px;
3369
3381
  opacity: 0.3;
3370
- box-shadow: 1.4em 0, 2.8em 0, 4.2em 0;
3382
+ box-shadow:
3383
+ 1.4em 0,
3384
+ 2.8em 0,
3385
+ 4.2em 0;
3371
3386
  }
3372
3387
  .mockup-browser .mockup-browser-toolbar .input {
3373
3388
  position: relative;
@@ -3646,7 +3661,9 @@ details.collapse summary {
3646
3661
  --tw-bg-opacity: 1;
3647
3662
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
3648
3663
  animation: radiomark var(--animation-input, 0.2s) ease-out;
3649
- box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset;
3664
+ box-shadow:
3665
+ 0 0 0 4px hsl(var(--b1)) inset,
3666
+ 0 0 0 4px hsl(var(--b1)) inset;
3650
3667
  }
3651
3668
  .radio-primary {
3652
3669
  --chkbg: var(--p);
@@ -3816,13 +3833,19 @@ details.collapse summary {
3816
3833
 
3817
3834
  @keyframes radiomark {
3818
3835
  0% {
3819
- box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset;
3836
+ box-shadow:
3837
+ 0 0 0 12px hsl(var(--b1)) inset,
3838
+ 0 0 0 12px hsl(var(--b1)) inset;
3820
3839
  }
3821
3840
  50% {
3822
- box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset;
3841
+ box-shadow:
3842
+ 0 0 0 3px hsl(var(--b1)) inset,
3843
+ 0 0 0 3px hsl(var(--b1)) inset;
3823
3844
  }
3824
3845
  100% {
3825
- box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset;
3846
+ box-shadow:
3847
+ 0 0 0 4px hsl(var(--b1)) inset,
3848
+ 0 0 0 4px hsl(var(--b1)) inset;
3826
3849
  }
3827
3850
  }
3828
3851
 
@@ -3872,7 +3895,9 @@ details.collapse summary {
3872
3895
  transform: translateY(-50%);
3873
3896
  --filler-size: 100rem;
3874
3897
  --filler-offset: 0.6rem;
3875
- box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset, var(--focus-shadow, 0 0),
3898
+ box-shadow:
3899
+ 0 0 0 3px hsl(var(--range-shdw)) inset,
3900
+ var(--focus-shadow, 0 0),
3876
3901
  calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
3877
3902
  }
3878
3903
  .range::-moz-range-thumb {
@@ -3887,7 +3912,9 @@ details.collapse summary {
3887
3912
  color: hsl(var(--range-shdw));
3888
3913
  --filler-size: 100rem;
3889
3914
  --filler-offset: 0.5rem;
3890
- box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset, var(--focus-shadow, 0 0),
3915
+ box-shadow:
3916
+ 0 0 0 3px hsl(var(--range-shdw)) inset,
3917
+ var(--focus-shadow, 0 0),
3891
3918
  calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
3892
3919
  }
3893
3920
  .range-primary {
@@ -3962,7 +3989,6 @@ details.collapse summary {
3962
3989
  --tw-bg-opacity: 1;
3963
3990
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
3964
3991
  padding-right: 2.5rem;
3965
- font-weight: 600;
3966
3992
  border-radius: var(--rounded-btn, 0.5rem);
3967
3993
  }
3968
3994
  .select-bordered {
@@ -3971,8 +3997,12 @@ details.collapse summary {
3971
3997
  .select {
3972
3998
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
3973
3999
  linear-gradient(135deg, currentColor 50%, transparent 50%);
3974
- background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16px) calc(1px + 50%);
3975
- background-size: 4px 4px, 4px 4px;
4000
+ background-position:
4001
+ calc(100% - 20px) calc(1px + 50%),
4002
+ calc(100% - 16px) calc(1px + 50%);
4003
+ background-size:
4004
+ 4px 4px,
4005
+ 4px 4px;
3976
4006
  background-repeat: no-repeat;
3977
4007
  }
3978
4008
  .select:focus {
@@ -4062,7 +4092,9 @@ details.collapse summary {
4062
4092
  }
4063
4093
 
4064
4094
  [dir="rtl"] .select {
4065
- background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%);
4095
+ background-position:
4096
+ calc(0% + 12px) calc(1px + 50%),
4097
+ calc(0% + 16px) calc(1px + 50%);
4066
4098
  }
4067
4099
  .stack {
4068
4100
  place-items: center;
@@ -4629,8 +4661,12 @@ details.collapse summary {
4629
4661
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
4630
4662
  --tw-bg-opacity: 0.5;
4631
4663
  border-radius: var(--rounded-badge, 1.9rem);
4632
- transition: background, box-shadow var(--animation-input, 0.2s) ease-out;
4633
- box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset,
4664
+ transition:
4665
+ background,
4666
+ box-shadow var(--animation-input, 0.2s) ease-out;
4667
+ box-shadow:
4668
+ var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
4669
+ 0 0 0 2px var(--tglbg) inset,
4634
4670
  var(--togglehandleborder);
4635
4671
  }
4636
4672
  [dir="rtl"] .toggle {
@@ -4655,12 +4691,16 @@ details.collapse summary {
4655
4691
  .toggle:indeterminate {
4656
4692
  --tw-border-opacity: 1;
4657
4693
  --tw-bg-opacity: 1;
4658
- box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
4659
- calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset;
4694
+ box-shadow:
4695
+ calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
4696
+ calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
4697
+ 0 0 0 2px var(--tglbg) inset;
4660
4698
  }
4661
4699
  [dir="rtl"] .toggle:indeterminate {
4662
- box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
4663
- calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset;
4700
+ box-shadow:
4701
+ calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
4702
+ calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
4703
+ 0 0 0 2px var(--tglbg) inset;
4664
4704
  }
4665
4705
  .toggle-primary:focus-visible {
4666
4706
  outline-color: hsl(var(--p) / 1);