daisyui 3.1.2 → 3.1.4

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
@@ -2922,6 +2922,9 @@ html {
2922
2922
  right: 0px;
2923
2923
  --tw-bg-opacity: 1;
2924
2924
  background-color: hsl(var(--b1) / var(--tw-bg-opacity))}
2925
+ .table-zebra tbody tr:nth-child(even) :where(.table-pin-cols tr th) {
2926
+ --tw-bg-opacity: 1;
2927
+ background-color: hsl(var(--b2) / var(--tw-bg-opacity))}
2925
2928
  .textarea {
2926
2929
  flex-shrink: 1;
2927
2930
  min-height: 3rem;
@@ -4124,8 +4127,8 @@ details.collapse summary::-webkit-details-marker {
4124
4127
  width: 1px;
4125
4128
  background-color: hsl(var(--bc) / 0.1);
4126
4129
  content: ""}
4127
- :where(.menu li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
4128
- :where(.menu li:not(.menu-title) > details > summary:not(.menu-title)) {
4130
+ .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
4131
+ .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
4129
4132
  padding-left: 1rem;
4130
4133
  padding-right: 1rem;
4131
4134
  padding-top: 0.5rem;
@@ -45949,6 +45952,22 @@ details.collapse summary::-webkit-details-marker {
45949
45952
  .sm\:checkbox-lg {
45950
45953
  height: 2rem;
45951
45954
  width: 2rem}
45955
+ .sm\:drawer-open > .drawer-toggle {
45956
+ display: none}
45957
+ .sm\:drawer-open > .drawer-toggle ~ .drawer-side {
45958
+ pointer-events: auto;
45959
+ visibility: visible;
45960
+ position: sticky;
45961
+ display: block;
45962
+ width: auto;
45963
+ overscroll-behavior: auto}
45964
+ .sm\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
45965
+ transform: translateX(0%)}
45966
+ [dir="rtl"] .sm\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
45967
+ transform: translateX(0%)}
45968
+ .sm\:drawer-open > .drawer-toggle:checked ~ .drawer-side {
45969
+ pointer-events: auto;
45970
+ visibility: visible}
45952
45971
  .sm\:file-input-sm {
45953
45972
  height: 2rem;
45954
45973
  padding-right: 0.75rem;
@@ -46023,8 +46042,12 @@ details.collapse summary::-webkit-details-marker {
46023
46042
  line-height: 1.75rem;
46024
46043
  min-height: 2.5em;
46025
46044
  min-width: 2.5em}
46045
+ .sm\:modal-top {
46046
+ place-items: start}
46026
46047
  .sm\:modal-middle {
46027
46048
  place-items: center}
46049
+ .sm\:modal-bottom {
46050
+ place-items: end}
46028
46051
  .sm\:radio-sm {
46029
46052
  height: 1.25rem;
46030
46053
  width: 1.25rem}
@@ -46179,6 +46202,21 @@ details.collapse summary::-webkit-details-marker {
46179
46202
  --handleoffset: 2rem;
46180
46203
  height: 2rem;
46181
46204
  width: 4rem}
46205
+ .sm\:card-compact .card-body {
46206
+ padding: 1rem;
46207
+ font-size: 0.875rem;
46208
+ line-height: 1.25rem}
46209
+ .sm\:card-compact .card-title {
46210
+ margin-bottom: 0.25rem}
46211
+ .sm\:card-normal .card-body {
46212
+ padding: var(--padding-card, 2rem);
46213
+ font-size: 1rem;
46214
+ line-height: 1.5rem}
46215
+ .sm\:card-normal .card-title {
46216
+ margin-bottom: 0.75rem}
46217
+ .sm\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
46218
+ cursor: default;
46219
+ background-color: transparent}
46182
46220
  .sm\:menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.sm\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
46183
46221
  padding-left: 0.75rem;
46184
46222
  padding-right: 0.75rem;
@@ -46218,6 +46256,17 @@ details.collapse summary::-webkit-details-marker {
46218
46256
  padding-right: 1.5rem;
46219
46257
  padding-top: 0.75rem;
46220
46258
  padding-bottom: 0.75rem}
46259
+ .sm\:modal-top :where(.modal-box) {
46260
+ width: 100%;
46261
+ max-width: none;
46262
+ --tw-translate-y: -2.5rem;
46263
+ --tw-scale-x: 1;
46264
+ --tw-scale-y: 1;
46265
+ 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));
46266
+ border-top-left-radius: 0px;
46267
+ border-top-right-radius: 0px;
46268
+ border-bottom-left-radius: var(--rounded-box, 1rem);
46269
+ border-bottom-right-radius: var(--rounded-box, 1rem)}
46221
46270
  .sm\:modal-middle :where(.modal-box) {
46222
46271
  width: 91.666667%;
46223
46272
  max-width: 32rem;
@@ -46229,6 +46278,17 @@ details.collapse summary::-webkit-details-marker {
46229
46278
  border-top-right-radius: var(--rounded-box, 1rem);
46230
46279
  border-bottom-left-radius: var(--rounded-box, 1rem);
46231
46280
  border-bottom-right-radius: var(--rounded-box, 1rem)}
46281
+ .sm\:modal-bottom :where(.modal-box) {
46282
+ width: 100%;
46283
+ max-width: none;
46284
+ --tw-translate-y: 2.5rem;
46285
+ --tw-scale-x: 1;
46286
+ --tw-scale-y: 1;
46287
+ 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));
46288
+ border-bottom-right-radius: 0px;
46289
+ border-bottom-left-radius: 0px;
46290
+ border-top-left-radius: var(--rounded-box, 1rem);
46291
+ border-top-right-radius: var(--rounded-box, 1rem)}
46232
46292
  .sm\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
46233
46293
  --tw-divide-x-reverse: 0;
46234
46294
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -46388,6 +46448,22 @@ details.collapse summary::-webkit-details-marker {
46388
46448
  .md\:checkbox-lg {
46389
46449
  height: 2rem;
46390
46450
  width: 2rem}
46451
+ .md\:drawer-open > .drawer-toggle {
46452
+ display: none}
46453
+ .md\:drawer-open > .drawer-toggle ~ .drawer-side {
46454
+ pointer-events: auto;
46455
+ visibility: visible;
46456
+ position: sticky;
46457
+ display: block;
46458
+ width: auto;
46459
+ overscroll-behavior: auto}
46460
+ .md\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
46461
+ transform: translateX(0%)}
46462
+ [dir="rtl"] .md\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
46463
+ transform: translateX(0%)}
46464
+ .md\:drawer-open > .drawer-toggle:checked ~ .drawer-side {
46465
+ pointer-events: auto;
46466
+ visibility: visible}
46391
46467
  .md\:file-input-sm {
46392
46468
  height: 2rem;
46393
46469
  padding-right: 0.75rem;
@@ -46462,8 +46538,12 @@ details.collapse summary::-webkit-details-marker {
46462
46538
  line-height: 1.75rem;
46463
46539
  min-height: 2.5em;
46464
46540
  min-width: 2.5em}
46541
+ .md\:modal-top {
46542
+ place-items: start}
46465
46543
  .md\:modal-middle {
46466
46544
  place-items: center}
46545
+ .md\:modal-bottom {
46546
+ place-items: end}
46467
46547
  .md\:radio-sm {
46468
46548
  height: 1.25rem;
46469
46549
  width: 1.25rem}
@@ -46618,6 +46698,21 @@ details.collapse summary::-webkit-details-marker {
46618
46698
  --handleoffset: 2rem;
46619
46699
  height: 2rem;
46620
46700
  width: 4rem}
46701
+ .md\:card-compact .card-body {
46702
+ padding: 1rem;
46703
+ font-size: 0.875rem;
46704
+ line-height: 1.25rem}
46705
+ .md\:card-compact .card-title {
46706
+ margin-bottom: 0.25rem}
46707
+ .md\:card-normal .card-body {
46708
+ padding: var(--padding-card, 2rem);
46709
+ font-size: 1rem;
46710
+ line-height: 1.5rem}
46711
+ .md\:card-normal .card-title {
46712
+ margin-bottom: 0.75rem}
46713
+ .md\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
46714
+ cursor: default;
46715
+ background-color: transparent}
46621
46716
  .md\:menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.md\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
46622
46717
  padding-left: 0.75rem;
46623
46718
  padding-right: 0.75rem;
@@ -46657,6 +46752,17 @@ details.collapse summary::-webkit-details-marker {
46657
46752
  padding-right: 1.5rem;
46658
46753
  padding-top: 0.75rem;
46659
46754
  padding-bottom: 0.75rem}
46755
+ .md\:modal-top :where(.modal-box) {
46756
+ width: 100%;
46757
+ max-width: none;
46758
+ --tw-translate-y: -2.5rem;
46759
+ --tw-scale-x: 1;
46760
+ --tw-scale-y: 1;
46761
+ 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));
46762
+ border-top-left-radius: 0px;
46763
+ border-top-right-radius: 0px;
46764
+ border-bottom-left-radius: var(--rounded-box, 1rem);
46765
+ border-bottom-right-radius: var(--rounded-box, 1rem)}
46660
46766
  .md\:modal-middle :where(.modal-box) {
46661
46767
  width: 91.666667%;
46662
46768
  max-width: 32rem;
@@ -46668,6 +46774,17 @@ details.collapse summary::-webkit-details-marker {
46668
46774
  border-top-right-radius: var(--rounded-box, 1rem);
46669
46775
  border-bottom-left-radius: var(--rounded-box, 1rem);
46670
46776
  border-bottom-right-radius: var(--rounded-box, 1rem)}
46777
+ .md\:modal-bottom :where(.modal-box) {
46778
+ width: 100%;
46779
+ max-width: none;
46780
+ --tw-translate-y: 2.5rem;
46781
+ --tw-scale-x: 1;
46782
+ --tw-scale-y: 1;
46783
+ 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));
46784
+ border-bottom-right-radius: 0px;
46785
+ border-bottom-left-radius: 0px;
46786
+ border-top-left-radius: var(--rounded-box, 1rem);
46787
+ border-top-right-radius: var(--rounded-box, 1rem)}
46671
46788
  .md\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
46672
46789
  --tw-divide-x-reverse: 0;
46673
46790
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -46827,6 +46944,22 @@ details.collapse summary::-webkit-details-marker {
46827
46944
  .lg\:checkbox-lg {
46828
46945
  height: 2rem;
46829
46946
  width: 2rem}
46947
+ .lg\:drawer-open > .drawer-toggle {
46948
+ display: none}
46949
+ .lg\:drawer-open > .drawer-toggle ~ .drawer-side {
46950
+ pointer-events: auto;
46951
+ visibility: visible;
46952
+ position: sticky;
46953
+ display: block;
46954
+ width: auto;
46955
+ overscroll-behavior: auto}
46956
+ .lg\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
46957
+ transform: translateX(0%)}
46958
+ [dir="rtl"] .lg\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
46959
+ transform: translateX(0%)}
46960
+ .lg\:drawer-open > .drawer-toggle:checked ~ .drawer-side {
46961
+ pointer-events: auto;
46962
+ visibility: visible}
46830
46963
  .lg\:file-input-sm {
46831
46964
  height: 2rem;
46832
46965
  padding-right: 0.75rem;
@@ -46901,8 +47034,12 @@ details.collapse summary::-webkit-details-marker {
46901
47034
  line-height: 1.75rem;
46902
47035
  min-height: 2.5em;
46903
47036
  min-width: 2.5em}
47037
+ .lg\:modal-top {
47038
+ place-items: start}
46904
47039
  .lg\:modal-middle {
46905
47040
  place-items: center}
47041
+ .lg\:modal-bottom {
47042
+ place-items: end}
46906
47043
  .lg\:radio-sm {
46907
47044
  height: 1.25rem;
46908
47045
  width: 1.25rem}
@@ -47057,6 +47194,21 @@ details.collapse summary::-webkit-details-marker {
47057
47194
  --handleoffset: 2rem;
47058
47195
  height: 2rem;
47059
47196
  width: 4rem}
47197
+ .lg\:card-compact .card-body {
47198
+ padding: 1rem;
47199
+ font-size: 0.875rem;
47200
+ line-height: 1.25rem}
47201
+ .lg\:card-compact .card-title {
47202
+ margin-bottom: 0.25rem}
47203
+ .lg\:card-normal .card-body {
47204
+ padding: var(--padding-card, 2rem);
47205
+ font-size: 1rem;
47206
+ line-height: 1.5rem}
47207
+ .lg\:card-normal .card-title {
47208
+ margin-bottom: 0.75rem}
47209
+ .lg\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
47210
+ cursor: default;
47211
+ background-color: transparent}
47060
47212
  .lg\:menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.lg\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
47061
47213
  padding-left: 0.75rem;
47062
47214
  padding-right: 0.75rem;
@@ -47096,6 +47248,17 @@ details.collapse summary::-webkit-details-marker {
47096
47248
  padding-right: 1.5rem;
47097
47249
  padding-top: 0.75rem;
47098
47250
  padding-bottom: 0.75rem}
47251
+ .lg\:modal-top :where(.modal-box) {
47252
+ width: 100%;
47253
+ max-width: none;
47254
+ --tw-translate-y: -2.5rem;
47255
+ --tw-scale-x: 1;
47256
+ --tw-scale-y: 1;
47257
+ 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));
47258
+ border-top-left-radius: 0px;
47259
+ border-top-right-radius: 0px;
47260
+ border-bottom-left-radius: var(--rounded-box, 1rem);
47261
+ border-bottom-right-radius: var(--rounded-box, 1rem)}
47099
47262
  .lg\:modal-middle :where(.modal-box) {
47100
47263
  width: 91.666667%;
47101
47264
  max-width: 32rem;
@@ -47107,6 +47270,17 @@ details.collapse summary::-webkit-details-marker {
47107
47270
  border-top-right-radius: var(--rounded-box, 1rem);
47108
47271
  border-bottom-left-radius: var(--rounded-box, 1rem);
47109
47272
  border-bottom-right-radius: var(--rounded-box, 1rem)}
47273
+ .lg\:modal-bottom :where(.modal-box) {
47274
+ width: 100%;
47275
+ max-width: none;
47276
+ --tw-translate-y: 2.5rem;
47277
+ --tw-scale-x: 1;
47278
+ --tw-scale-y: 1;
47279
+ 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));
47280
+ border-bottom-right-radius: 0px;
47281
+ border-bottom-left-radius: 0px;
47282
+ border-top-left-radius: var(--rounded-box, 1rem);
47283
+ border-top-right-radius: var(--rounded-box, 1rem)}
47110
47284
  .lg\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
47111
47285
  --tw-divide-x-reverse: 0;
47112
47286
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -47266,6 +47440,22 @@ details.collapse summary::-webkit-details-marker {
47266
47440
  .xl\:checkbox-lg {
47267
47441
  height: 2rem;
47268
47442
  width: 2rem}
47443
+ .xl\:drawer-open > .drawer-toggle {
47444
+ display: none}
47445
+ .xl\:drawer-open > .drawer-toggle ~ .drawer-side {
47446
+ pointer-events: auto;
47447
+ visibility: visible;
47448
+ position: sticky;
47449
+ display: block;
47450
+ width: auto;
47451
+ overscroll-behavior: auto}
47452
+ .xl\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
47453
+ transform: translateX(0%)}
47454
+ [dir="rtl"] .xl\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
47455
+ transform: translateX(0%)}
47456
+ .xl\:drawer-open > .drawer-toggle:checked ~ .drawer-side {
47457
+ pointer-events: auto;
47458
+ visibility: visible}
47269
47459
  .xl\:file-input-sm {
47270
47460
  height: 2rem;
47271
47461
  padding-right: 0.75rem;
@@ -47340,8 +47530,12 @@ details.collapse summary::-webkit-details-marker {
47340
47530
  line-height: 1.75rem;
47341
47531
  min-height: 2.5em;
47342
47532
  min-width: 2.5em}
47533
+ .xl\:modal-top {
47534
+ place-items: start}
47343
47535
  .xl\:modal-middle {
47344
47536
  place-items: center}
47537
+ .xl\:modal-bottom {
47538
+ place-items: end}
47345
47539
  .xl\:radio-sm {
47346
47540
  height: 1.25rem;
47347
47541
  width: 1.25rem}
@@ -47496,6 +47690,21 @@ details.collapse summary::-webkit-details-marker {
47496
47690
  --handleoffset: 2rem;
47497
47691
  height: 2rem;
47498
47692
  width: 4rem}
47693
+ .xl\:card-compact .card-body {
47694
+ padding: 1rem;
47695
+ font-size: 0.875rem;
47696
+ line-height: 1.25rem}
47697
+ .xl\:card-compact .card-title {
47698
+ margin-bottom: 0.25rem}
47699
+ .xl\:card-normal .card-body {
47700
+ padding: var(--padding-card, 2rem);
47701
+ font-size: 1rem;
47702
+ line-height: 1.5rem}
47703
+ .xl\:card-normal .card-title {
47704
+ margin-bottom: 0.75rem}
47705
+ .xl\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
47706
+ cursor: default;
47707
+ background-color: transparent}
47499
47708
  .xl\:menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.xl\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
47500
47709
  padding-left: 0.75rem;
47501
47710
  padding-right: 0.75rem;
@@ -47535,6 +47744,17 @@ details.collapse summary::-webkit-details-marker {
47535
47744
  padding-right: 1.5rem;
47536
47745
  padding-top: 0.75rem;
47537
47746
  padding-bottom: 0.75rem}
47747
+ .xl\:modal-top :where(.modal-box) {
47748
+ width: 100%;
47749
+ max-width: none;
47750
+ --tw-translate-y: -2.5rem;
47751
+ --tw-scale-x: 1;
47752
+ --tw-scale-y: 1;
47753
+ 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));
47754
+ border-top-left-radius: 0px;
47755
+ border-top-right-radius: 0px;
47756
+ border-bottom-left-radius: var(--rounded-box, 1rem);
47757
+ border-bottom-right-radius: var(--rounded-box, 1rem)}
47538
47758
  .xl\:modal-middle :where(.modal-box) {
47539
47759
  width: 91.666667%;
47540
47760
  max-width: 32rem;
@@ -47546,6 +47766,17 @@ details.collapse summary::-webkit-details-marker {
47546
47766
  border-top-right-radius: var(--rounded-box, 1rem);
47547
47767
  border-bottom-left-radius: var(--rounded-box, 1rem);
47548
47768
  border-bottom-right-radius: var(--rounded-box, 1rem)}
47769
+ .xl\:modal-bottom :where(.modal-box) {
47770
+ width: 100%;
47771
+ max-width: none;
47772
+ --tw-translate-y: 2.5rem;
47773
+ --tw-scale-x: 1;
47774
+ --tw-scale-y: 1;
47775
+ 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));
47776
+ border-bottom-right-radius: 0px;
47777
+ border-bottom-left-radius: 0px;
47778
+ border-top-left-radius: var(--rounded-box, 1rem);
47779
+ border-top-right-radius: var(--rounded-box, 1rem)}
47549
47780
  .xl\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
47550
47781
  --tw-divide-x-reverse: 0;
47551
47782
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
package/dist/styled.css CHANGED
@@ -1165,6 +1165,10 @@
1165
1165
  right: 0px;
1166
1166
  --tw-bg-opacity: 1;
1167
1167
  background-color: hsl(var(--b1) / var(--tw-bg-opacity))
1168
+ }
1169
+ .table-zebra tbody tr:nth-child(even) :where(.table-pin-cols tr th) {
1170
+ --tw-bg-opacity: 1;
1171
+ background-color: hsl(var(--b2) / var(--tw-bg-opacity))
1168
1172
  }
1169
1173
  .textarea {
1170
1174
  flex-shrink: 1;
@@ -3141,8 +3145,8 @@ details.collapse summary {
3141
3145
  background-color: hsl(var(--bc) / 0.1);
3142
3146
  content: "";
3143
3147
  }
3144
- :where(.menu li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
3145
- :where(.menu li:not(.menu-title) > details > summary:not(.menu-title)) {
3148
+ .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
3149
+ .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
3146
3150
  padding-left: 1rem;
3147
3151
  padding-right: 1rem;
3148
3152
  padding-top: 0.5rem;